Skip to main content

Enable Force Custom Code Render on Pages

Learn how to activate the “Force custom code render” setting to ensure custom code is always displayed on your Durable website pages.

Stu avatar
Written by Stu
Updated over a week ago

Use the Force Custom Code Render option to ensure your embeds or scripts display correctly on a specific page ideal for troubleshooting third-party widgets or testing new code snippets.

Here’s how to enable Force Custom Code Render in your Page Settings:

  1. Open Pages

    • In your website editor, click Pages in the top menu.

    • Hover over the page you want to update and click the menu.

    • Select Page settings.

  2. Locate Custom Code

    • Scroll down in the Page Settings panel until you see the Custom code section.

    • You’ll find two boxes: Head Code (at the end of <head>) and Footer Code (before </body>).

  3. Paste or Edit Your Code

    • Enter your meta tags, CSS, or scripts in the Head Code or Footer Code box as needed.

  4. Enable Force Custom Code Render

    • Toggle on Force custom code render at the bottom of the Custom code section.

    • This ensures Durable fully processes and displays your embed or script on the live page.


  5. Save and Publish

    • Click Save in the Page Settings panel.

    • Back in the main editor, click Publish to push your changes live.

Enabling Force Custom Code Render helps with troubleshooting embeds that rely on late-loading scripts or complex styles. If you run into any issues or need guidance, our team is here to help just reach out anytime!


Did this answer your question?