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
How to Use Webhooks (Upflowy API)Upflowy API Documentation (Sending data to your back-end)How to pre-fill parameters when using a Page Load triggerHow to display data from a third-party data sourceSend upflowy data to a CRM using Zapier
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 pre-fill parameters when using a Page Load trigger

If you want to launch Upflowy after an Auth0 signup and ensure that any onboarding data from Upflowy is assigned to the right customer, here's how we recommend proceeding:

  • 1. Your customer authenticates using auth0
  • 2. Auth0 will send a response for this authentication including an unique ID for your customer
  • 3. Extract the user_id field from this response and pass it to Upflowy

Lets go through this step by step.

1. Find your unique Upflowy SDK code

You'll first want to add in the Upflowy SDK to the <head> tag of your webpage. 

To find the SDK code, click on "Integrate" in the left-hand toolbox: 

Then, you'll see the below step containing your unique config ID. Copy the code to a clipboard.

2. Alter the code to look out for a response from Auth0

Add in a &defer=true to the end of your code:

<script type="text/javascript" src="https://sdk.upflowy.com/upflowy.client.js?configId=[your-config-ID]&defer=true"></script>

Note: By adding defer=true, we will defer the launch of the SDK in order to pass parameters, and therefore this might therefore add some loading time to the flow.

Now, with a bit of extra code you'll be able to pass on specific parameters to your flow. Based on what parameters are you adding in, add them using "'u-[variable-name]' = [parameter-name]"  . See an example of this below:

<script>

window.Upflowy.launch({ origin:   window.location.origin, 
'u-email': email,
'u-userID': user_id,
'u-name': name
})</script>
Powered by Product Fruits