How to embed your Upflowy flow in a 'Framer' page

How to embed your Upflowy flow in a 'Framer' page.

To embed your flow into a Framer webpage, go to the "Integrate" tab in the Upflowy app and copy the code for "Embed your Flow":

Then, go to your Framer page. Click on Insert -> Utility, and then drag and drop the Embed component into your page:

Framer Menu

Once the Embed code is drag n dropped into your page, a toolbar on the right-hand side will appear. Go to the 'Embed'. section, and click on the HTML option. Paste the code that you see in Upflowy.

HTML option

Changing the size of your flow in Framer

⚠️ Upon adding your flow to your page, you might notice that it appears too tiny! To fix this, you must add some extra code to the one above to specify the size. Adding "width="100%"height="100%" to the end of your code (just before the will maximize the size of the embedded flow. You can change the percentage of both height and width according to your needs. To help, we've shown you what the whole bit of code should look like.


<iframe src="" 

width="100%" height="100%"/>