Embedding a Demo

Overview

Instructions

1. Create a demo from a template, and then head to your homepage or Demos page
2. Hover over the demo thumbnail and choose Share Demo
3. Determine the Access controls that best suit your desired visibility for your demo
4. Click on Link settings to ensure the guides and links are set up to your liking
5. In the bottom left side of the pop-up window, click Get embed code
6. If you intend for the demo to occupy the full width of the browser window, toggle on Full page layout at the top. Otherwise simply click Copy Embed Code in the bottom right corner.
7. Paste the embed code in your desired section on your webpage. The width and height are set to occupy 100% of the space provided, you may want to change these values depending on your page. 
8. By default, a Walnut Watermark will appear on the bottom left side of the demo. This is to provide viewers awareness of the Walnut product and provide transparency with their data.

FAQs

Can you pass UTMs into the embedded demo?

Currently, we don't support passing UTMs into the iFrame of the embedded demo, however you can add tracking pixels on screens within the demo to view in your CRM of choice.

Can I remove the Walnut watermark at the bottom of the embedded demo?

The Walnut watermark is automatically removed when using a custom domain. Custom domains are subject to an extra cost, contact your Walnut representative to discuss pricing.

How many screens do you recommend to include in an embedded demo?

Great question! Sometimes, less is more, especially when embedding on a webpage for the goal of generating leads. In order to give your prospects a taste of the real thing while maintaining their engagement, we recommend between 5-10 screens as a maximum. You can always follow up with a more personalized demo once they're qualified.