Have you recently switched page builders?
I used 3 different page builders in the past: Divi, Beaver Builder, WP Bakery Page Builder in WordPress. All before finding Elementor.
Or is this your first time using WordPress?
Whatever the reason for finding this page, I will cover everything you need to know about how to create a blog post with Elementor, in this comprehensive guide.
Table of Contents
What is the difference between a page and a post?
When you create new content in WordPress, it is divided into 2 main categories. Pages and Posts. These are both options within your dashboard, which your sites /wp-admin.
Pages are your upper level content, explaining your services, sharing information about your company or yourself. Pages are the destination, where you want to funnel traffic to. If you have an Ecommerce site, it would be your featured products, or catalog.
Posts funnel traffic towards your pages, or your website, and are more specific to a niche. Posts are something that will have updates, like stories, examples, news, how-to projects, or expert tips and information. One example would be this article, ‘how to create a blog post with elementor’.
It helps if your posts are the same general category or topic as your pages. For instance, posts about best practices of SEO, if you happened to be an SEO company. This helps paint the picture that you are the expert.
For more advice on what to include on posts to rank higher on Google, read this Beginners Guide to SEO – I include 10 Best Practices in SEO to rank your blog higher.
Now that you know the difference between what a page and post is, I want to cover how to use Elementor to build a blog post.
Creating a Blog Post using Elementor: Getting set up
The first thing you need to do, is make sure you download Elementor Page Builder. There are 2 versions of this plugin;
- Elementor, which is free, and is all you really need for basic blog posting.
- And Elementor Pro, which is paid monthly or yearly, and includes a lot of great content, templates, post grids, and other widgets to help design your website.
Because this is an introductory article, I will only be covering the Elementor free plugin. You will find Elementor Pro at this link, if you do choose to buy it.
Install and Activate Elementor
The first step to create a blog post with Elementor, is to make sure that you actually have it. When you are signed into your WordPress Dashboard (wp-admin), find ‘Plugins’ on the left, and click it.
The plugins button is actually a dropdown menu, so you can also click ‘Add New’ in the dropdown. Or, when the new page loads, click the ‘Add New’ button on the top left.
On the ‘Add New Plugin’ page, find the search bar on the right. Type in ‘Elementor’, and click the search icon.
Elementor will be the first plugin that shows up underneath. You should see an ‘Install’ button, click that. (I already have Elementor, so it shows Installed). Once it installs, click on ‘Activate’.
That’s it, you have no installed and activated the Elementor Plugin! The plugin should say ‘Active’.
Remember, this is the free version of Elementor, which comes with everything you need to make blog posts. If you need a module from Elementor Pro, you can find that plugin from the Elementor website.
Now that you have the plugin you need, let’s go add a new blog post.
Creating New Posts
To create a new blog post, make sure you are in your WordPress Dashboard, where you can see Posts in the left-hand column.
Click Posts. Once you are on the Posts Page, you will see a ‘Add New’ button next to Posts.
Go ahead and click Add New. This takes you to the ‘Edit’ part of your post. We are going to do this twice. The first time, will be to create a Template of ALL Blog Posts, so they will look nice and uniform. The 2nd time will be to add your actual post.
Let me pause right here, we will pick up again right after this section. I need to explain what I mean about the ‘Edit’ part of your Post.
Quick Break to explain: The difference between 'Edit', and 'Edit with Elementor'.
Confusingly, there are 2 ways to edit a post in WordPress, if you have Elementor.
The 2nd way is where the content is created, get to that by pressing the ‘Edit with Elementor’ button, which is shown above. The Edit with Elementor Page is shown below. This is where you will create your content.
Right after clicking ‘Add New’, you are put into the Edit Post page, without a title.
Personally, the way I order my post creations, is:
- Click Add New post ->
- (Now I am on Edit Post page) I immediately add the Title, categories and tags.
- Then, I click ‘Save Draft’, because I need to save my changes, without publishing anything.
- And then I jump into ‘Edit with Elementor’ to create the content.
- When I am done with my first draft, I create the featured image. This way I have an idea what I want the picture to evoke.
That’s the end of my explaination. Thank you! And carry on..
Creating the Title, Categories & Tags
I left off after clicking the ‘Add New’ posts button. This action brought you into the ‘Edit Post’ page, where you will create a title at the top.
Adding the Title
For SEO tips, including ‘How long a Title should be to rank on Google’, visit the Ultimate Do-It-Yourself SEO WordPress Guide.
For this first go, we are just creating a Template. So leave this blank.
On the second round, Once you have added the title, take a look at the column on the right-hand side.
Keep these settings: Visibility is set to Public. Publish is set to Immediately. And Post Format is set to Standard. Author should be your WordPress Username or Nickname.
Adding Categories & Permalinks
Ignore Yoast for now. Although I highly recommend setting up Yoast Plugin, a free SEO plugin, to help do SEO yourself. For more information about using Yoast for SEO, check out my Ultimate SEO Guide.
Next up, scroll down on the column on the right. You will see Permalinks, Categories and Tags.
Permalink refers to the URL of your blog post, and you need to change that in your Dashboard.
Go to ‘Settings‘ in the left-hand column, and click ‘Permalinks‘. Click the ‘Post Name‘ Radial’. Your blog post URL will be the same as your posts title, with – connecting the words. This is best practice for SEO.
When you get to Categories, you will not have many set up. You may need to Add New Categories to get started. Simply click the Add New Category link, and type out your new Category. It will ask you for a Parent Category, leave that blank.
Add multiple categories, these will be things like SEO, WordPress, Gadgets, and will create pages for you with ONLY those posts on there. Make sure your Primary Category best describes your article.
Tags, Featured Image & Excerpt
When you finish, move down to Tags. Tags are very similar to Categories. You can use them to search your site, but WordPress will not create new pages for Tags. It is currently best practice to add multiple tags.
Lastly, you will see Featured Image, and Excerpt.
Typically, I recommend waiting until you are finished writing your blog post to add the featured image.
The reason is, the featured image requires a good Alt-Text to be written for it, and it is the one image that should contain your keyword phrase. It needs to be thought out.
The excerpt is optional. For now, skip it. You will need to change your Single Post Template in order to include it.
We have finally finished with the Edit Post page! Time to move on.
Click ‘Edit with Elementor‘.
Create blog post Template with Elementor
You should be on a brand new page now.
Before we start editing the page, let me explain all of the items and the setup.
You will have the Elementor bar on your left, which includes all the modules (headings, images, text editor, html etc.).
Sections, Columns and Modules
In the middle of your screen, you will have a red + circle, a circle with a folder icon inside it. The + button will add a new ‘Section’. There are 3 parts to an Elementor page.
- The top level is the Sections. Everything must fit inside of these.
- The middle layer is made up of Columns. Each section can have 1 column, 2 columns, 3 or more. An example would be 3 images that lined up horizontally next to eachother.
- Lastly, there are the Modules. The Modules must fit inside the column, which must fit inside the Section. Nothing can fit inside the modules. Just your content.
Elementor Pre-built Templates
Elementor offers pre-made templates of pages that are already built out for you! Not to mention they look stunning. Once you create the template, all you need to do, is change out the pictures and text.
You will notice that some of the templates are for Elementor Pro users only. That’s okay, if you haven’t bought it, just choose one that is free.
To continue, click on Blocks on the top.
Add Single Blog Template for your First Elementor Blog Post
From here, we want to choose a blog post template.
Once on Blocks, search for ‘Single’.
And here are all the Single Blog Posts for you to use for yourself! It’s that easy!
Once you find the one you like best, hover over it and click ‘insert’ to add it to your page.
You may notice that the content did not come up. That is okay. The modules are there for ‘Post Content’, and it is all formatted correctly!
In order to start editing the content, and images, you will need to save your post as a template.
On the bottom left, where it says publish, click the upward arrow – and choose Save As Template.
Save the template, exit & set template to all posts
Once you click save as template, name your Blog Template. I named mine Single Blog Post Template. Then click Save.
You have just set up your entire websites blog template! All the rules and layout will be saved for each new blog.
Now that you have saved your Blog Template, exit out of Elementor. To do that, click on the top left icon of the menu in the left-hand column.
Click it until you see ‘Theme Builder’, and a big blue button that says “Exit Elementor”.
Click Theme Builder.
Once inside Theme Builder, you will notice several choices on the left. Choose the option for Single Post.
Click Add New.
Insert your Single Blog Post Template into Theme Builder
You will recognize this page, it is the same templates page. This time, instead of choosing Pages, or Blocks, Choose ‘My Templates’.
My templates will list out any Templates you have saved, which is the most recent Single Blog Post Template.
Hover over Single Blog Post Template, and click the Green Button “Insert” that pops up. Click ‘YES’ to the Document Settings Popup.
The page will load, and you will see your same Single Blog Post Template.
This time, since you loaded it into Theme Builder, you have a new option: Display Options.
Setup your Display options
Simply click the green arrow, to the right of Publish, and select ‘Display Conditions’.
A new page will pop up, asking “Where Do You Want to Display Your Template?”
Set this to: Include – Posts – ALL. This means that the template you picked will display your content in that format, every time you create a new blog.
The last thing to do is click Save and Close.
Nice Job! You have completed setting up a Single Blog Post Template, and set it to display on ALL Blog Posts!
Use your new template to create your first blog post
Go back to your Dashboard. Exit out of everything.
If you end up inside the Edit Post page, click the White W on the top left of your screen to exit.
The rest of this should start to feel familiar to you. You will complete a section we went over earlier, and add your blog title and categories.
In Dashboard, Click Posts -> Add New. Add Title, Category, Tags.
Once in the WordPress Dashboard, find Posts, and click it. Then click Add New.
This time, the blog post is not a template, and it will be for real. So add your title, categories, tags, etc.
If you need to review the instructions again, just click to go back to ‘Add a Title’.
Once you open up ‘Edit with Elementor‘, you should be able to add a new section, and the heading or text edit module. Instead of adding columns, you should be able to see a folder option instead. This will add templates.
Templates are pre-built sites, that look amazing, that you can use for your own site. Click on the template folder Icon and open up the library to find one you like. Import it to the page, clicking YES for import settings.
This makes it easier for you to design a nice looking blog post, FYI. Simply replace the pictures with your own, or keep them. Replace the text, be creative. Enjoy!
If you run into any errors with Elementor
Once you finish, publish your blog! You have a couple options if you are not ready, keep it saved as a draft, or publish it behind a password protected homepage.
You will find the options on each page under ‘Edit Page’, Quick Edit, or under Settings on the left of the dashboard.
How do I avoid errors?:
From time to time, every blog experiences errors, especially on WordPress. To avoid them with Elementor, I suggest using the code that I previously dubbed ‘the Divi Recipe’, and following the instructions on your Elementor site.
It will give you more memory, more execution time, and other php inputs from your server will be increased. Trust me, you will probably need to anyways down the road, Elementor is a robust plugin, and grows larger with time.
For instructions on how to do this on a cpanel server or shared hosting, visit the article here.
What if I get errors, but am using the above technique?
The MOST common way to fix an issue with Elementor not loading, or acting funny, is by switching the editor loading method to On.
This can be done under settings > Advanced.
My error is a 404 error, what should I do?
If you are showing 404 in your browser as an error code, I wrote an entire article covering these 404 errors. Luckily, they are normally easy to fix.
Creating Blog Posts with Elementor: Final Thoughts
And if you noticed something I forgot in this post, “How to create a blog post with Elementor”, Please help out!
If you found any errors or mistakes, of if I skipped over anything, please leave a comment below.
I would really appreciate it! This content was created for anyone needing WordPress Help – free of charge. Visit the other WordPress help articles here.