Dynamic Variables in HTML Blocks on the Portal

The Dynamic Variables feature allows you to personalize and prefill participant information directly inside custom HTML blocks on your portals. This enables more engaging, member-specific experiences — from personalized greetings to custom messages based on loyalty data.


What does it do?

Dynamic variables act as placeholders in your HTML content — such as {{firstname}}, {{points}}, or {{level}} — that are automatically replaced with the participant’s real data when they view the portal.

For example:

<p>Welcome back, {{firstname}}! You currently have {{points}} points.</p>

When the participant logs in, they will see:

“Welcome back, Emma! You currently have 1,250 points.”

This lets you create a truly personalized experience without any manual updates or coding changes.


Why is it useful?

  • Personalized experience: Display participant-specific details like name, tier, or points directly on the portal.
  • 🔗 Seamless integrations: Automatically pass profile data to third-party systems without manual mapping or static URLs.
  • 🧩 Less maintenance: Once the variables are set, content stays up to date automatically.

How to use it

  1. In the HTML widget editor, write your custom code as usual.
  2. Use the dynamic variables button at the bottom of the editor to insert them
  3. You can also insert them directly in the code with curly brackets — for example:
    1. {{firstname}}
    2. {{lastname}}
    3. {{email}}
    4. {{level}}
    5. {{member_id}}
  4. When the page loads, the system automatically replaces these variables with the participant’s actual data.

Notes

  • ⚙️ Dynamic behavior: Variables are only replaced if the participant’s data is available. If some data is missing, the variable will not appear.
  • 👀 Preview limitation: The actual values of the variables do not appear in the editor — they are replaced dynamically when the participant views the live portal.
  • 🚀 Coming soon: Future updates will include more available variables and support for dynamic events and counters.
Was this article helpful?

Can’t find the answer you need?

Send us a question and connect with an expert to get personal assistance.

Contact support

Vous ne trouvez pas les réponses que vous cherchez ?

Nous sommes là pour vous aider. Envoyez-nous une demande en direct !

Contacter le support