How to Embed Your Embeddable on Your Website

Once you have built and published your embeddable, the final step is to add it to your live website. This is done by embedding a simple script tag into your site's HTML.

This guide will walk you through how to get your code and explain the advanced options available for power users.

---

Getting Your Embed Code

Step 1: Publish Your Changes

Before embedding, always ensure your latest work is live by clicking the Publish button. This guarantees that the version you embed is the most up-to-date. (For more on this, see our article on "How to Publish Your Changes").

Step 2: Open the Embed Menu

Click the Embed button, located in the top-right corner of the editor. A dropdown menu will appear, displaying the script tag for your embeddable.

Step 3: Copy the Code

Click the Copy Code button. The script tag will be copied to your clipboard.

Step 4: Paste the Code on Your Website

Paste the copied script tag into your website's HTML at the exact location where you want the embeddable to appear. Once you save and publish your website, the embeddable will be live for your users to see.

Important: You only need to embed this code once. Any future changes you make and publish in the editor will automatically be reflected on your website without needing to copy or paste the code again.

---

Advanced Configuration Options

For more control over how your embeddable behaves, you can use the advanced configuration options. To see them, click Show configuration options within the Embed menu.

This will reveal several toggles:

• Dev Version: This option uses the development version of the widget, which may include experimental features. It is not recommended for use on a live production website.
• Disable Loader: This will hide the loading animation that appears while the embeddable is initializing.
• Disable Cache: This forces the embeddable to reload completely every time a user visits the page, ignoring the browser's cache. This is generally not recommended as it may negatively impact performance.
• Disable Lazy Load: By default, embeddables wait to load until they are about to scroll into the user's view to improve page speed. Enabling this option will force the embeddable to load immediately with the rest of the page, which may slow down your initial page load time.