Once you have created Flows and Checklists, it's time to Publish and Share your demo! This generates a demo share link and website embed code. Sharing your demo will begin gathering viewer data that can be sent to other platforms via Integrations.

This section covers the various adjustments you can make to ensure your demo appears well for visitors.

Navattic demos may be shared with your end users via a direct link or a website embed.

Once you publish your demo, a share link will be generated. You can access this link under the title of your demo or by visiting your Demo > Share > Share links. Sharing a direct link to your demo ensures that users experience a full-screen demo of your product.

To generate a new Share Link, visit your Demo > Share > Share links. Add a name and keep or customize the link. When creating links, you may add password protection, expiration dates, and/or personalization to specific links.

Simply copy and paste your desired link to share this demo with others.

Toggle on Email notifications when creating a link to receive an email when a visitor visits the share link. If you haven't already set up the Email integration, click Connect when you see the following pop-up.

Visit Playbooks to learn how to setup routing rules to email specific sales reps when companies matching their ICP view your demos.

If you create more than one share link per demo, you can choose which link to set as the primary share link by going to the Demo > Share Links > click the three dots next to the share link > set as primary. This will update the link underneath the Demo's title.

Product Demos can be added as an embedded as an Inline Frame (iFrame) within a webpage, a Full page, or a Pop up. To access a Product Demo's embed code, visit your Demo > Embed > Select an option > Get embed code.

From here, you may select an inline option (this determined the outer dimensions of your embedded demo) and copy/paste this embed code into your website builder. Below are two examples of demos using the Inline embed option on a landing page.

These options determine the outer dimensions of your embedded demo.

A full page embed will cover the entire viewport to provide the largest possible view of your product tour. This will be a similar end user experience as sharing your demo link directly. However, notice in the examples below that the URL does not contain navattic.com. Embedding your demo allows you to use Embed Events to send demo data to the landing page hosted on your domain.

You can embed your demo as a lightbox pop-up directly from Navattic. To embed a pop-up, visit your demo > Embed > Pop up > Get embed code.

When the lazy load overlay toggle is selected for an embedded interactive demo, an overlay will appear overtop of the demo frame. This can be helpful to improve page load times, reduce load traffic to the demo, or provide better guidance on how to engage with the interactive demo.

The default background image (the first capture in the Product Demo) as well as the call to action to launch the interactive demo can be adjusted by updating the embed code.

Create an email template that will include a screenshot as well as a link to the demo. To create an Outbound email visit Share > Outbound email > type the message as well as the linked text. Then, click Copy template and paste it directly into an email.

Share the demo directly to LinkedIn or Twitter by clicking Share > Social media.

Adjust how your link appers in social previews under Share > Social share settings.