As many website builders have their own behind-the-scenes rules around how certain elements look on your site, you might be surprised at how an Upflowy flow looks at first glance! Here is what happens if you simply embed the code - but never fear, we're here to help out.

First of all, copy the embed code that you'll find in Upflowy's integration tab:

Now, let's go into Webflow. Start off with a completely blank page - just the "Body" of the webpage.

Click the + icon on the left-side toolbar, and find the "Embed" component. Click the Embed component:

A block with "HTML Embed Code Editor" will appear. Copy-paste your Upflowy code into it, just before the "/>" in the code, add the below:

<[YOUR-EMBEDDED-CODE]

width=100%
height=100%/>

Click "Save and Close".

Now, on the right toolbar - go to "Position". Click on the dropdown next to "Position" and change the option from "Static" to "Fixed".

Now, click on the utmost-right icon to create a full-page display.

Congratulations! You now have a full-page embedded flow within Webflow!


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?