Embed Code Widget

Use Embed Code to add custom HTML, CSS, or JavaScript content.

Add an Embed Code widget

Embed Code editor

• The editor title shows Add Code or Edit Code.
• Paste your HTML, CSS, or JavaScript in the code editor.
• Choose Safe preview when you want a stable builder preview that does not run scripts.
• Choose Live preview when you need to check sandboxed embedded output while editing.
• Use Refresh preview after changing third-party code that needs to re-render.

Builder preview behavior

• Website Builder shows a sanitized preview so the editor stays stable while you work.
• Embed scripts do not run inside builder or preview routes.
• Page-level tags such as <script>, <style>, <title>, <meta>, and <link> are stripped from the builder preview surface.
• Use the live page after publish to verify full third-party script behavior.

Loading controls

• Load immediately mounts the embed as soon as the published page loads.
• Load when visible waits until the visitor gets close to the embed before mounting it.
• Reserved height holds space for deferred embeds so the page does not jump as the embed loads.

Position controls

Use Position when an embed needs fine placement without custom code.

• Adjust vertical and horizontal offsets.
• Rotate, scale, skew, or fade the embed.
• Choose whether offsets should stay active on mobile.
• Allow overflow or bring the embed forward when a badge, chat bubble, map, or third-party widget needs to sit above nearby content.

Toolbar actions

• Alignment
• Animation
• Position
• Copy
• Delete