Website Overview

"since launching on our website, navattic has contributed to 15% of leads that we collect on our site we’ve also noticed that there is a much higher propensity to convert to being a ramp customer if a prospect has completed the self service product tour " ramp goals website demos are concise, easy to follow, and value driven include a demo as the primary or secondary cta on your site to build product awareness and convert top of funnel leads use an ungated demo to direct traffic toward your primary website cta or include a form to send viewer information to your crm consider linking out to a full screen version of your demo to provide the most immersive viewing experience recommendations for a top of funnel audience, we recommend lead with a value driven introduction and keep dialog text concise ( blog tips from a copywriting expert ) include 10 15 steps that tell a compelling story about your product; try a checklist docid\ yhokcs1vny qqryuq osj to organize longer stories embed your demo above the fold for 3 5x website visitor engagement ( how to promote you demo ) customer examples below are some customer examples we love keep an eye out for the recommendations above atlan see product tour guru take a product tour lattice start the tour traackr discover traackr dailypay take a tour captivateiq tour captivateiq implementation guide follow the guidance below to create a high converting demo for your marketing site demos built with these best practices see on average a 20 30% flow completion and 10 15% conversion rate use project analytics to see drop offs for each step and to continue improving your demo 1\ structure steps 1 2 start with a value driven introduction (ex "our product demo will show you how powerful ramp can be for your business") if using a form, keep it as brief as possible (90% of current demos with forms include just 1 2 fields) steps 3 8 use tooltips to highlight a few key features remember to include wow moments, skip transitions (e g , click here to move to next screen), and consider how each feature addresses prospect pain points steps 9 12 get ready to conclude your demo what is one impressive wow moment you can end on? include 1 2 differentiated ctas on your last step blog read our high converting interactive demos tips from a copywriting expert for suggestions and customer examples 2\ ctas build on momentum include a cta after showcasing major product wow moments encourage conversion after every 5 7 steps or enable escape view to make ctas accessible at any point be consistent maintain the same ctas across your marketing journey to drive conversions towards your main conversion goal (ie, trial signups, demos booked) utilize utm paramaters to track traffic that originates from navattic 3\ gating vs ungating we recommend providing both gated and ungated assets on your site an ungated demo is an instant way to provide value to site visitors and to direct traffic towards your primary cta if using a form, we recommend including 1 2 fields within the first 5 steps of your demo make sure to integrate with your crm to create or update contacts with demo engagement data tip if using a form to gather leads, use personalization to turn form fields into dynamic variables (ie , merge fields) that may be referenced throughout your demo 4\ deployment consider the deployment that shows your product best share your project with end users via a direct link or website embed try out various responsiveness strategies and embed settings to find the best fit for presenting your demo check out customer examples to see different options for successful deployments tip showcase your demo or demo cta above the fold for 3 5x website visitor engagement customer interview series see how repsly leverages a demo to drive conversion towards a "book a demo" cta read about their strategy in the blog customer interview series website cta with craig leblanc