Embedra← ALL INSTALL GUIDES

Install on Framer

Use the Embed utility and adjust the frame size. About 3 minutes.

Steps

  1. Copy your snippet

    Open your widget in Embedra, go to the Embed panel and copy the snippet.

  2. Insert an Embed component

    Open your Framer project. Click Insert at the top left, click the Utility tab, and drag the Embed component onto your canvas.

  3. Paste the code

    Select the Embed component. In the properties panel on the right, look for the Embed section. Change the Type drop down from URL to HTML. Paste your snippet into the HTML box.

  4. Adjust the sizing

    Set the width of the Embed component to Fill so it spans your layout properly. Set the height manually so your widget has enough room to display without being squeezed.

  5. Publish and register

    Publish your Framer site. Finally, jump back into Embedra and add your live domain to the Embed panel so the widget is allowed to load.

Troubleshooting Framer quirks

Framer embeds live inside a fixed frame. If things look off, start here.

My widget has an ugly scrollbar inside it.

Framer quirk

Why this happens: The Framer Embed component has a fixed height by default, and your grid is taller than the box.

The fix: Select the Embed component in Framer and increase the height property in the right panel until the scrollbar disappears.

Still stuck? Email support@embedra.io with your site's address and we will look at the page itself. A real person replies.