How to Create a Video Landing Page (+ 5 Templates)
Are you looking for an easy way to create video landing pages on your WordPress website?
Landing pages with video content are an excellent way to engage short attention spans and persuade users to take the action you want.
In this article, we’ll show you how to create a video landing page to engage potential customers and increase conversion rates.
- Video Tutorial
- 1. Install SeedProd WordPress Landing Page Builder
- 2. Create a New Landing Page
- 3. Choose a Video Landing Page Template
- 4. Add Your Landing Page Content
- 5. Customize Your Landing Page
- 6. Integrate Your Email Marketing Service
- 7. Configure Your Page Settings
- 8. Check Your Page is Mobile Responsive
- 9. Publish Your Video Landing Page in WordPress
Before we start, let’s look at what video landing pages are and how they can help your small business.
What Are Video Landing Pages and Why Use Them?
A video landing page is a standalone web page with an embedded video, designed to encourage visitors to take action. They typically include explainer videos of a few minutes long to address your target audience’s pain points and position your product or service as the right solution.
Video marketing has many benefits. For instance, if you’re a SaaS company, you might use a product demo to break down complex information and explain a lot of information quickly. Or, if you’re promoting a webinar, you could post a welcome video with an introduction from the main speaker to build an emotional connection.
Here are the different types of video you can use:
- Animated video walkthrough
- Q & A video
- Webinar welcome video
- Free trial promo
- Event preview video
- Quick tutorial video
- Testimonial videos
- 360° Video
- Giveaway promo video
Videos can also help entertain visitors and keep them on your page longer. If you can sustain your audience’s attention, you’ll have a much better chance of converting them into paying customers.
Whatever your goal, great videos should persuade anyone watching the video that your solution is the best fit and convert them into leads.
Now that you know what a video landing page is and the reasons for using one, let’s explore how to make one in WordPress.
How to Create a Video Landing Page in WordPress
You might think that making video landing pages in WordPress is hard. But with the right tools, you’ll find it’s actually pretty easy.
For this tutorial, we’ll be using SeedProd to create a video landing page.
SeedProd is the best drag and drop WordPress landing page builder with coming soon and maintenance mode functionality. It allows you to create stunning WordPress landing pages without hiring a developer.
The drag and drop visual editor helps you build custom pages by pointing and clicking with your mouse.
With pre-built landing page blocks and sections, you can build your page code-free. Plus, it comes with a library of customizable landing page templates designed to make getting started easy.
SeedProd also has built-in coming soon, maintenance, and 404 pages that you can enable with a single click. This allows you to hide your site while it’s under construction and show visitors a stunning mobile responsive landing page instead.
If you need to grant access to clients to see a preview of your design, you can. The powerful access controls for coming soon and maintenance pages allow you to create links they can use to bypass your landing page.
SeedProd integrates with popular email marketing services and marketing automation platforms to help grow your email list. It also works seamlessly with any WordPress theme.
Best of all, this landing page builder is bloat-free, with minimal code. This means your pages will load lighting fast, helping to boost your page rankings and conversion rates.
So if you want to create a video landing page for your WordPress site, here’s how to do it with SeedProd.
If you prefer to follow the written instructions, follow the steps below.
1. Install SeedProd WordPress Landing Page Builder
Click here to get started with SeedProd and download the plugin to your computer. After downloading SeedProd, you’ll need to install and activate it on your WordPress website.
If you need help, you can follow these instructions to install a WordPress plugin.
After activating the plugin, you’ll see the SeedProd welcome page. This page will ask you to enter your SeedProd license key, which you’ll find in your registered email address’s inbox.
Paste the license key into the field provided and click Verify Key.
Next, scroll down the page and click the Create Your First Page button to get started.
2. Create a New Landing Page
On the next screen, you’ll see the SeedProd landing page dashboard.
Along the top are 3 different modes you can enable with a single click, including:
- Coming Soon Mode – To enable and create a coming soon page in WordPress.
- Maintenance Mode – To put WordPress in maintenance mode.
- 404 Page – To create a custom 404 error landing page.
Under that section is a list of the landing pages you’ve created with SeedProd. You won’t see any just yet because you’re just getting started.
To create your first landing page, click the Add New Landing Page button.
3. Choose a Video Landing Page Template
The next screen shows SeedProd’s library of responsive landing page templates, which you can customize in the drag and drop builder.
You can filter the templates by clicking one of the following options along the top:
Or you can use the search box to filter your results to show only video landing page templates.
Many of SeedProd’s pre-built landing page templates feature video embeds as part of the design, including:
Video Squeeze Page
Webinar 2 Page
Webinar 3 Page
Webinar 4 Page
Real Estate Squeeze Page
Or you can customize any template to include video embeds by adding a video block anywhere on the page (more on that coming up).
For this guide, we’ll use the Real Estate Squeeze page to make our video landing page.
To launch the template, just hover your mouse over the template thumbnail and click the tick icon.
You’ll then see a popup asking you to enter your landing page name and URL. You can change these details later if you like.
Now click the Save and Start Editing the Page button to open your template in SeedProd’s drag and drop visual editor.
4. Add Your Landing Page Content
The visual editor is divided into 2 sections. On the left-hand side of the screen are the landing page blocks you can drag and drop onto your page preview on the right.
The page preview gives you a real-time overview of how your landing page will look. You can also click any page element to view its settings in the left-hand panel.
SeedProd’s page elements are called landing page blocks, and they’re separated into 2 categories: Standard and Advanced.
Standard blocks are the basic building blocks of your page and include design elements like images, video, buttons, columns, heading, text, and more.
The Advanced blocks are designed to make lead generation easier. With a few clicks, you can add subscription forms, giveaway widgets, contact forms, countdown timers, social media profiles, and more to your landing page.
Start adding content to your page by dragging different blocks over to where you’d like to place them. You can also edit the existing template content and replace it with your own.
For instance, you can edit the existing video content by clicking it. This will open the settings panel on the left, where you can select your video type (YouTube or Custom) and paste your video URL.
You can also adjust the video width and alignment with the handy slider.
Clicking the Advanced tab allows you to control the video styles and spacing settings to get it looking just right.
Many of SeedProd’s landing page blocks also let you choose from several pre-made block templates. This allows you to change a blocks’ style and design with a single click.
For instance, if you click the Optin Form block and navigate to the Templates tab, you’ll see 7 different form field styles. Just click one you like to add it to your form.
As well as blocks and templates, SeedProd offers ready-made page sections. These are individual page areas that are already designed for you. This means you won’t need to build them block by block.
You can add page sections for:
- Call to action areas
- Hero areas
For example, you could add a FAQ section as we did below to give potential customers the information they need to make a purchase decision.
As with the landing page blocks, clicking a section shows the different settings available, like background, color, spacing, and more.
Keep adding content to your page until you’re happy with how it looks.
5. Customize Your Landing Page
With your video landing page content in place, you can move on to customizing your page to suit your website’s branding.
SeedProd makes this easy with the global settings page. To find this page, click the gear icon in the bottom-left corner of your screen.
On the Global Settings page, you customize your landing page colors, fonts, background, and custom CSS.
In the Fonts section, you can edit your header and body fonts and weights.
You can also click the Font Themes button to view unlimited Google Font combinations and a curated list of which fonts work well together.
The Colors section is similar in that you can select global colors for your page headers, text, buttons, links, and backgrounds.
Alternatively, you can click the Color Palettes button to see 20+ professionally designed color palettes and add them to your page instantly.
In the Background section, you can set a global background style, color, and gradient. It’s also possible to upload a full-screen background image, video background, or slideshow.
The last section is the Custom CSS area, where you can enter your own CSS styles to further customize your page.
When you’re happy with how your landing page looks, click the green Save button in the top-right corner of your screen.
6. Integrate Your Email Marketing Service
If one of your video landing page’s main goals is to grow your email list, you’ll want to be able to connect your email marketing service, which is easy with SeedProd’s email integrations.
Just click the Connect tab at the top of your screen and select your preferred email provider from the list. You can then follow the on-screen instructions to verify and link your account.
It’s also possible to set up Google Analytics, Recaptcha, and connect to Zapier on this page.
Don’t have an email provider? No problem!
SeedProd’s subscriber management allows you to collect email addresses even if you don’t already have a list. Whenever anyone signs up via your landing page, SeedProd will store their details in the Subscribers Overview.
You can view your subscribers by clicking SeedProd » Subscribers from your WordPress dashboard.
7. Configure Your Page Settings
Next, you’ll need to configure your landing page settings. From the visual editor, click the Page Settings tab to view them.
The General settings allow you to change your landing page name and URL and set your page status as in Draft or Published.
You can also enable Isolation Mode, which launches your page with only the scripts needed to render it to users. This is useful for detecting any WordPress theme or plugin conflicts and improving page performance.
You can add custom header, body, and footer scripts to your landing page in the Scripts section, such as your Facebook tracking pixel.
Don’t forget to click Save before moving on.
8. Check Your Page is Mobile Responsive
Your video landing page should look good and function well no matter what device you view it on. So checking that your page is mobile-friendly is a crucial step in the development process.
To view your page on mobile with SeedProd, click the mobile phone icon in the bottom-right section of your screen.
You can now see what your page looks like on mobile devices.
If anything doesn’t look the way it should, you can adjust your design in the mobile view, as you would in the desktop view. Any changes you make are applied to both versions of your page.
To switch back to the desktop view, just click the desktop icon.
9. Publish Your Video Landing Page in WordPress
After checking that your landing page is responsive, you’re ready to make it live on your WordPress site.
To do that, click the down arrow next to the green Save button and click Publish.
An overlay will appear telling you that your page has been published.
Click the See Live Page button to see how it looks.
We hope this article helped you learn how to create a video landing page in WordPress.
Making any WordPress landing page is easy with SeedProd. With the drag and drop page builder, landing page templates, and pre-built designs, you can create high-converting pages in just a few minutes, no coding required!
You might also like these landing page best practices for tips on getting started.