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
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

Upflowy API Documentation (Sending data to your back-end)

API Documentation for Upflowy.

Setup

To send Upflowy data to your database, click on the "Connectors" tab.

An API endpoint will need to be added to the input under "Send data to this URL":

This connection can be set up per step. HTTP headers can be added but are not mandatory.

Async - ON: What it means:

By default, the 'Async' is turned on in Upflowy. This means that the users can instantly go to the next step without waiting for a response from your back end.

Async - OFF: What it means:

The Async off means that when the user submits information, the data from that step will be sent to your back-end and waits for a response to be sent back from your database. Once information is received, the flow will proceed to the next step. This means you can receive data from an external source and have that data called or displayed in the subsequent steps.

Data structure

To set up the API data structure, Let's take a sample flow and see how the data is captured for that step in Upflowy:

 

The above screenshot shows how Upflowy data will be sent. This will be affected by the information requested by the components in the flow (in this example, 'main_reasons' and 'topics' are bespoke questions asked by the flow creator) and a custom parameter ('custom params - more about that here').

All other parameters you see are the 'default parameters' captured when a user submits this particular step.

Using the below 'default parameters obtained from Upflowy and some parameters that you create based on the questions asked in your flow, you can create your API and set up the data connection in the 'Connectors' tab in your Upflowy Flow.

{
"submittedAt": 1643712450889,
"context": {
  "initial": "_origin_",
  "name": "Mac OS",
  "version": "10.15.7",
  "type": "desktop",
  "city": "redacted",
  "region": "nsw",
  "country": "AU",
  "sessionId": "d38ebe72-cd9e-43f5-8ed7-23eb3fbf3c4e",
  "stateEnteredDate": "2022-02-01T10:47:17.883Z",
  "main_reasons": "Reason 1;Reason 2",
  "topics": "Education;Cultural heritage",
  "values": {}
 },
"pageUri": "http://111.0.0.1:7070/upflowy-iframe-embed.html",
"pageId": "v33PygjlLEAgv6PB3rYqrS",
"userId": "zniZA9KRzYMLO6Ss6SNfmR8isdA2",
"userIP": "192.0.2.0"
}
Powered by Product Fruits