Help Center
Go to Upflowy
Help Center
Go to Upflowy
Getting Started
Upflowy 101: How to use Upflowy in 5 minutes
Building a Flow
How to set up a logic split in UpflowyHow to set up an A/B test in UpflowyHow to create nested flowsChanging between desktop and mobile viewsHow to make your flow's redirect URL open in a new tab (for embedded flows)How to use the UTM Parameters in Conditional LogicHow to inject custom parameters into your flowHow to redirect your Upflowy flow to a custom error pageHow to add parameters from your flow to your redirect URLHow to proceed to the next step automatically
Steps and Components
How Components WorkHow to add a default value to your Input componentHow to include hidden fields in your Upflowy flowText, Sub-Heading, and Heading, components: What they do and how to use them.How to add a hidden Input to your flowThe Image component: What it does and how to use itThe Spacer Component: What it does and how to use itThe Input Component: What it does and how to use itThe Multiple Choice Component: What it does and how to use itThe Dropdown component: What it does and how to use itThe Link component: What it does and how to use itThe Content Cards component: What it does and how to use itHow to recall data from previous steps in your flowHow to use the Cards component as a buttonHow to remove borders and background from the card component using CSSThe Nested Dropdowns component: What it does and how to use itThe Upload Documents Component: What it does and how to use itThe Button Component: What it does and how to use itThe Video Component: What it does and how to use it
Find Extra Components (Or Request One!)
Styling, Design and Brand Kits
Theme Settings: What they doHow to upload a custom loading gif into your Upflowy flowHow to use LayoutsHow to change the style of flow elements using CSSHow to add effects and animation to your flowHow to optimize your Upflowy experience for mobile How to customize your flow with custom CSS
Connect & Integrate your data
API and Webhook Documentation
Analytics and Reporting
Collaboration
Documents
Email Marketing
Productivity
Scheduling
Advanced connevtions - Deprecated
How to share, embed and trigger your flow
How to share your flow starting from a specific step
Share your flow as a URL
Embed your flow on a webpage
How to embed your Upflowy flow in a 'Framer' pageHow to embed your Upflowy flow in a Thinkific pageHow to embed your Upflowy flow within an Instapage landing pageHow to embed an Upflowy flow in a GoDaddy websiteHow to embed your Upflowy flow into a Webflow pageHow to embed your Upflowy flow into a WordPress websiteHow to embed your Upflowy flow within a website
Triggering your flow
Checking your results
Answers PageDownload your data as a CSV
Settings / My Account
Adding a coupon codeHow to Add, Edit and Delete a User in Upflowy
Frequently Asked Questions
Security and DataFeatures and FunctionalitiesHow to make a quiz in Upflowy
Release Updates
Release 22.2.8 - Pre-populating fields, Hidden Inputs, Bug Fixes

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.

Example:

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

width="100%" height="100%"/>
Powered by Product Fruits