Add tracking pixels, verification tags, or custom scripts to your site by embedding code directly into your website’s header or footer—or on individual pages for targeted functionality.
Here’s how to add custom code in your Durable website editor:
Open Website Settings
From your dashboard, click Website in the left sidebar.
Select the Settings tab at the top.
Add Global Head or Footer Code
Under Custom code, locate Head Code to insert markup at the end of your
<head>tag (for meta tags or CSS).Paste your code into the Head Code box.
Locate Footer Code to insert scripts before the closing
</body>tag (for analytics or chat widgets).Paste your script into the Footer Code box.
Enable Force Render (Optional)
If your embed or custom block is not displaying correctly, toggle on Force custom code render at the bottom.
Save Your Changes
Click Save to apply your custom code site-wide.
Page-Level Custom Code
Apply scripts or embeds only to a specific page for A/B testing or targeted functionality:
Edit the Page
In your website editor, click Pages, then hover over the page you want and select Settings.
Insert Custom Code
Scroll to the Custom code section in the Page Settings panel.
Paste your code into Head Code or Footer Code just as you would in global settings.
Force Custom Code Render (Optional)
Toggle on Force custom code render if needed.
Save and Publish
Click Save, then Publish in your main editor to make the changes live.
By embedding custom code, you can integrate third-party tools, verify domains, or add tracking without developer help. If you run into any challenges or need extra guidance, our team is here to support you just reach out anytime!