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 include hidden fields in your Upflowy flowHow to add a default value to your Input componentText, 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 use the Cards component as a button

How to let a user move on to the next step by clicking on a card.

In Upflowy, users will usually navigate to the next page of a flow by adding in a "Button" component: upon clicking the button, users will go through to the next page.

However, there's an exciting and satisfying exception to the rule - Cards components:

Cards Component

If set up correctly, users can progress to the next step by simply clicking on one of the cards - no button necessary!

To set it up, drag n drop a card component into your step view. On the left, you should see the traits of the Cards. You will see that "Select Multiple?" is unticked by default.

As long as you ensure that "Select Multiple?" stays unticked, your cards will act as buttons, and users can simply click on this to proceed to the next step!

If you tick "Select Multiple?", you'll see that the buttons for each card disappear, and when previewing it, you'll see that more than one card can be selected. This prevents the step from auto-submitting from allowing users to select more than one option.

Fun Fact - if you like the Cards' look and want them to act as buttons, but you want the whole card to be clickable, you can simply delete the button by removing the "Button Text" inputs on the left-side toolbox.

Powered by Product Fruits