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.
- Before you add or edit any custom code make sure that you backup your site to ensure you can rollback if needed.
- Test custom code on a test page before adding it to your actual site.
- Our support team can’t troubleshoot custom code.
- 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.
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.