All Collections
Website editor
Pages & sections
Add custom code and embedding components to your site
Add custom code and embedding components to your site
Written by Naoko Shimogaki
Updated over a week ago

Important note: the Durable team does not validate custom code, so please ensure the code before adding it to the website. We do not provide support for creating customs codes either.

Apply custom codes to the whole site

You can access the custom code section from Website > Settings.

Custom code:

It can be added to the Website > Settings page. The code added here will be applied to the whole website.

  • Head Code: Used mostly for scripts like Google Search Console Tool (traffic analyzer and indexing tool), chatbots that would be added throughout the website, AdSense, and style customization etc.

  • Footer Code: used for "noscripts" of AdSense components.

Apply custom codes to a specific page

The code can be added to a specific page on your site.

  1. Go to Website > Edit.

  2. Click "Manage pages" at the top bar.

  3. Click the gear icon next to a page title you want to add codes. The code added here will be applied only to a specific page.

This section:

  • Generally has the same properties as the general custom code.

  • can be used to customize the style of a specific component in a page ("I think my titles are too big. Can be changed here")

  • Has the "Force custom code render" button. This can fix strange behaviour of scripts/embedded components

    • Example of strange behaviour: I added an embed code, but it doesn't show when I open the page, only after a refresh. Please enable "Force custom code render" and see if the issue gets fixed.

Did this answer your question?