Embed Code Widget

Embed Code Widget

The Embed Code Widget allows you to insert custom HTML or JavaScript code directly into a page. Use this widget to embed third-party content such as maps, social media feeds, forms, or any other external service.

Common Tasks

Adding the Widget to a Page

1. Navigate to the page in the Contensive page editor.
2. Click the widget tool to open the widget panel.
3. Find the Embed Code Widget in the Design Blocks category.
4. Drag the widget onto the page at the desired location.
5. The widget will appear with an empty code area ready to configure.

Editing Widget Content

1. Click the edit icon on the Embed Code Widget.
2. Paste your HTML or JavaScript code into the HTML Embed Code field.
3. Common embed sources include Google Maps iframes, social media embed codes, third-party form builders, and analytics tracking scripts.

Styling the Widget

• Open the advanced editor to access the Styles tab.
• Set padding (top, right, bottom, left) to control spacing around the embedded content.
• Choose a Theme Style to apply a predefined look.
• Set a Background Image on the Background tab.
• Enable As Full Bleed for edge-to-edge rendering.
• Set a specific Height if needed.

Removing the Widget

• Click the edit icon on the widget and open the advanced editor.
• Set the Active field to "No" on the Control Info tab to hide it, or delete the record to remove it permanently.

Edit Dialog Fields

Advanced Edit Fields