It’s here! 2020 has arrived. I’m so happy to see this new decade and New Year come in.
A new anything brings so many possibilities for learning and growth. Not to mention, it gives you the opportunity to start fresh.
That’s what we’re doing at CSI, starting fresh with some key elements that are crucial to your success with your website.
I’ve used Elementor for WordPress over a year now and I couldn’t be more thrilled with it. It’s a page builder plugin. I love the way it performs that it’s now our “go to” page designer for our websites. That goes for everything, including client sites.
There are a number of plugins like Elementor that can build landing pages or an entire website, but this one has proven to me to be the most flexible and user-friendly.
With that being said, I’m going to dive deep into how Elementor works and I’m taking you along for the ride.
What is Elementor?
Elementor is a plugin that’s designed to be used with WordPress. It allows you to use drag & drop technology to create your landing pages or entire website.
Think about how Canva allows you to create beautiful designs quickly and you’ve got the gist of Elementor.
It works for designers like me as well as the non-techy crowd.
Here are some of the websites and landing pages we’ve built using Elementor.
Now let’s get to work building your website with Elementor.
Elementor Install and Setup
First, you’ll need to install Elementor on your WordPress website.
You can either download it from Elementor.com or log into your WordPress dashboard and search for the plugin.
Installing via Elementor.com
- Go to Elementor.com and click Free Download.
- Enter your email address in the text box on the pop-up window.
- Then, click Subscribe & Download.
- In your WordPress dashboard, go to Plugins > Add New.
- Click Upload Plugin, and choose the .zip file you’ve downloaded for Elementor.
- Click Install Now, and then Activate Plugin.
Installing via Your WordPress Dashboard
- From your dashboard, click Plugins > Add New.
- In the search field, enter Elementor and locate Elementor Page Builder.
- Click Install Now. After installation, click Activate.
Once Elementor is installed, the fun begins.
Now you have access to some of the best designs ever, in my humble opinion.
Let’s make sure that your journey to awesomeness begins on a high note.
First, go ahead and take the tour Elementor has set up for you. It will give you all the information you need to get started quickly.
Next, make sure the template gallery is accessible, which is very, very important for ease of use.
Go to Dashboard > Elementor > System Info. Check to see if the Elementor library is connected.
Creating Your First Page
- Create a New Page: I always like to set up the Title and then “save draft,” first. It’s easier to do it on this screen rather than waiting to do it on the Elementor page builder page.
- Click “Edit with Elementor” at the top of the page and wait for it to load.
This is the page builder screen where you’ll do all your layout and design work. On the left are the control elements.
In addition to the standard widgets, you can also install other plugins that work with Elementor and enhance it’s capabilities.
You can see that I’ve installed Themovation Elements.
You can access any of the native WordPress widgets and use that content as well.
- The Templates: To access Elementors template library, click the gray folder where you see “Drag widget here.” The pink PLUS button allows you to add sections of content.
No matter whether you’re using the Free or Pro version, you have a variety of choices.
You can scroll over any template to see what it will actually look like. When you see the one you want, click the insert button and wait for it to load into your page
When the page loads, save the draft. Then click the “settings” gear to change the layout.
Depending on your site’s options for page layouts, you’ll be able to choose the perfect layout for you.
- Default: This is the default layout for all pages in your theme. Elementor sits on top of and works alongside your theme.
- Elementor Full Width: This layout includes the header, full-width content, and footer.
- Elementor Canvas: This layout does not include the header and footer, only the Elementor page elements. This layout is also the best option for landing pages as you don’t’ want any distractions from your core message.
- Editing your Page
Clicking the Pencil in the upper right corner of a widget or the 6 dots in the middle of a section allows you to edit that area.
Video Tutorial for Elementor
Check out the video below for a more indepth look at creating website pages using Elementor.
There you are, the basics of working with Elementor. In upcoming posts, I’ll show you how to find your “inner designer” and unleash creativity you didn’t know you possessed.
Let me know your thoughts regarding Elementor and if it’s something you’re going to try.
I want to make sure you have all the tools you need to create your own awesome website. What questions do you have?
Let’s chat about your website and how we can create something awesome.