Step 7. Configure Elementor and Explore the Builder
Blue Market websites all use the Elementor page builder to customize the content on individual pages.
The Elementor plugin settings are divided into two separate tabs in the main WordPress dashboard:
- Elementor – This is where most of the base settings are located. You should configure these settings once and then ignore this tab completely.
- Templates – This is where you can save various templates for new pages on your website.
We’ll provide a basic outline to using Elementor below, but please remember that this tool has a sharp learning curve if you’ve never designed a website before, so please tread carefully before you start to edit things on your website (i.e. please watch a guide or two first before you start to edit your template).
Elementor -> Getting Started
To begin, please navigate to the Getting Started page under the Elementor tab.
Here, you will find a quick 3-minute guide to creating your first page in Elementor.
We’ve also linked this video above.
Please watch this video in full for a quick primer for using Elementor to build pages on your site.
A Primer on Elementor Templates
Once you have a basic understanding of how Elementor work (and how to import templates onto your website), navigate to the Templates tab and click “Add New” at the top of the page.
Select “Page” and give your new page template a name.
You’ll then be redirected to a blank page with the Elementor builder active on the left side of your screen.
Since we’re editing a template and not a real page, feel free to play around as much as you want with the various building and editing tools available in Elementor.
This template is not visible on your website, so anything you do here is contained within the Elementor builder.
Personally, I prefer to build pages as templates first and them import them onto the pages I built them for, but it’s really up to you how you’d like to edit the pages around your website.
Elementor -> Settings
Return to the WordPress dashboard and navigate to the Settings page under the Elementor tab.
Here, you’ll find various settings relating to using Elementor to design your website.
Importantly, you need to check the two boxes to disable Elementor’s default colors and fonts.
Otherwise, these settings may cause problems with your theme down the line.
The rest of the settings can remain in their default settings.
Elementor -> Role Manager
In the Role Manager tab you can manager which users have access to the Elementor builder.
Personally, I only give Elementor access to users with Editor permissions or higher, but what you do with your own website is ultimately up to you.