Crafting a Request a Demo Landing Page with Video


In this article, Solodev shows you how to create a landing page that displays a demo video after form submission.

Crafting a Request a Demo Landing Page with Video

Standard landing pages have marketing copy and a graphic on one side and a long form on the other side of the page. Filling out this form usually sends you some kind of marketing collateral, requests further information, or in our case, requests a demo. Giving a product demo every time someone fills out your landing page may not be logistically feasible so perhaps it's time to think outside of the box.

By creating a demo video you can streamline your sales process, save money, and automate your lead generation initiatives. But where does the demo video go? You still want to capture prospect and lead information so just placing it on your website won't do. That's where this landing page design comes in. Not only does this design and functionality streamline your sales process, you still collect lead data, and you can give thousands of demos a minute without having to pool any internal resources to do so. Enjoy. 

Below is the HTML, CSS, and JavaScript required.

Step 1 - video-demo-lp.html

Copy and paste the code below into video-demo-lp.html


Step 2 - video-demo-lp.css

Download the CSS below and include it in your web page

 video-demo-lp.css

Step 3 - Add the includes below to your web page

In this tutorial we showed you how to craft the next generation of demo request landing pages! Take the design and make it your own!

Author

Matthieu McClintock
Contributions Editor here at Solodev. Want to be featured on the Solodev Blog? Get in touch.
Follow me on Twitter

Get started today

Join people and businesses across the globe that trust Solodev.

We never share your information with anyone. Learn more

We use cookies to provide and improve our services. By using our site, you consent to cookies.