Page Design With Elementor Pro (7 Important Tips For Beginners)

page design with elementor

I have been building websites with WordPress since 2009. I’ve used almost every page builder out there. But, after about two hours of using Elementor’s Free Plugin I knew I was hooked. I’ve been using Elementor Pro for about a year and a half now.

The main reason why I recommend Elementor for my clients and through the Blitz Challenge is the fact that almost anyone can design a good looking page on their own. I’ve had customers across the United States and the main concern with long distant clients is how to make basic edits and changes.

With Elementor, I’ve been able to help people be comfortable building out their websites.

I didn’t want to waist your time with individual posts on how to design a [Fill In The Blank] page. So instead, I thought I’d share seven things that I have found to be musts when I’m designing every page.

The following are in no particular order.

Always include the page name or “subject”. Headline of the page

If you are designing your “About Page” you may want to have something like: “About Us”, “About UrOnlineBrand”, “Who Is ██████ ?”. Your home page may include “Welcome To DigiToolBag” or something like that.

I like to refer to this as the “Headline of the page”. For me, it just sets the tone and lets your readers know what the page is about.

Embrace the “White Space”

This may sound weird but if I am designing a page and something isn’t looking right I will add more and more white space to make the content stand out more.

Depending on the feel of your website, this may be “Grayspace” or “Blackspace” depending on your color pallet. The focus of this tip is to use spacing and not make the page look or feel “crowded”.

Remember Your Target Market

If you are building out a website and your target market is in the younger “tech” demo, you need to design for mobile FIRST! Remember that you need to design with your target market in mind so the process to consume your content and become a customer, client, or follower isn’t difficult for them.

If you are a laser eye surgery doctor, you don’t want to have text on your website really tiny.

It can make it hard on the eyes and make people leave!

Use Different Types Of Content

If you are looking for a service provider, images are important in your decision to make a purchase. But if all they have is a bunch of pictures and no text or videos it may be overbearing.

Having nothing but a video for a primary page (Home, About, Services, Products, etc.) can look like your brand is a “Shortcut Taker”. It looks too basic and takes away from the message of the video.

The worst websites online, in my opinion, are the websites that have zero images, videos or any other type of visual effects. Having a website with nothing but text is one of the fastest ways to lose viewers. I’ve done many split tests and starting in 2010-2011 people started leaving text only websites almost instantly. (unless it is a blog, but even then you still need featured images and some sort of visuals)

If you have images, videos, text and audio… USE THEM ALL!

Having a page with all different types of content will help you communicate your message to everyone regardless of their favorite way to consume content. (I would include audio in video, unless you run a podcast)

Don’t Go Too Small Or Too Big

Remember that sizing of images, text and videos can make or ruin a website. I already talked about tiny text but huge text is bad most of the time too!


So I only ask that you keep sizing in mind and don’t forget how they are going to be viewing your content.

Never Forget The Power Of The Call To Action (CTA)

Call To Action Description From Wikipedia

In marketing, a call to action (CTA) is an instruction to the audience designed to provoke an immediate response, usually using an imperative verb such as “call now”, “find out more” or “visit a store today”.[1] Other types of calls-to-action might provide consumers with strong reasons for purchasing immediately such an offer that is only available for a limited time (e.g. ‘Offer must expire soon’; ‘Limited stocks available’) or a special deal usually accompanied by a time constraint (e.g. ‘Order before midnight to receive a free gift with your order’; ‘Two for the price of one for first 50 callers only’). The key to a powerful call-to-action is to provide consumers with compelling reasons to purchase promptly rather than defer purchase decisions. A CTA can be a simple non-demanding request like “choose a color” or “watch this video”, or a much more demanding request. An obvious CTA would be a request for the consumer to purchase a product or provide personal details and contact information.

Use CTA’s where you can and drive traffic to the pillar content on your website.

Stay On Point

Remember what page you are designing and unless you are building a “one page” website, don’t try and force all content into one page.

Yes, your home page should tease inner pages to send traffic to them but if you sell products and services, you don’t want to have information about “products” on your “services” page. Of course a “CTA” for them to check out your products is fine. Just be sure to remember what page that your visitors are on. If they are on a page about your upcoming events, you want to keep that the focus and not give other options for them to not sign up or consume your content.

Bonus Tip: Don’t Forget That You Can Use Templates

For starters, the Elementor Pro WordPress plugin has a massive amount of pre-made design templates. All of the design templates come included with your site license when you buy Elementor.

You may want some other design templates for inspiration when designing your website. If you do, that is totally fine!

Envato recently released a FREE WordPress plugin with hundreds of free templates for Elementor users. Once you get your copy of Elementor, you can get the Envato plugin here.

I will be releasing a video on the Envato Elements plugin in the near future. Don’t worry I’ll be posting it here!

For the 100% complete FREE Elementor Pro Guide Visit Site