Documentation

Framer

Step-by-step guide to embed widgets in Framer.

You can easily add the Embeddable you created to your Framer website by copying and pasting a simple code snippet. Once it's added, you can continue editing and updating the Embeddable from your dashboard, and all changes will automatically appear on your live site without needing to update the code again.

Step 1: Copy the Embed Code

  1. In the top-right corner of the editor, click the Embed button
    Embed button

  2. A popup window will appear with your embed code. Click the Copy Code button
    Embed window

Step 2: Add the Code in Framer

  1. In the Framer editor, click the Insert button at the top
    Insert button

  2. In the left panel, scroll down to Utility and select the Embed component
    Embed component

  3. Drag and place the Embed component where you want the Embeddable to appear
    Place embed

  4. In the right-hand panel, under Embed, select HTML
    Select HTML

  5. Paste your embed code into the code input area
    Paste code

Tip: The widget will only appear on your published site, not in the editor preview.

On this page