Embed
Place a trusted third-party widget or HTML embed inside your page.
Code name: Embed · Category: Integrations
Registered in the live renderer. Website context and the limitations below still apply.
When to use it
Use an embed for a booking widget or another external service that supplies an official embed snippet.
In the editor
- Copy the snippet from the service you trust.
- Add it to the embed code field.
- Set a suitable height and test the widget in preview.
Example
This example uses illustrative content. Media placeholders must be replaced with your own assets; data-backed blocks need the normal website context.
<Embed code="<p>Replace this with your trusted embed snippet.</p>" height={240} />Behaviour and limitations
- Third-party code can behave differently in the editor and on a published page.
- disableInEditor can keep an embed inactive in the editor. It does not validate the external service.
- Never place private API keys or account secrets in public embed code.
Property reference
Types below describe the editor controls and known choices, not every value accepted by the renderer. A renderer default is extracted from its parameter; an editor-only default does not prove the runtime default. “Not declared here” does not mean required. Preserve omitted values unless the requested edit needs them.
| Property | Editor value type | Default evidence | Guidance |
|---|---|---|---|
code | string | "" (renderer) | Code. See the usage notes for this block. |
height | number | 150 (renderer) | Max Height. See the usage notes for this block. |
heightAuto | boolean | false (renderer) | Height Auto. See the usage notes for this block. |
disableInEditor | boolean | false (renderer) | Disable widget in editor. See the usage notes for this block. |
backgroundColor | string | "transparent" (renderer) | Background colour. Theme-derived appearance can still depend on the surrounding section. |
spacing | object | Not declared here | An object of spacing settings. Preserve existing responsive values when changing a single setting. |
screenList | string | "" (renderer) | Comma-separated device names to hide on: mobile, tablet, desktop. An empty string hides on none. |
css | string | Not declared here | Custom CSS text. Preserve unrelated rules and prefer the dedicated property for supported edits. |
