How to Create Category Archive Page Template in Elementor Pro

In this blog post, i’ll show you how to create a category archive page template in elementor to showcase your blog archives step by step..

We’ll add a category archive template to an already existing website and I’ll show you how to create a category archive template for different categories/taxonomy types for your Elementor website.

Note: the digits in brackets e.g. (00:02) indicate the minutes of that exact explanation in the video so you can easily jump to that section and follow along.

Video: Category Archive Page Template in Elementor Tutorial

Let’s get right to it.

Creating an Archive Template in Elementor

First, you’ll need to get an Elementor Pro licence if you don’t have one already.

In your dashboard, go to Templates > Theme Builder, click Add New to create a new template, choose the template type to be Archive, then give your template a name (mine is Blogs), and click the create template button (00:27)

oJeathin0eg8NyvWYsR3P4vCw9FhKRbCRVj4RE8uMj8ETOKBgQNKODfPeFBExMGj8zhCkgoCTqGYU7f3E GtquyNNGz3fAaS41nH82l43L DXNmtTZ Inl2nkp dFaGfVj87yfFk
Category Archive Page Template in Elementor

This will take you to the Elementor templates library where you can view the available archive templates that have already been created by Elementor, but since we’re not using any of them just close that window.

In your editor, add a new section with 2 columns (00:53).

CioF6aHqmDquK2NxqzymT6L35sDKLG1SgI5nmtGA22J2g3RpWBJ8YD pQXzDElZ60zJ8ZYt6S2TotUpT1CH45 eH9tOw8hSsle9Juu01JKEcOmgdJHtmMyUXHg NzFrB5pWpds6Z

To Read: Create Bespoke Elementor Page Transitions in EPro v3.6

Use Elements Kit Blog Posts Template

There are a couple of options you can use. You can for example go to Elements Kit (01:05) which has some premade sections that are available for you to use. Elements Kit is a free elementor addon that you can install, activate and get access to a number of widgets and templates.

When you find one that you would like to use just click Insert (01:31) to insert it into your page.

g0pgzyFi9niXAQRzYStWJGczjDRWxRvmBsvVLaoiftlR6ed51TdPbJCRt rvgjdA8 Zr iqz wCWjgrF2UvrRfS7LVwdabmfxUmd0vNWQRw wY949yp8mowvp30Vc A6mXQMefwr

Delete the first column you had created then select the new Blog Posts section from Elements Kit, in the Edit Blog Posts area on the left go to Content > Layout, on Layout style set it to Grid with thumb (to show your posts with thumbnails), on Posts per row set 3. Enable the Read more option

On the Query option; set Posts count to 8, select the categories you want, and on Order and Order by you can choose how to display your posts, for example by date, ascending, or descending.

Under the Meta Data option, you can choose what you want to display and make any changes you want.

rRSAlC36 fB35iOiIu4TIBK2uOysD0QjJ8aiYfmyuUvoC8pm7NSTp9bco1q9yvjTMG6elziI8YwNf9dRHLfqsnldwGB4MQNHJD5uB9iG0681y80oab7kF5SQ4nJZRorvugdiSa1D

To Read: Create an Instagram Access Token for Elementor with New Instagram API

Using Elementor Archive Posts Widget

Back to the Widgets area, look for the Elementor Archive Posts widget and drag it to your section (03:25), delete the Elements Kit widget.

Select the Archive Posts widget, in the edit area on the left, under Content > Layout, for Skin select cards,  Columns; 3, on Show image; Yes. Select full for Image Size. under Meta Data you can choose to show the author, date, or comments.

On the Style option, you can make any changes that you see fit, and when you’re done click Update. On the Publish Settings option add a condition; All Archives and save.

A point to note about conditions is that Elementor gives you the option to create archives for the specific categories on your site and specify where you want your template to be displayed, you can do this by selecting your option under Categories.

However in this case we want our template to work for all our archive pages so we select All Archives.

When you’re done creating your archive page, click the update button.

mJTALlv2GI rFoET4RrtdVb10DPPQe GbVfNA6Kt3YUtUVVDtiF5bq45CgDmA u1hPG28f4PyPYgriAuDxVAFz41EbthbNIjPGTw3BRWR MaMYOTJ tfZW53oQL6Z8aMWAyxr bm

Also Read: Elementor Fade In Background Image on Hover using Premium Addons

In closing

That’s how you can create an archive page including categories and blog post archives for your WordPress/Elementor website.

For any questions, suggestions, or comments, let me know in the comments section below. Remember to subscribe to my newsletter and youtube channel for more tips and tutorials.

Also Read. . .

How To Delete A Facebook Group in 2024?

Facebook allows for group interactions through its Facebook groups feature.  Facebook groups are created for specific reasons and attract like-minded people.  At some point, however, you may need to get rid of the group for

Read More »
Newsletter Subscription (EF)
Hamza comes from a design background with over 10years of experience in Web and Media design. He enjoys making web design videos on his YouTube channel GoTechUG. He also writes web design articles on this website. In his free time, Hamza loves riding a bicycle, swimming or going hiking.

Leave a Comment

Your email address will not be published. Required fields are marked *


Recommended Tools

Hostinger offers premium WordPress hosting for small and medium size websites at an affordable price rated 4.5/5 on Trustpilot

Elementor is the WordPress most popular page builder with over 10 million active users