Variables in embeds

In addition to sharing a personalized Supademo via link, you can embed the personalized Supademo in various platforms.

After adding your dynamic variables throughout your Supademo and creating a personalized link either for a single viewer or many viewers, all you have to do is replace "demo" with "embed" in the URL obtained from the previous step.

Adding a variable to the Showcases' URL parameter will personalize every Supademo within the Showcase that uses the same variable (i.e. {{name}} or {{country}}) Simply add variables by wrapping any text in "{{ }}" and detected variable tokens will be displayed in the Personalized Link section of your share page.

Example 1 (Link for single viewer):

• https://app.supademo.com/demo/yourdemoID/personalizedLinkId 👇 https://app.supademo.com/embed/yourdemoID/personalizedLinkId

Example 2 (Link for many viewers):

• https://app.supademo.com/demo/yourdemoID?v_name=NAME&v_company=COMPANY 👇

• https://app.supademo.com/embed/yourdemoID?v_name=NAME&v_company=COMPANY

Note that no email notifications will be sent in embeds to prevent spamming of user inboxes.

Alternatively, you can also click on Share in any demo and modify the generated code for “Embeds” to represent the variables you want to inject into your Supademo:

<div style="position: relative; padding-bottom: calc(37.947674418604656% + 42px); height: 0;"><iframe src="https://app.supademo.com/embed/yourdemoId" allow="clipboard-write" frameborder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe></div>

Change the above to 👇🏻

<div style="position: relative; padding-bottom: calc(37.947674418604656% + 42px); height: 0;"><iframe src="https://app.supademo.com/embed/yourdemoId?v_name=NAME&v_company=COMPANY" allow="clipboard-write" frameborder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe></div>