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
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 optimize your Upflowy experience for mobile

In Upflowy, you can toggle from desktop to mobile view in the step editor to see what your experience will look like in both formats:

 

1. Make sure you Upload 2 logos: one for desktop and one for mobile

In the Design Tab, under Logo's you'll have an option to upload a "Colour 1" logo and a "Colour 2" logo. 

Uploading a logo in "Colour 1" will bring it up to the desktop experience:

Uploading a logo in Colour 2 will show it in mobile experiences:

 

2. Show content in desktop, but not mobile views:

The content block to the right-hand side has two blocks that you can drop content into - the top and the bottom blocks. Desktop views allow for more content due to the extra space, but mobile views are best made simple! 

Anything added in the top block will be seen on mobile. Anything added in the bottom block will be seen only on desktop.

Currently, I have an image in the top block and text in the bottom block. If I click on mobile view, I'll see that my image takes up too much space on mobile:

However, if I move the image to the bottom block, I'll no longer see any content in the mobile view:

Powered by Product Fruits