Roy 
If you want to create a blog page with Elementor, you have a couple of solid options depending on your budget. A dedicated blog page keeps your posts organized, helps Google index your content, and gives visitors a reason to stick around longer.
You do not need to write any code for this. With the Elementor Posts widget (Pro) or a free plugin like Master Addons for Elementor, you can build a custom Elementor blog page that matches your brand.
This tutorial covers two methods to create a blog page in WordPress with Elementor:
There is a comparison table at the end so you can see exactly what each option offers. I have also recorded a video walkthrough if you prefer that.
Your blog page is the single place where all your posts show up. Visitors can browse articles, tutorials, news, and updates from one URL. For business owners, it pulls in organic search traffic. For bloggers, it is basically the whole point of the site.
A good WordPress blog page design does a few things for you:
Out of the box, WordPress just stacks posts in reverse chronological order. Not much to look at. With the right Elementor blog widget, you can swap that for grids, card layouts, carousels, and more, all without code.
You will need a few things ready before starting:
For Method 1, you will need Elementor Pro. For Method 2, you only need the free Master Addons plugin, which works with the free version of Elementor.
If video is more your thing, this walkthrough shows how to make a blog page in Elementor using the Master Addons Blog widget from start to finish.
OK, on to the two methods.
If you have Elementor Pro, you already have the Posts widget (sometimes listed as the “Posts” element in the panel). It is Elementor’s own tool for displaying blog posts on any page.
Open the page where you want your blog to appear in the Elementor editor. In the widget panel on the left, search for “Posts” and drag the Posts widget into your page section.
The widget will immediately pull in your published posts and display them in a default layout.
Elementor Pro gives you three layout skins to choose from:
By default, the Classic skin shows a 3-column grid with 6 posts. You can adjust this from 1 to 6 columns and set any number for posts per page.
The Layout tab is where you dial in how your Elementor blog page actually looks:
The Content tab has two important sections: Query and Pagination.
Query lets you control which posts appear on your blog page. You can filter by post type, categories, tags, or specific post IDs. You can also include or exclude certain posts from the results.
Pagination controls how users navigate through multiple pages of posts. Three options are available:
The Style tab has four sections for visual tweaks:
Tip: Use consistent spacing and typography across your blog page. Set the same border-radius for images and cards to create a polished look. Match the Read More link color with your brand’s accent color.
That is the Elementor Pro approach. Works fine for basic Elementor blog grid layouts, but you will run into limits pretty quickly: no carousel, no hover effects, only 3 skins.
If you want more options without paying for Pro, the next method is worth a look.
The Master Addons Blog widget (labeled “MA Blog” in the editor) is free and packs in more layout options than the Elementor Pro Posts widget. 21 layout variations, hover animations, a built-in carousel, advanced filtering. It is one of the more full-featured Elementor blog widgets out there.
Grab Master Addons for Elementor from WordPress.org (free). After activation, you will see the “MA Blog” element show up in your Elementor widget panel.
Drag the MA Blog widget onto your page. By default, it shows a classic blog layout in a 4-column grid.
This is where it gets interesting. You get three layout types:
Each layout type has 7 unique style variations, giving you a total of 21 different blog page designs (plus masonry support). You can switch between them with a single click.
The 7 style variations include: Default, Content Overlap, Top Left Meta, Right Align Cards, Center Align Cards, Center Align with Gradient Background, and Banner Card. Mix these with Grid, Card, or List layouts to build a truly custom blog page in Elementor.
You get granular control over how blog posts show up:
This is where Master Addons pulls ahead of Elementor Pro. The thumbnail panel lets you:
In the screenshot above, I have the “Hang” hover animation, “Flushing” color effect, and “Gradient Bordered” thumbnail shape applied. Little details like these are what separate a generic-looking blog page from one that actually looks like someone designed your Elementor blog page on purpose.
Under Posts Settings, you control what meta information appears with each blog post:
The Advanced Settings panel is where you narrow down exactly which posts appear:
You have probably seen sites that show their latest posts in a scrolling carousel on the homepage. The Master Addons Blog widget has this built in. Toggle the Elementor blog carousel on and configure it:
Combine the carousel with Advanced Settings to filter specific posts (like “featured” or “editors pick” tags) and place it anywhere on your site, not just the blog page.
Important: Make sure you have enabled “Load Font Awesome 4 Support” from Elementor > Settings. Otherwise, the arrow icons in the carousel will not display correctly.
The Style tab covers all the visual tweaks:
Between these controls, you can match your elementor blog layout to your site’s branding down to the pixel. Colors, fonts, spacing, shadows, all adjustable from the Elementor panel.
Here is everything laid out side by side so you can see which Elementor blog widget fits your situation.
| Feature | Elementor Pro Posts Widget | Master Addons Blog Widget (Free) |
|---|---|---|
| Price | Requires Elementor Pro ($59/yr+) | Free |
| Layout Variations | 3 skins (Classic, Cards, Full Content) | 21 variations (7 styles x 3 layout types) |
| Layout Types | Grid only | Grid, Card, and List |
| Masonry | Yes | Yes |
| Thumbnail Hover Effects | None | 26 hover animations + 16 color effects |
| Thumbnail Shapes | Border radius only | 5 shapes (Default, Rounded, Circle, Gradient Bordered, etc.) |
| Metadata Options | Author Name, Date, Time, Comments | Author Avatar, Author Name, Date, Categories, Tags, Comment Count |
| Query Filtering | Post type, Include/Exclude | Post type, Filter by Tag, Filter by Author, Post Exclusion, Offset |
| Pagination | 3 types (Numbers, Prev/Next, Combined) | Numbers + Prev/Next with customizable text |
| Carousel | Not available | Full carousel with autoplay, speed control, arrows or dots |
| Open in New Tab | No | Yes |
| Post Format Icons | No | Yes |
For basic blog pages, the Elementor Pro Posts widget gets the job done. If you need hover effects, a carousel, or just more wordpress blog page design variety, the Master Addons Blog widget covers all of that for free.
A few things I have learned from building blog pages for dozens of WordPress sites:
A post without a featured image shows up as a blank rectangle in your blog grid. It looks broken. Set a featured image for every post, even if it is a simple branded graphic. If file sizes are a concern, here is our guide on the best WordPress image optimizer plugins.
Long excerpts clutter the grid and push posts below the fold. 15-25 words is enough to tell readers what the post covers. The goal is to get them to click, not read the whole thing from the blog page.
Three columns works best for most blog pages. Two columns is good for content-heavy sites with longer excerpts. Four columns works when you have many short posts with strong featured images.
Your blog page title should be H1. Post titles within the blog grid should be H2 or H3. This helps search engines understand your page structure. For more SEO tips, read our best SEO practices for Elementor guide.
Showing categories in your post metadata helps visitors find related content. The Master Addons Blog widget lets you display categories right under each post title.
Preview your blog page on mobile and tablet before publishing. A 3-column grid stacks to 1 column on small screens, which is fine, but sometimes the spacing or font sizes look off after the collapse. Give it a quick scroll-through on your phone. For more control, check our guide on responsive design with Elementor breakpoints.
Put an elementor blog carousel on your homepage in addition to the blog page itself. That way, every visitor sees your latest posts right when they land, even if they never click “Blog” in the nav. The Master Addons Blog widget has the carousel built in, so it takes about 30 seconds to set up.
Yes. While the free Elementor does not include a Posts widget, you can use the Master Addons Blog widget which works with the free version of Elementor. It gives you 21 layout variations, hover effects, carousel support, and advanced filtering at no cost.
Create a new page in WordPress (call it “Blog”), design it with Elementor using the Posts widget or Master Addons Blog widget, then add that page to your navigation menu via Appearance > Menus. You can also use the Master Addons Theme Builder to create a custom header with your navigation.
6 to 12 posts per page is the sweet spot for most sites. Fewer than 6 can make the page feel empty, while more than 12 increases load time and overwhelms visitors. Enable pagination so readers can browse older posts.
Yes. Both Elementor Pro and Master Addons support filtering posts by category. In Master Addons, use the Advanced Settings panel to filter by tag, author, or exclude specific posts. This lets you build multiple blog pages for different topics.
A grid layout with featured images, post titles using H2/H3 tags, short excerpts, category metadata, and proper pagination is best for SEO. Make sure your blog page loads fast by optimizing images and using a lightweight Elementor theme.
Building a custom blog page in Elementor takes about 10-15 minutes with either method. The Elementor Pro Posts widget handles the basics well if you already have a Pro license.
For more layout options, the Master Addons Blog widget gives you 21 layout variations, 26 hover animations, 16 color effects, a carousel, and advanced post filtering. That is enough to create a blog page with Elementor that looks like you hired a designer.
It works with the free version of Elementor, too. Download Master Addons and test it out.
If something is not working right during setup, drop us a message and we will sort it out.
Related reading:
Get all the premium widgets and templates you desire, built with clean code that keeps your site fast. Ditch the bloat, not the features.
110+ Premium Widgets & Lifetime Updates – Build Beyond Limits. An Exclusive Creation by Pixar Labs
Every Master Addons Pro license comes with a 14-day no-questions refund, lifetime updates, and priority support. Try it risk-free this Spring – 40% OFF with “RESET40″ coupon.
