Crafted by John Mac

Hot Tips on How to Create a Landing Page for Free

John Mac - Web Designer
{
A landing page on a website has a specific purpose. To get the user to interact, get a massage, and maybe perform an action. So then, how to create a landing page for free, that actually work and make the visitor do what you want? I will outline a few important details I have learned plus suggest two HUGE resources so you can design landing-pages yourself.

A landing page on a website has a specific purpose. To get the user to interact, get a massage, and maybe perform an action. So then, how to create a landing page for free, that actually work and make the visitor do what you want? I will outline a few important details I have learned plus suggest two HUGE resources so you can design landing-pages yourself.

Here’s a quick table of contents for this article.

Create landing pages for free using this section template structure

In this article, when I talk about how to design landing pages for free using WordPress, I’m mean having the ability to built it yourself without paying for a service and tools like OptinMonster or Leadpages. I always use the Divi theme or Oxygen builder for that. (Which is paid premium website builders)

But you can easily use the WordPress Gutenberg editor now as long as you stick with the most crucial template structure for landing-pages.

But before you continue, you have to get this book (Special discount for you)

Okay, here’s a template structure of sections that should be part of a landing page:

  • Header with logo and menus (Maybe omitted to not distract the user)
  • Hero section – the top introduction with title, subtitle, and image
  • CTA – Call to Action – What you want to the user to do
  • Social Proof – Testimonials or feedback showing trust 
  • Features/Benefits – Showcasing the features and benefits 
  • Footer – The copyright, title, and maybe some links 

So, with a little bit of knowledge of what to include and in which order, you can take control and learn how to build landing pages for free.

Remember, when using a premium page-builder like Divi, most of those sections are already free as a design template in their library. And you can just pick the design blocks for each section that you prefer and drop it on your new landing page.

What should the user do on your landing page?

For you to learn how to design landing pages that work the way you want, it’s important to consider what you want the user to do. 

Usually, you want them to perform and action. Like clicking a button to sign up to your email list or buy something. 

To make this happen there’s is a typical “formula” or template structure of common and necessary sections and details that always should be included.

The list you see above is the main structure. Sometimes we re-order them, and often we repeat certain sections and elements like Call to Action buttons and social proof sections.

For premium email opt-in forms on landing pages, I use ConvertBox.

Because they have some amazing drag-and-drop email optin forms which are super-fast to built. Plus, they connect with most email services and they have a bunch of features like timers, form elements, text, images, video, plus more. I can also create modal pop-ups, full-page modals, bottom bars, tiny pop-up boxes, and embed forms.

Hot Tips on How to Create a Landing Page for Free 1

I use ConvertBox on this website. And it’s simple. I just drop the form short-code right into Divi, Oxygen, or into the WordPress post content, and its good to go. 

How to DESIGN landing-page sections and elements?

For beginners Web Designers and new website owners, this can be the tricky part if the design doesn’t feel easy for you to do. But here’s a few important tips to simplify the process.

  1. Follow the template sections listed above
  2. Keep things clean, simple, and with minimal words
  3. Use clean and profession images
  4. Use ready-made design sections instead of reinventing the wheel
  5. Put it together using Divi, Oxygen builder, ConvertBox, or other free alternatives and email optin plugins. 

So don’t freak out, because first of all, there are so many free design elements and sections to use that comes with various page-builders now. 

And if you want to design your own landing-page for free, there is a sick amount of free resources and design inspiration websites out there. 

I like to keep things simple and not overwhelm my readers with too much information and be the reason for multi-tab madness after reading my posts. So I will share ONE single resource that I feel is enough for you to find what you’re looking for.

And again, I suggest you combine this website inspiration and design resource with this book on how to design landing pages and 100 hot tips to do it right. 

After you get that book while I’m allowed to share this discount, go to this website and check out some great design on how to built landing-pages or one-page websites.

Best tips on how to create a landing page for free using WordPress and ready made designs.

You have to check out https://onepagelove.com for inspiring awe. It’s a snacksy website that can help your creative thinking to come up with how to create and landing page in WordPress.

Here’s what I would do to design landing-pages as a beginner

First of all, to built landing-pages for free using the WordPress editor and free elements is of course doable.

But I want more control and to create stuff that looks better than what you get from the native Gutenberg editor. And this is why I always recommend Divi or Oxygen as website builders.

If you want to get good (or at least better) at creating landing-pages, here’s what I would do:

  1. Slurp up all the great tips in the Landing Page Hot Tips book
  2. Sniff out some awesome inspiration at OnePageLove.com website
  3. Find similar sections or built them myself from the inspirations using Divi

The thing is that if you get a little better at this instead of trying and failing on random stuff, you will have more people signing up or buying from your website.

Let me finish off this article with one big promise. One that I tell my students in my Freelance Web Design course for beginners: 

If you get good at building landing-pages for clients, you will get well paid! 

Become good at designing landing-pages for clients

Most website owners don’t know how to do this. They don’t know the structure, and they don’t know how to put things together. And for many websites and business owners, they don’t care about knowing these things!

They just want a landing page to do its job without having to fiddle with website page builders and learn the structure and psychology of a good landing page.

So help them!

You could become a Web Designer that focus on getting good at one thing. Design landing pages look amazing and actually convert visitors.

Live the Nomad lifestyle by creating websites

Let me just mention my free resource and training in this post so I don’t leave you hanging. One of the easiest ways of making a living online so you can have the freedom you want, experience more travel, and get paid from clients around the world, is to create websites.

And its easier than you think. 

Start with my free Web Designers Blueprint and see how you can start working from home or while traveling and built a part time or full-time income creating websites. It could even become a brand new career with you in nice new branding!

Download my Web Designers Bluepring here.

Design Your Life for Freedom

By using your laptop and knowing how to create websites without coding, you can get well paid.

Get started today to prepare for a second, third, or full-time income creating websites. NO CODING and NO DESIGN SKILLS needed.

Hello, I'm John Mac

John Mac

Mindset and Life Performance Coach. Specialized WordPress Web Designer for Divi and Oxygen + Shopify Partner & Expert.

How to live a laptop lifestyle