Variable templating

Personalize your flows by reusing answers you've collected.

Variable templating allows you to dynamically insert answers collected from your flow into other content, such as question labels and redirects. This enables a more personalized and dynamic user experience.

Inserting Answer Values into Content

You can reference any previously collected answer by wrapping its variable name in double curly braces:

Hello, {{first_name}}!

If the user entered Susana as their first_name, the above would render as:

Hello, Susana!

This syntax is similar to templating systems like Mustache or Handlebars.

Important Behavior to Know

• Templated variables must be defined before use. Formsort does not allow referencing variables on steps that come before the variable is collected.

• If a variable is missing, its name will be shown as-is. For example: Hello, {{first_name}}! will render exactly like that if first_name hasn’t been defined.

---

Where Variable Templating Works

Templating is most commonly used in text content (like question labels), but it’s supported almost everywhere across a flow. Some examples include (but are not limited to):

Text and Question Labels

Personalize instructions and messages dynamically based on user input:

Redirect URLs

Redirect users to dynamic URLs based on their answers.

Example: Forward the user's name to the next destination:

---

Template Formatting Functions

Template functions let you format answer values before they are displayed, making your flow content cleaner and more user-friendly.

Using template functions

Sometimes raw answers—especially numbers—need formatting to be user-friendly. Template functions allow you to transform these values within your templates using the pipe symbol (|).

Example: You might have a variable called product_price from an API that returns a number:

Price: {{product_price}}.

If product_price = 1499.95, the result would be:

Price: 1499.95

This isn’t ideal for displaying prices. Instead, use the usd function to format the number as US dollars:

Price: {{product_price | usd}}.

This would render as:

Price: $1,499.95

Much better.

Chaining template functions

You can apply multiple formatting functions by chaining them with |.

Example:

Price: {{product_price | round | usd}}.

This first rounds the number, then formats it as currency:

Price: $1,500

Available functions

Here’s a list of supported functions you can use within templates:

Function	Description
capitalize	Capitalizes the first letter of a string.
ceil	Rounds up to the nearest integer.
default "text"	Displays fallback text if the variable is not defined. Example: Allergies: {{allergies | default "none"}}
floor	Rounds down to the nearest integer.
get "key"	Gets a nested value from an object. Example: {{user_address | get "city"}}
label	Returns the label of a selected choice (useful with multiple choice questions).
lowercase	Converts text to lowercase.
round	Rounds to the nearest whole number.
uppercase	Converts text to UPPERCASE.
usd	Formats a number as US currency. 1499.95 → $1,499.95

---

Need More Customization?

If none of the built-in functions meet your needs:

• Use a calculated answer to pre-format your value before inserting it into templates.

• Have a feature request? Reach out via chat—we’d love to hear what would help!