Want to know how to create a video landing page in WordPress?
Landing pages that use video content are an excellent way to engage short attention spans and persuade users to take the action you want.
This article will show you how to create a video landing page to convert visitors into customers.
Before we start, let’s look at what video landing pages are and how they can help your small business.
What Is a Video Landing Page?
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.
Here are the different types of videos you can use in your digital marketing strategy:
- 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
Why Create a Video Landing Page?
Learning how to create a video landing page has many benefits. For instance, if you’re a SaaS company, you might add video product demos to your SaaS landing page to quickly break down complex information and explain a lot of information. 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.
Shorter videos embedded in a landing page can also help entertain visitors and keep them on your page longer. If you can get them to click the play button and sustain your audience’s attention, you’ll have a better chance of presenting your value proposition and increasing conversion rates.
In addition, a video landing page is more effective in generating leads than a generic page like your homepage.
For instance, people landing on your homepage from search engines may find it hard to find the information they need. However, everything is right there on a landing page, with a clear call to action showing their next steps.
Here are some landing page examples to show you what we mean.
Whatever your goal as a content marketer, 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 with SeedProd
You might think that making video landing pages in WordPress is tricky. But with the right tools, you’ll find it’s pretty easy.
There are many excellent landing page builders on the market, such as Unbounce, but often, these solutions are expensive and are harder to use in WordPress.
We’ll use SeedProd to create a video landing page design for this tutorial.
SeedProd is the best website builder with love 1 million users. It lets you create custom WordPress themes, landing pages, and mobile responsive layouts without writing code.
This powerful WordPress landing page builder also includes coming soon and maintenance mode functionality. You can create stunning WordPress landing pages to hide your site under development.
SeedProd is also a powerful WordPress theme builder. As a result, you can create custom WordPress themes without writing code.
The drag and drop visual editor helps you build custom pages by pointing and clicking with your mouse.
You can build your page code-free with pre-built landing page blocks and sections. 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. That allows you to hide your site while 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 robust 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 and WooCommerce for top-performing eCommerce stores.
Best of all, this landing page builder is bloat-free, with minimal code. It means your page loads 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 step-by-step.
- 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 Video 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
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.
Note: there is a free version of SeedProd; however, we’re using the pro pricing plan for the advanced features.
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.
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 responsive landing page templates library, 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).
We’ll use the Real Estate Squeeze page to make our video landing page for this guide.
Hover your mouse over the template thumbnail and click the tick icon to launch the template.
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 Video Content
The visual editor has 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 have 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 make lead generation easier. With a few clicks, you can add:
- Subscription forms to collect email addresses
- Giveaway widgets to increase brand awareness
- Call-top-action buttons (CTA)
- Contact forms for feedback and questions
- Countdown timers to generate urgency
- Social media profiles to grow your social media followers
- Customer testimonials for social proof and to build trust
- And more.
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. That 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 block’s 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.
You customize your landing page colors, fonts, background, and custom CSS on the Global Settings page.
You can edit your header and body fonts and weights in the Fonts section.
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 instantly add them to your page.
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 CSS styles to customize your page further.
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. That means you can connect instantly to thousands of marketing and CRM services, like HubSpot, Salesforce, and more.
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. SeedProd will store their details in the Subscribers Overview whenever anyone signs up via your landing page.
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 the device you view it on. Checking that your page is mobile-friendly is crucial 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 apply to both versions of your page.
Remember: If your video is above the fold before users have to scroll, they’re more likely to watch it and engage with your content.
To switch back to the desktop view, 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.
Click the down arrow next to the green Save button and click Publish to do that.
An overlay will appear, telling you that your page is live.
Click the See Live Page button to see how it looks.
What Are Some Video Landing Page Best Practices?
After creating your page, you may want to know how to optimize it for conversions. Here are some best landing page practices to ensure your video marketing campaign succeeds:
- Keep it short: Your video should be short enough to engage visitors but not so long that they won’t move to the next step.
- Choose a great thumbnail: Make your thumbnail irresistible to ensure users press play. Consider adding a human face and personalizing it with the visitor’s name.
- Avoid autoplay: Automatic playback turns people off and can result in them closing your page. Ensure you have the autoplay function turned off to avoid that.
- Don’t JUST use video: Your landing page should include more than a standalone video. Include supporting copy, testimonials, and CTA buttons to convince and convert.
- Check load times: Your landing page needs to load quickly to keep visitors’ attention. A 100-millisecond delay in website page speed can decrease conversion rates by 7%.
- Optimize for SEO: Use keyword-rich captions, metadata, and copy to 4nsure your page ranks in Google search results.
- Test it all: A/B split test your landing page elements to see what works best, including your CTA, video length, placement, thumbnails, etc.
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!