All Collections
Advanced
Saving Full Screen Form Submitted Values
Saving Full Screen Form Submitted Values
Justin Yan avatar
Written by Justin Yan
Updated over a week ago

This article covers a process that's required for Frontly's Full Screen Form function and not to be confused with the standard Form block. The Form block can benefit from the processes covered, depending on your use case, but it already has the capability to create new rows of data into your spreadsheet.

After your users complete your Form Screen Form, you'll want to choose a method to store their inputted values through either a configured Submit Action or Complete Button Action. Read on to learn more about the three common methods to achieve this and the potential reasons for adopting them. Keep in mind this is not the entire list of methods for storing form data and can be combined to be part of the same action flow depending on what you're trying to achieve.


Form Variable and Field ID

There are two vital components of the set up that will apply to all of the following procedures.

  1. The "form" variable prefix where the system will look to the form's responses as its data source.

  2. The Field ID is the referential ID connected to every question you create in the Full Screen Form editor.

You'll combine these two components to create the dynamic variable that's formatted as followed:


โ€‹{{form.Field ID}}

Where you see "Field ID" is where you'll enter your ID value (which is case sensitive). Using the above example, the resulting variable would appear as {{form.homepage}}.

Did You Know? ๐Ÿ’ก

By utilizing variables like {{form.Field ID}}, you can also dynamically incorporate user-provided information into follow-up questions or responses, creating a more engaging and tailored interaction flow. This technique can enhance the user experience by demonstrating attentiveness to the user's input and providing relevant follow-up questions or information based on their previous responses.


Create / Edit Google Sheet Row

Selecting the Google Sheet option will give you the choice between creating a new row or updating a pre-existing one in your desired spreadsheet.

Fill each field you wish to create or update with the corresponding form variable.

Use cases: This method is useful for recording user inputted data into your spreadsheets so it can visualized in-app elsewhere or for triggering your automations with another tool.


Update Local State

Create a Local State that temporarily stores your user submitted data by completing Key / Value pairs. Values will be stored until the Key value is updated, or the user refreshes their page or logs out.

Use cases: Using this method is an effective way to surface form filled values throughout the user's session and contextually tailoring their experience based on their input using Hidden Filters and Display Conditions. Accessed via the {{localState.CustomKeyLabel}} variable.

Click here to learn more about Local State Variables

Click here to learn more about Hidden Filters

Click here to learn more about Display Conditions


Navigate to Page / Using URL Parameters

Using a Navigate to Page action that references your user's form submissions through Key / Value pairs that will display as URL parameters on the proceeding page.

Use cases: This method is usually helpful for visualizing Full Form responses on one page through the use of the {{params.CustomKeyLabel}} variable in any block. If the responses are saved into a Google Sheet, they can be continually accessed by referencing the URL and all the inserted parameters.

Did this answer your question?