How to Create Elementor Custom Post Type Archive Page?

Updated on August 28, 2023 by Ananda
Table Of Content

Are you looking to create an archive page for your custom post types in Elementor? Creating an archive page allows you to display your posts related to a custom taxonomy of custom post types in a user-friendly manner, making it easier for your visitors to navigate and find the content they are looking for. 

With the Dynamic Listing widget from The Plus Addons for Elementor, you can easily show custom post types on a custom taxonomy archive page.

To check the complete feature overview documentation of The Plus Addons for Elementor Dynamic Listing widget, click here.

Requirement  – This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.

To do this, make sure you have created at least one custom post type and its custom taxonomy, you can use the free Advanced Custom Fields (ACF) to create a custom post type and custom taxonomy.

For instance, we have created a custom post type called Books and Book Authors as its custom taxonomy.

To create the custom taxonomy archive template, you can use the free Nexter Builder or you can use Elementor Pro if you are already using it.

Now once you have created the archive template, custom post type and custom taxonomy then follow the steps – 

1. Add the Dynamic Listing widget to the template. 

2. Then select Archive Page from the Post Listing Types dropdown and select your custom post type from the Post Type dropdown. 

Dynamic listing archive page

3. Select the appropriate style and layout from the Style and Layout dropdown, respectively.

Now you should be able to see posts from specific custom taxonomies on their respective archive pages.

Note: Make sure to use our archive related widgets to ensure that your content is displayed correctly.

You can fine-tune the settings and style from other options.

Also, read How to Customize Search Page for Custom Post Type in Elementor.

OR
Get Free 25+ Secrets to Make Elementor Website Faster [Guaranteed Results]

    Subscribe to our YouTube Channel for Elementor Tutorials
    New Video Every Week!
    Automatically Convert Figma Designs to 100% Editable Elementor Website

    Related Docs

    X