Where to Add Custom Code

Custom code can be added to your Architect site to further customize and extend the capabilities. It’s important to know where exactly different types of code should go to ensure they deliver the appropriate functionality and to prevent any issues on the site.

Notes:

  1. Before you add or edit any custom code make sure that you backup your site to ensure you can rollback if needed.
  2. Test custom code on a test page before adding it to your actual site.
  3. Our support team can’t troubleshoot custom code.
  4. Only use code from a trusted source.

Adding Code to a Specific Page/Place

If you want to embed code on a specific page or place you can use the HTML widget.

Adding Code to a Header

You can use the HTML Header section to add code that needs to be placed in the header either site-wide or on page-by-page basis.

Adding Code on All Pages

If you want to add a feature to all pages you can use Developer Mode to access the site wide body-end.html section.

To access this, enter Dev Mod and select “Site HTML/CSS” and click on “body-end.html.” Paste your code here and ensure you save.

Adding Code to a Contact Form

If you want to add a tracking code to a contact form click on the form to open the content and design options.

Select “Submission” and then click “Tracking” and paste your code here.

Adding Code to a Widget

If you want to add code to any widget, simply click on the appropriate widget, and select “Edit HTML/CSS.”

This will bring up the raw code, which you can edit.

Common Issues

CODE DISAPPEARING IN HEAD SECTION

If the code isn’t saving, you can paste it in the Header or in the “body-end.html” section.

CODE ISN’T WORKING

If the code isn’t working ensure its formatted correctly and that its HTTPS.