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

How to display data from a third-party data source

How we can pull through data from a third-party API to display within your Upflowy flow.

With Upflowy, you get the ability to pull data from outside sources and print them on your flows automatically through an API connection.

This way, you can display dynamic text on your flows and keep the information updated without needing to change and publish the flow again.

Using synchronized connections, you can refresh the data in your database; without updating the flow, your visitors will always get the correct information.

Setting up synchronized data connection (step-by-step tutorial)

1: Click on the 'Connectors' tab and select the step from which you want to get the input data. You can also click on the step, and inside the step editor, you can click on the 'data' tab and paste the URL.

2: After selecting the step, paste the URL of the API endpoint.  This can be your own database or any database that has all the information that you want to be displayed in the flow.

3: Make sure the 'Async' is turned off. Asynchronous connection means that our system won't wait for the response of the third-party database, while with Synchronous connections, it does. In this case, as we would like to print text based on the database's response, we need to tell the system to wait until it gets the information.

Depending on the third-party database, this might result in a couple of seconds of delay.

4: You can then call the data from your source(third party) and display it in the next step by using '{{ }}' and 'data. attribute name where data stands for sync data, and attribute name can be the attribute name or ID you see from your source that you want to display.


 

Powered by Product Fruits