Dynamic 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.
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:
Code changes required
<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>
👇
<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>