Guideflow - Help Center
  • 🐣GET STARTED
    • What is Guideflow?
    • What can I use Guideflow for?
    • Install Chrome extension
    • Install Desktop app
  • 🔴CAPTURE A GUIDEFLOW
    • How-to capture a guideflow
    • Screen capture
    • HTML capture
    • Additional capture options
  • ✏️EDIT YOUR GUIDEFLOW
    • How-to edit your guideflow
    • Edit Design
    • Edit Theme
    • Edit Browser
    • Edit Call-to-Action (CTA)
    • Pan & Zoom
    • Add & edit steps
    • Add Popup
      • Add start popup
      • Add a popup
      • Add end popup
      • Add embed form popup
    • Checklist
      • Create a checklist
      • Edit checklist Theme
    • HTML editor
      • Edit your HTML capture
      • Advanced features
    • HTML Style editor
    • Guideflow settings
    • Preview your guideflow
    • Add blur
    • Custom resolution
    • Sandbox/Clickable demos
      • How to edit a Sandbox/Clickable demo
      • Presenter notes
    • Presenter notes
  • 💻SHARING GUIDEFLOW
    • How-to share your guideflow
    • Share your public link
    • Create custom links
    • Embed your guideflow
      • Landing page builders
      • Website builders & CMS
      • Blogging Platforms
      • Project/Task management
      • Help desk / Knowledge base
      • Customer Support
        • Zendesk integration
        • Intercom integration
      • Product Adoption
      • Changelog
      • Productivity tools
      • Review platforms
        • G2 Integration
    • Share on social platforms
    • Share into email platforms
      • Email marketing platforms
        • ActiveCampaign
      • Sales outreach platforms
    • Invite someone to Guideflow
    • Export in GIF or video
    • Export in PDF
    • Security settings
      • Password protection
      • Domain protection
      • Link expiration
    • Offline demo
  • 📊ANALYTICS
    • General analytics
    • Session analytics
    • Export analytics
    • Filter analytics
    • AI Account Reveal
  • 👨‍🏫COLLECT LEADS
    • Get leads data
  • 🧲Variables
    • What are variables
    • How-to pass variables
    • Where to use variables
    • Create & edit variables
    • Passing variables into emailing platforms
    • Examples
  • 📋DASHBOARD
    • Search & filter guideflows
    • Move a guideflow into folders
    • Create, edit, and move folders
    • Manage folders rights
    • Create, edit, and manage subfolders
  • Restore an archived guideflow
  • 🔌INTEGRATIONS
    • Manage your integrations
    • Request a new integration
    • Resthook integration
    • Cross-frame events
    • CRM integrations
      • Salesforce integration
      • Hubspot integration
      • Pipedrive integration
    • Analytics integrations
      • Google Analytics integration
      • Mixpanel integration
      • Segment integration
      • OneTrust integration
    • Slack integration
    • Zapier integration
    • Remote Navigator
    • Highspot integration
    • Marketo integration
    • Figma integration
  • 🎨Branding
    • Custom theme
    • Remove watermark
    • Customize your public page
    • Custom domain
  • 🔑Workspace
    • Edit workspace information
    • Invite & manage team members
    • Manage billing
    • Access invoices
    • Manage API keys
    • Create & change workspace
  • 🌐ACCOUNT
    • Edit account information
    • Manage notification preferences
  • ☁️SSO
    • Enable SSO
  • 🤖AI
    • AI Voiceover
    • AI Translate
Powered by GitBook
On this page
  • In call-to-actions
  • In start/end popup
  • In HTML
  1. Variables

Where to use variables

PreviousHow-to pass variablesNextCreate & edit variables

Last updated 1 month ago

Use variables to hyper-personalize your guideflows' content. You can use variables in different features such as call-to-actions, popup, and HTML.

(e.g. include "Click here {{first_name}}" to personalize your hotspot content)

A variable must have the following format: {{first_name}}

In call-to-actions

Use variables in your call-to-actions to make them dynamic and personalized through the call-to-action contents.

(e.g. include your client's first name in your call-to-action content)

  • Edit your call-to-action (learn ).

  • Click on "Add variables" below the text field.

  • Select the variable you want to use (or ).

  • Add as many variables as needed.

In start/end popup

use variables in your start/end popup to make them dynamic and personalized through the popup contents.

(e.g. customize the company's product name in your start/end popup content)

  • Edit your start/end popup (learn ).

  • Click on "Add variables" below the text field.

  • Select the variable you want to use (or create a new one by following ).

  • Add as many variables as needed.

Can be used either in the start/end popup with Button or the start/end popup with Form.

In HTML

Use HTML with variables to customize the step appearance and content to create personalized guideflows.

(e.g. customize the company's logo in your HTML content)

  • Select the HTML element you want to customize with variables.

  • Click on "Add variables" below the text field.

  • Add as many variables as needed.

When you add variables, don't forget to include a space before the {{variable}}.

Open the "HTML editor" tab on the right panel (learn ).

Select the variable you want to use (or ).

🧲
how to edit your HTML page
create a new one
how to edit call-to-actions
create a new one
how to edit call-to-actions
this article