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.

Example:

<iframe src="https://my.upflowy.com/ffej-upflowy-framer?mode=standalone" 

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


Our Help Center is an amazing resource for learning more about Upflowy. Return to Collection >>

Jump in and try your hand at making your flows and forms with Upflowy for free. More features are offered on our paid plans. Find out more about our pricing here.

Sign up for our weekly update and be the first to know about our new product announcements and more. Join our mailing list >>

Didn't find what you're looking for? Our Customer Success champions are available by clicking on the chat bubble on the bottom right of our app or emailing support@upflowy.com. You can even book a call with them for a 1:1 session at a time you prefer.

Did this answer your question?