# Variables & Tokens

## Dynamic Variables in Supademo

Dynamic variables are a simple but powerful way to personalize your Supademo for viewers, prospects, or customers. Personalization has been shown to drive higher open rates, increase demo engagement, and improve CTA conversions.

***

### Using Dynamic Variables in Text

To make text dynamic, wrap it in double curly brackets `{{ }}`. For example:

```
{{role}}
```

Any variables you add will automatically appear in the **Personalize Link** section of your **Share** page.

When sharing:

1. **Individual trackable link** – you’ll be prompted to enter values for each variable.
2. **Dynamic link with UTM parameters** – variables will be appended directly to your link.

Example:

```
https://app.supademo.com/demo/id?v_name=NAME&v_role=ROLE&v_email=EMAIL
```

Replace the placeholder values (`NAME`, `ROLE`, `EMAIL`) manually or programmatically to generate a personalized, trackable link.

{% @supademo/embed demoId="clulvwlnx03miggas8ucvrxte" url="<https://app.supademo.com/demo/clulvwlnx03miggas8ucvrxte>" %}

{% hint style="danger" %}
Dynamic vairables will not work if added to voiceovers.&#x20;
{% endhint %}

***

### Dynamic Images

In addition to text, Supademo supports dynamically swapping logos, screenshots, or other visual elements — powered by links or UTM parameters.

This allows a single template to deliver hundreds of personalized demos, whether you’re:

* Tailoring by industry
* Showcasing specific use cases
* Rotating through different logos

Dynamic images are perfect for automated sequences, marketing campaigns, and account-based selling — anywhere every touchpoint needs to feel personalized.

#### Adding Dynamic Images

1. Enable **HTML Edit** mode.
2. Click the image you want to update.
3. Select **Replace Image**.
4. In the **Dynamic Image** field, enter your variable name.
5. Close the toolbar.

#### Sharing With Dynamic Images

* **Copy Dynamic Link** → updates UTM parameters in the URL for sharing.
* **Create Link** → fill in the fields to generate a custom link.

{% @supademo/embed demoId="cmcduta804yme8qsz1abo0l2o" url="<https://app.supademo.com/demo/cmcduta804yme8qsz1abo0l2o>" %}

***

### Using Variables in Titles and Chapters

Titles and chapters are often the first things viewers notice. While variables in hotspots are useful, they can be overlooked.

We recommend:

* Adding personalized variables in **titles and chapters** to make the demo more engaging.
* [Including a chapter](https://docs.supademo.com/editing/chapters) at the start of each demo to encourage interaction.

***

### Pairing Variables With Conditional Branching

For maximum impact, pair variables with [conditional demo branching](https://docs.supademo.com/customize/chapters/conditional-branching). This lets viewers choose their own path and explore the features most relevant to them — creating an immediate “wow” factor.

You can also:

* Add button colors or animations to highlight choices.
* Inject variables directly into buttons for extra personalization.

![](https://d33v4339jhl8k0.cloudfront.net/docs/assets/65cd1b060e92bd4055f3b684/images/65f4e9d2909e484dba2105a4/file-lYAvVfLymn.gif)

***

### Example: Personalized Link With Variables

```
https://app.supademo.com/demo/id?v_name=NAME&v_role=ROLE&v_email=EMAIL
```

Simply swap out the placeholder values with your desired variables to create a personalized, trackable link.

***

### Use Cases for Variables

#### 1. Onboarding Sequences

Add a Supademo with dynamic variables to your onboarding emails sent through tools like Intercom, Customer.io, ActiveCampaign, or HubSpot.

Example:

* Insert your dynamic link into the workflow.
* Replace `NAME` and `COMPANY` with values provided by your email platform.

This makes every new customer feel like they received a personalized demo — while only taking you minutes to set up at scale.

![](https://d33v4339jhl8k0.cloudfront.net/docs/assets/65cd1b060e92bd4055f3b684/images/65f4eca327186a68700ffb49/file-g8EMeY1QY4.png)

#### 2. Prospecting and Sales Outreach

Boost open and click-through rates by sending personalized Supademos in outreach emails. Works seamlessly with sequencing tools and CRMs such as HubSpot, Close, Apollo, Salesforce, Pipedrive, and more.

#### 3. Demo Leave-Behinds and Sales Collateral

When selling into larger accounts with multiple stakeholders, share a personalized Supademo link with your champion. This helps them showcase your product in a way that feels tailored and compelling — improving win rates.

![](https://d33v4339jhl8k0.cloudfront.net/docs/assets/65cd1b060e92bd4055f3b684/images/65f8a2e3c7af9d69c480b349/file-mhxAhMY4nt.png)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.supademo.com/customize/personalize/variables-and-tokens.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.