mirror of
https://github.com/formbricks/formbricks.git
synced 2026-05-05 02:52:50 -05:00
Piyush Gupta
90 lines
3.5 KiB
Plaintext
90 lines
3.5 KiB
Plaintext
import { MdxImage } from "@/components/MdxImage";
|
|
|
|
import CreatedVariables from "./images/created-variables.webp";
|
|
import InputVariables from "./images/input-variables.webp";
|
|
import LogicWithVariables from "./images/logic-with-variables.webp";
|
|
import VariablesCard from "./images/variables-card.webp";
|
|
import VariablesUsage from "./images/variables-usage.webp";
|
|
|
|
export const metadata = {
|
|
title: "Variables",
|
|
description: "Add variabeles to your surveys to transform your survey into a quiz",
|
|
};
|
|
|
|
# Hidden Fields
|
|
|
|
Variables are a powerful feature in Formbricks that allows you to keep track of data variables when user fills a form. This feature is especially useful when you want to use your survey as a quiz.
|
|
|
|
## Types of Variables
|
|
|
|
There are two types of variables you can add to your survey:
|
|
|
|
1. **Text**: You can add text variables to your survey to capture text data.
|
|
2. **Number**: You can add number variables to your survey to capture number data.
|
|
|
|
## How to Add Variables
|
|
|
|
1. Edit the survey you want to add variables to & switch to the Questions tab and scroll down to the bottom of the page. You will see a section called **Variables**.
|
|
|
|
<MdxImage
|
|
src={VariablesCard}
|
|
alt="Variables card"
|
|
quality="100"
|
|
className="max-w-full rounded-lg sm:max-w-3xl"
|
|
/>
|
|
|
|
2. Now click on it to add a new variable ID. You can add as many variables as you want. You can also choose the type of variable you want to add along with the default value.
|
|
|
|
<MdxImage
|
|
src={InputVariables}
|
|
alt="add variables"
|
|
quality="100"
|
|
className="max-w-full rounded-lg sm:max-w-3xl"
|
|
/>
|
|
|
|
<MdxImage
|
|
src={CreatedVariables}
|
|
alt="created variables"
|
|
quality="100"
|
|
className="max-w-full rounded-lg sm:max-w-3xl"
|
|
/>
|
|
|
|
## Use case:
|
|
|
|
- **Quiz**: You can use variables to create a quiz. For example, you can add a variable `score` and update it every time a user answers a question. You can also use the variable for recall to show the final score to the user.
|
|
|
|
- **Personalisation**: You can use variables to store user data and personalise the survey experience. For example, you can add a variable `full_name` and update it every time a user fills in their first name and last name. You can use the variable to personalise the survey experience by addressing the user with their full name.
|
|
|
|
## How is it different from Hidden Fields?
|
|
|
|
Variables are different from hidden fields in the following ways:
|
|
|
|
1. **Setting**: Hidden fields can be set through query parameters or `formbricks.init`, but the variables can only be set either during creation or dynamically by using logic actions.
|
|
2. **Updating**: Hidden fields cannot be set again, but the value of variables can be updated while the user fills the survey.
|
|
3. **Type**: Hidden fields can only store text data, but variables can store both text and number data.
|
|
|
|
## How to use Variables
|
|
|
|
1. Once you have added the variables to your survey, you'll be able to access them in the logic editor. You can use the variables to create logic actions and conditions.
|
|
|
|
<MdxImage
|
|
src={VariablesUsage}
|
|
alt="Variables usage"
|
|
quality="100"
|
|
className="max-w-full rounded-lg sm:max-w-3xl"
|
|
/>
|
|
|
|
2. You can create logic based on the variables and questions in your survey and can update the variables based on the user's response.
|
|
|
|
<MdxImage
|
|
src={LogicWithVariables}
|
|
alt="Logic with variables"
|
|
quality="100"
|
|
className="max-w-full rounded-lg sm:max-w-3xl"
|
|
/>
|
|
|
|
<Note>
|
|
To know more about how to use logic in Formbricks, check out the [Conditional
|
|
Logic](/global/conditional-logic).
|
|
</Note>
|