Skip to Content

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.

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


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!

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

Sign up to explore

Create an account in seconds and start building today.

Sign up for Solodev