digital product landing pages with Beaver Builder

Create a Landing Page for your Digital Product with Beaver Builder

Hey, all. Got another article in our series of guest posts. This one comes from our buddy, Brian Hogg. Brian is a developer, educator, and prolific WordPress guy. He was kind enough to share one of the videos from his course on building premium plugins. Thanks, Brian! Enjoy.

This video shows you how to create a nice looking landing page from a fresh install of WordPress, using the free version of Beaver Builder and a free theme from WordPress.org, as part of my Making Pro Plugins course on setting up and launching a WordPress plugin business. It goes through:

  • Configuring basic WordPress settings for a sales site
  • Installing and configuring a free theme with a logo and layouts that are good for a landing page
  • Installing Beaver Builder
  • Creating the landing page using their drag + drop tools, configuring row layouts, adding text and photos, changing the spacing, adding a button to buy the product, quickly duplicate content, and more
  • Adding a contact form using Ninja Forms (free)

By the end, I have the landing page and contact form ready to go for my new plugin: ChimpBridge.

This already assumes you have Easy Digital Downloads (free) installed on the site and a download (product) created, which you can do by going to Plugins > Add New. If you don’t that’s fine, you can just skip the part on adding a button to purchase the product.

Want to have that button show an email signup instead? Check out my tutorial on creating an email signup form using Boxzilla and MailChimp for WordPress!

 

About Brian Hogg

I'm Brian Hogg, consultant and developer, author of Working with WordPress and JavaScript, plugin creator, lead organizer of WordCamp Hamilton, and co-host of Between Two Posts. I also teach on my blog, through screencasts, and speaking at conferences.

Start here

Beaver Builder AI demo icon

Beaver Builder AI Demo

Build a page with AI on a site that already has Beaver Builder and Beaver Themer installed. Free AI credits included.

Our Newsletter

Our newsletter is personally written and sent out about once a month. It's not the least bit annoying or spammy.
We promise.

Try Beaver Builder Today

It would be totally gnaw-some if you could share this post with your friends.

Related articles

How to Convert Base44 to WordPress using Claude and Beaver Builder AI

How to Convert Base44 design to WordPress using Claude and Beaver Builder AI

In this article, I share how I moved a landing page design from Base44 to WordPress using Claude and Beaver…

Read More...
How to convert Figma to WordPress using Beaver Builder AI

How to Convert Figma Design to WordPress (Claude + Beaver Builder AI)

How do you turn a Figma design into a WordPress site without rebuilding every section by hand? It’s a common…

Read More...
how to builde editable wordpress headers and footers with claude and beaver builder ai

How to Build an Editable WordPress Header and Footer With AI

Headers and footers are among the most repetitive parts of building a WordPress website. AI can speed up the process,…

Read More...

Join the community

We're here for you

There's a thriving community of builders and we'd love for you to join us. Come by and show off a project, network, or ask a question.

Since 2014

Ready to build?

The WordPress page builder agencies and freelancers have trusted since 2014. Now with AI.