Dora

With Embed, you can easily embed websites, iFrames, widgets, or scripts into your Dora website.

Click the + Insert menu on the top bar.

Select “Embed” from the dropdown.

Drag to create an embed widget in the canvas.

1. Click the + Insert menu on the top bar.
2. Select “Embed” from the dropdown.
3. Drag to create an embed widget in the canvas.

Or drag an embed widget onto the canvas.

Copy the code you’d like to embed into your clipboard.

In the embed section on the right sidebar, select the type of element you want to embed (URL/HTML).

1. Copy the code you’d like to embed into your clipboard.
2. In the embed section on the right sidebar, select the type of element you want to embed (URL/HTML).
3. Paste your copied code.
    

Unless explicit size information is provided in your custom code, embed widgets will default to filling the entire parent element’s width.

You can add height="100%" and width="100%" in your custom code to ensure your embed completely fills and/or resizes based on the parent element.

Embedding web pages that use HTTP headers is not currently supported. 

Some web pages may have content security policies that prevent embedding.

- Embedding web pages that use HTTP headers is not currently supported. 
  🚫 http:// ✅ https://
- Some web pages may have content security policies that prevent embedding.

Double-check whether your code contains appropriate start and/or end tags, and does not include &lt;html&gt;, &lt;body&gt;, or &lt;head&gt; tags.

Custom code cannot exceed 10,000 characters. If the code you want to embed is longer, try storing it on another server and referencing the script in your embed. Provided you don’t compromise any Javascript functions, you can also minify your code using a third-party tool or split the code into multiple Embed elements.

- Double-check whether your code contains appropriate start and/or end tags, and does not include &lt;html&gt;, &lt;body&gt;, or &lt;head&gt; tags.
- Custom code cannot exceed 10,000 characters. If the code you want to embed is longer, try storing it on another server and referencing the script in your embed. Provided you don’t compromise any Javascript functions, you can also minify your code using a third-party tool or split the code into multiple Embed elements.

Please make sure there is no overlap between interactive components and Embed widgets to prevent any issues with interactivity after publishing.

Please keep in mind that custom code is an advanced modification that may conflict with Dora’s underlying functionality. Thus, we cannot guarantee the full functionality or compatibility of any custom code.

Our team is unable to directly assist the setup and troubleshooting of custom code. If you have already attempted to debug the issue and still need help, please contact the Dora support team on our <a href="https://s.dora.run/dora-discord" rel="nofollow noopener noreferrer" target="_blank">Discord</a>.

How to use the Embed widget

Step 1. Add an embed widget

Step 2. Add embed content

How to set the size of the Embed element

My Embed widget isn’t working!

URL

Custom code

Important

Support