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.

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

DRAG-AND-DROP ONLINE COURSE WEBSITE DESIGN

LifterLMS and Beaver Builder Integration: Effortless Online Course Websites

Introducing the LifterLMS and Beaver Builder integration. Streamline your online course website creation by combining powerful learning management tools with…

Read More...

10 Easy Tweaks to Improve Website Layout with Beaver Builder

Wondering how to improve website layout with Beaver Builder? Designing a website that looks polished and performs well doesn’t have…

Read More...
figma design to wordpress site beaver builder

Figma to Beaver Builder: Design and Build WordPress Sites

Curious about converting Figma designs into WordPress websites? A smooth design-to-development workflow is essential for saving time and delivering top-notch…

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

Build Your Website in Minutes, Not Months

Join Over 1 Million+ Websites Powered By Beaver Builder.