How to add an iframe or embed script

In this guide, we explain how to use the embed component in Framer to integrate sites, Iframes, widgets, and scripts.

Embedding a URL

  1. Navigate to the Insert menu and search for Embed.

  2. Drag the Embed component to the canvas.

  3. Input the desired URL into the component.

Note: Some websites may block embedding through HTTP headers, which are required for enabled integrations.

Insert menu showing the different embed elements.

Embedding a script

For services requiring a script to include an iframe:

  1. Add the <script>…</script> tag in the HTML section of the Embed component.

  2. Depending on the integration, you may need to manually wrap the script in additional code to ensure proper functionality.

Still experiencing the issue after following the steps above? Create a support ticket in the Community.