About
With Walnut you can track leads directly from your demos, helping you maximize sales and product growth.
You can track and identify leads directly from your demo by adding an email parameter. There are two ways to add the parameter:
- Add the email parameter to a shared demo URL.
- Add the email parameter from your hosting domain when you embed the demo in a website.
Pass an email URL using a shared demo URL
> To pass an email URL using a shared demo URL:
- Copy the demo link.
- Paste the corresponding email macro based on your system’s settings.
Pass an email URL by embedding the demo on a website
> To pass an email URL by embedding the demo into a website:
- Copy the email parameter from your hosting domain.
- Paste it to your embed code.
The Walnut demo link format
The Walnut demo link is part of the email parameter that is part of the link that is shared or embedded.
Depending on your demo link settings, the {{walnut_demo_link}} should resemble the example here:
https://app.teamwalnut.com/player/demoId=19408b9-08b9-08b9-a8cb9-&showGuide=false&showGuidesToolbar=true&source=app
NOTE: The format of the link can vary depending on your domain and demo link settings.
Email parameters for different platforms
| Platform | Email parameter |
| Hubspot | {{walnut_demo_link}}&email={{contact.email}} |
| Intercom | {{walnut_demo_link}}&email={{email}} |
| Pardot | {{walnut_demo_link}}&email={{Recipient.Email}} |
| Salesloft | {{walnut_demo_link}}&email={{email_address}} |
| Outreach | {{walnut_demo_link}}&email={{email}} |
| Marketo | {{walnut_demo_link}}&email={{lead.Email Address:default=noemail}} |
Sample email parameter for HubSpot
Add this code snippet to the HubSpot lead form embed code.
<script> (function () { window.addEventListener('message', event => { if(event.data.type === 'hsFormCallback' && event.data.eventName === 'onFormReady') { const [_,search] = parent.parent.document.referrer.split('?') const searchParams = new URLSearchParams(search); searchParams.forEach((value, key) => document.querySelector(`input[name=${key}]`).value = value); } }); })() </script>
Add a demo Email Gate
By default, every demo has the Collect viewers email toggle set to ON. The setting requires viewers to provide their email address in a demo gated screen.
When the setting is ON, you can brand the demo screen with an avatar, color palette, and a welcome message. For more on how to set demo preferences, head over to the article Create demos part 5: publish & share demos.