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

An API endpoint will need to be added into 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.

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 ('customParam' - more about that here).

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

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

{
"submittedAt": 1643712450889,
"context": {
"initial": "_origin_",
"name": "Mac OS",
"version": "10.15.7",
"type": "desktop",
"city": "newcastle",
"region": "nsw",
"country": "AU",
"sessionId": "d38ebe72-ab8f-43f5-8ed7-23eb3fbf3c4e",
"stateEnteredDate": "2022-02-01T10:47:17.883Z",
"main_reasons": "Capturing my own life experiences for posterity;Sharing my Life Lessons with future generation",
"topics": "Education;Cultural heritage",
"values": {}
},
"pageUri": "http://127.0.0.1:8080/upflowy-iframe-embed.html",
"pageId": "v33PauwoLEAgv6PB3rYqrS",
"userId": "zniZA9KRzROLY6Ss6SNfmR8isdA2",
"userIP": "141.168.190.63"
}

Async

By default, the data connection won't prevent the step submission. You can toggle that control in order to wait for the Data Connection to be successfully received (response with status code 200) before letting the user moving onto the next step.

Did this answer your question?