Submit Article Requests

Do you have a suggestion for an article you would like to see created?
Feel free to submit this form and add your suggestions to our document board.

Please fill out the contact form below and we will reply as soon as possible.

  • Appcues Certifications & Training
  • Contact Us
  • Home
  • User Experiences
  • Customization & Styling

Personalizing Flows

Updated at February 10th, 2023

Submit Article Requests

Do you have a suggestion for an article you would like to see created?
Feel free to submit this form and add your suggestions to our document board.

Please fill out the contact form with the details about the help content you'd like to see.

  • Installation & Developers
    Installing Appcues Installing Appcues Mobile API & Data Troubleshooting Extras
  • User Experiences
    Web Experiences Building Web Experiences Building Mobile Experiences Customization & Styling Targeting Studio Troubleshooting Use Cases FAQ
  • Mobile
    Installation & Overview Building Mobile Experiences Mobile Analytics Troubleshooting Mobile Use Cases
  • Account Management
    Subscription Users & Data
  • Analytics
    Experience and Event Analytics Data
  • Best Practices
    Use Cases Pro Tips PLG FAQ
  • Integrations
    Integration Documents Use Cases Resources
  • Post-mortem
    System Incidents
+ More

Table of Contents

1. Use the "user data" dropdown 2. Add a fallback value 3. Insert the curly braces yourself 4. Identifying users from externally embedded forms 5. A note on privacy and security

Use case: Personalize your user experience

Once you're sending user properties to Appcues, you can use them to personalize the contents of your flows. Here are some interesting ways Appcues customers have used user properties:

  • Using the customer's name in a message. 
  • Including the name and face of each customer's account manager to reinforce an existing relationship.
  • Linking customers to a dynamic URL that includes the user ID.
  • Adding tracking parameters to a URL or redirect used within a flow.
  • Loading a dynamic banner image based on the customer's plan type.

The possibilities are limitless, and here are some ways to do it:

1. Use the "user data" dropdown

Once sending user property information you'll notice the below person icon when editing Modal or Slideout text. Click the icon to reveal a dropdown that will automatically insert the variables into the right format. Once selected, you'll see that it simply adds the name of the property, between two sets of curly braces. 

Keep in mind that the variable will only show as intended when tested live; it will not show while previewing the flow in the Builder.

 

2. Add a fallback value

After you've chosen the user property you'd like to use, you can opt to select a fallback value in case the first is unavailable when the flow shows. We will supply a few potential options, but most people will want to use a custom fallback.

To do so, scroll to the bottom of the list and select 'Custom text...' You will then be prompted to enter in the text of your choosing. 

You can also opt to choose 'No fallback' if you'd like.

3. Insert the curly braces yourself 

If you'd like to use these variables in your tooltips or hotspots, or in more advanced ways like to change the source URL of an image, you'll need to add the property in manually. Please ensure that there are two curly braces immediately wrapping the name of the variable you'd like to use.

Ex. {{name}} or {{userId}}

The key to doing this successfully is to ensure that the property name is formatted correctly. Capitalization matters and there should be no spaces between words in the brackets.

If you aren't certain that a variable will have a value assigned to it, you can add a fallback value using the pipe character  | and a value enclosed in double quotes ", like this:

Hi {{ name | "there" }}!

If the user has the name variable assigned, you'll see something like Hi Alice! But if no value has been assigned to the name variable, you'll see Hi there! You may also modify the output to add a unique fallback if you've elected to use option one above.

The fallback works as a direct replacement and cannot be skipped. This means that if there's no value assigned to the name variable, we will display Hi there! (instead of just Hi!).

NOTE: User property values will not show up in Preview mode.

4. Identifying users from externally embedded forms 

Depending on what forms you'll be embedding from your flows, it should be possible for you to use custom properties that you have in Appcues to pull the data from your database!

It will generally follow this pattern: 

  1. Setting up URL fields in the form or survey (these may be hidden or visible)
  2. Use passed properties from Appcues as the variable in the URL (in curly braces form) when embedding the form or survey

Here are some resources from Typeform and Survey Monkey for more information:
Typeform: How to identify your respondents
SurveyMonkey: Tracking Respondents

5. A note on privacy and security

Because Appcues content is published to your page, anyone is able to retrieve the contents of a published flow. If you use personalization to fill in sensitive data fields, then it is possible that someone could retrieve that data, if they know the user's ID. If you don't want personalization to be available in your account, please contact support@appcues.com.

Appcues always recommends choosing user IDs that are difficult to guess, and avoid user IDs that could be found online, such as email addresses.

Was this article helpful?

Yes
No
Give feedback about this article

Related Articles

  • Event Triggering
  • Checklists Overview
  • Targeting by User Property
  • Using Custom Fonts
Appcues logo

Product

Why Appcues
How it works
Integrations
Security
Pricing
What's new

Use cases

User Onboarding Software
Feature Adoption Software
NPS & Surveys
Announcements
Insights
Mobile Adoption

Company

About
Careers
we're Hiring

Support

Developer Docs
Contact

Resources

The Appcues Blog
Product Adoption Academy
GoodUX
Case studies
Webinar Series
Made with Appcues
Appcues University

Follow us

Facebook iconTwitter icon greyLinkedin iconInstagram icon
© 2022 Appcues. All rights reserved.
SecurityTerms of ServicePrivacy Policy
Expand