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!)
How to create your own componentHow to add a country selector as a dropdownHow to add timezones as a dropdownHow to add a date picker to your flowHow to add a currency selector as a dropdownHow to add in gradient colours to your flowHow to replace (or hide) the Upflowy logo in a flowHow to add in your Calendly scheduler to an Upflowy flowHow to add confetti to the last step of your flow
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 add confetti to the last step of your flow

If you want to add in an extra celebration for your flow - try adding in some confetti on the last step!

Drag an "Embed Component" into your flow. There will be a code snippet that appears on the left-hand side:

Replace what is in the code-snippet with the below code:

<script type="text/javascript"> function loadScript(src, callback) { let script = document.createElement('script'); script.src = src; script.onload = () => callback(script); document.head.append(script); } loadScript('https://cdn.jsdelivr.net/npm/tsparticles-preset-confetti@2/tsparticles.preset.confetti.bundle.min.js', script => { (async () => { await tsParticles.load("tsparticles", { preset: "confetti", }); })(); }); </script>

Now, when users enter that step - they'll see confetti appear to thank them for finishing your flow!

Have a specific component in mind? 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.

Powered by Product Fruits