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
-
In the top-right corner of the editor, click the Embed button
-
A popup window will appear with your embed code. Click the Copy Code button
Step 2: Add the Code in Framer
-
In the Framer editor, click the Insert button at the top
-
In the left panel, scroll down to Utility and select the Embed component
-
Drag and place the Embed component where you want the Embeddable to appear
-
In the right-hand panel, under Embed, select HTML
-
Paste your embed code into the code input area
Tip: The widget will only appear on your published site, not in the editor preview.