Master Addons
  • Widgets
    • Changelogs
      Source Code NEW PRO
      Caldera Forms
      Logo Slider
      Table of Contents
      Gravity Forms
      Transforms PRO
      Restrict Content PRO
      Pricing Table
      Ninja Form
      Mailchimp
      Tooltip
      Popup Trigger NEW PRO
      Which Element NEW
      Creative Button
      Creative Links NEW
      Domain Search HOT PRO
      Dual Heading HOT
      Flipbox
      Animated Gradient BG HOT PRO
      Image Hotspot PRO
      Infobox
      News Ticker PRO
      Particles
      Progress Bar
      Off-Canvas Content NEW PRO
      Reading Progress Bar HOT
      Custom JS
      Blockquote
      Counter Up
      Image Hover Effects
      Reveal NEW PRO
      Rellax PRO
      Positioning
      Image Comparison
      Tabs
      Toggle Content HOT PRO
      Post/Page Duplicator FREE
      Icons Extended
      Floating Effects PRO
      Mega Menu HOT
      Custom CSS HOT
      Gradient Headline
      Advanced Image
      Nav Menu
      Tooltips
      Comparison Table PRO
      Glassmorphism
      Featured Product PRO
      Image Carouse
      Gallery Slider NEW PRO
      Dynamic Tags NEW
      Countdown Timer
      Current Time
      Patterns
      Wrapper Link
      Timeline
      Team Member
      Contact Form 7
      Advanced Accordion
      Animated Headlines
      Blog
      Business Hours
      Call To Action
      Progress Bars
      Background Slider
      Team Slider
      Dynamic Table
      Grid Line PRO
      WP Forms
      Search
      We Form
      Entrance Animation NEW PRO
      Display Conditions PRO
      Filterable Image Gallery
      WP Forms
      Custom Breakpoints NEW
  • Features
    • Theme Builder

      Design site-wide templates for a consistent look across every page of your website.

      Popup Builder

      Create engaging popups, modals, and announcement bars - to capture leads.

      Widget Builder

      Expand Elementor with advanced custom widgets to build more dynamic layouts.

      Mega Menu Builder

      Create multi-column menus with icons and images for superior navigation.

      Custom Css

      Apply your own CSS for pixel-perfect styling beyond default design options.

      Dynamic Tags

      Insert dynamic content like post titles and custom fields directly into designs.

      Display Conditions

      Control element visibility based on user role, device, time, and other rules.

      Icons Library

      Choose from thousands of built-in icons to enhance visuals and consistency.

      Animation

      Add scroll, hover, entrance, and much more animations to bring designs to life.
  • Template Kits
    • Template Kits

      Professionally designed full-page template Kit. Import and customize in seconds.

      Ready Sections

      Pre-built content sections and rows. Drag, drop, and customize instantly.

      Ready Popups

      Different types of High-converting popup designs. Import and launch quickly.

      Ready Pages

      Complete page layouts for any purpose. Start editing immediately.

      Ready Header

      Multiple modern header designs. Import and adapt to your brand.

      Ready Footer

      Fully designed footers for different websites. Add functionality and style in clicks.
  • Brands
    • WP Adminify

      Take control of your WordPress dashboard. Customize the admin experience.

      Admin Bar Editor

      Customize the WordPress admin bar for a cleaner, more personalized workspace.

      Loginfy

      Customize your WordPress login page with branding, styles, and security enhancements.

      Rolemaster Suite

      Manage user roles and permissions with precision for better security and workflow.

      Master Blocks

      Expand the Gutenberg editor with advanced custom blocks for more creative layouts.

      WP Spotlight

      Instantly search and access admin features, posts, and settings from anywhere.
  • Themes
  • Help
    • Get Support
    • Documentation
    • Facebook Community
    • Changelogs
  • Blog
  • Widgets
    • Changelogs
      Source Code NEW PRO
      Caldera Forms
      Logo Slider
      Table of Contents
      Gravity Forms
      Transforms PRO
      Restrict Content PRO
      Pricing Table
      Ninja Form
      Mailchimp
      Tooltip
      Popup Trigger NEW PRO
      Which Element NEW
      Creative Button
      Creative Links NEW
      Domain Search HOT PRO
      Dual Heading HOT
      Flipbox
      Animated Gradient BG HOT PRO
      Image Hotspot PRO
      Infobox
      News Ticker PRO
      Particles
      Progress Bar
      Off-Canvas Content NEW PRO
      Reading Progress Bar HOT
      Custom JS
      Blockquote
      Counter Up
      Image Hover Effects
      Reveal NEW PRO
      Rellax PRO
      Positioning
      Image Comparison
      Tabs
      Toggle Content HOT PRO
      Post/Page Duplicator FREE
      Icons Extended
      Floating Effects PRO
      Mega Menu HOT
      Custom CSS HOT
      Gradient Headline
      Advanced Image
      Nav Menu
      Tooltips
      Comparison Table PRO
      Glassmorphism
      Featured Product PRO
      Image Carouse
      Gallery Slider NEW PRO
      Dynamic Tags NEW
      Countdown Timer
      Current Time
      Patterns
      Wrapper Link
      Timeline
      Team Member
      Contact Form 7
      Advanced Accordion
      Animated Headlines
      Blog
      Business Hours
      Call To Action
      Progress Bars
      Background Slider
      Team Slider
      Dynamic Table
      Grid Line PRO
      WP Forms
      Search
      We Form
      Entrance Animation NEW PRO
      Display Conditions PRO
      Filterable Image Gallery
      WP Forms
      Custom Breakpoints NEW
  • Features
    • Theme Builder

      Design site-wide templates for a consistent look across every page of your website.

      Popup Builder

      Create engaging popups, modals, and announcement bars - to capture leads.

      Widget Builder

      Expand Elementor with advanced custom widgets to build more dynamic layouts.

      Mega Menu Builder

      Create multi-column menus with icons and images for superior navigation.

      Custom Css

      Apply your own CSS for pixel-perfect styling beyond default design options.

      Dynamic Tags

      Insert dynamic content like post titles and custom fields directly into designs.

      Display Conditions

      Control element visibility based on user role, device, time, and other rules.

      Icons Library

      Choose from thousands of built-in icons to enhance visuals and consistency.

      Animation

      Add scroll, hover, entrance, and much more animations to bring designs to life.
  • Template Kits
    • Template Kits

      Professionally designed full-page template Kit. Import and customize in seconds.

      Ready Sections

      Pre-built content sections and rows. Drag, drop, and customize instantly.

      Ready Popups

      Different types of High-converting popup designs. Import and launch quickly.

      Ready Pages

      Complete page layouts for any purpose. Start editing immediately.

      Ready Header

      Multiple modern header designs. Import and adapt to your brand.

      Ready Footer

      Fully designed footers for different websites. Add functionality and style in clicks.
  • Brands
    • WP Adminify

      Take control of your WordPress dashboard. Customize the admin experience.

      Admin Bar Editor

      Customize the WordPress admin bar for a cleaner, more personalized workspace.

      Loginfy

      Customize your WordPress login page with branding, styles, and security enhancements.

      Rolemaster Suite

      Manage user roles and permissions with precision for better security and workflow.

      Master Blocks

      Expand the Gutenberg editor with advanced custom blocks for more creative layouts.

      WP Spotlight

      Instantly search and access admin features, posts, and settings from anywhere.
  • Themes
  • Help
    • Get Support
    • Documentation
    • Facebook Community
    • Changelogs
  • Blog
Purchase Now

Getting Started

  • Can’t see the Master Addon Element inside Elementor Page editor?
  • How To Apply For an Affiliate Account?
  • Active Pro version
  • Installing Plugin

Addons

  • Off-Canvas Content
  • Logo Slider
  • Progress Bars
  • Image Carousel
  • Featured Product
  • Comparison Table
  • Source Code
  • Advanced Image
  • Gradient Headline
  • Gallery Slider
  • Toggle Content
  • Infobox
  • Timeline
  • Dynamic Table
  • Mailchimp
  • Blockquote
  • Changelogs
  • Countdown Timer
  • Current Time
  • Search
  • Filterable Image Gallery
  • Team Slider
  • Counter Up
  • Restrict Content
  • Table of Contents
  • Image Hotspot
  • Image Comparison
  • News Ticker
  • Image Hover Effects
  • Tabs
  • Pricing Table
  • Navigation Menu
  • Domain Search
  • Flipbox
  • Tooltip
  • Creative Links
  • Business Hours
  • Contact Form 7
  • Creative Button
  • Animated Headlines
  • Advanced Accordion
  • Call to Action
  • Progress Bar
  • Blog
  • Team Member
  • Dual Heading

Extensions

  • Which Element
  • Post Duplicator
  • Grid Line
  • Glassmorphism
  • Tooltip
  • Wrapper Link
  • Floating Effects
  • Dynamic Tags
  • Display Conditions
  • Entrance Animation
  • Custom Breakpoints
  • Animated Gradient Background
  • Reveal
  • Particles
  • Background Slider
  • Transforms
  • Rellax
  • Positioning
  • Custom CSS

Widget Builder

  • Widget Builder Settings Panel Introduction
  • Divider
  • Text Shadow
  • Select2
  • Border
  • Heading
  • Tabs
  • Repeater
  • Visual Choice
  • Background
  • Dimensions
  • Box Shadow
  • Slider
  • Icons
  • Gallery
  • Media
  • Popover Toggle
  • Widget Builder URL Field
  • Date Time
  • Typography
  • Font
  • Widget Builder Color Field
  • Choose
  • Select
  • Switcher
  • Hidden
  • Code
  • WYSIWYG
  • Widget Builder Textarea Field
  • Number
  • Widget Builder Text Field

Theme Builder

  • Comment Form
  • 404
  • Search
  • Archive
  • Single
  • Footer
  • Header

Popup Builder

  • How to Open a Popup After Inactivity in Elementor
  • How to Show an Exit Intent Popup in Elementor
  • How to Open a Popup on Scroll to a Specific Element in Elementor
  • How to Open a Popup on Scroll in Elementor
  • How to Open a Popup on Click in Elementor
  • How to open a popup on page load?
  • Popup Settings & Options

Template Kit

  • How to Import Template Kits in Master Addons
  • How to Disable Elementor Default Fonts and Colors
  • Import Elementor Template Kits
View Categories
  • Home
  • Docs
  • Theme Builder
  • Archive

Archive

Roy
Updated on June 30, 2026

8 min read

Archive Templates let you design custom layouts for collection pages on your WordPress site – like category listings, tag pages, author archives, date-based archives, and custom post type archives. Instead of a plain list of posts, you can create magazine-style layouts, portfolio grids, or any design you imagine using Elementor and Master Addons’ dynamic archive features.

What Are Archive Pages? #

Archive pages are “collection” pages that group similar content:

  • Category Pages: All posts in a specific category
  • Tag Pages: All posts with a specific tag
  • Author Archives: All posts by a specific author
  • Date Archives: Posts from a specific month/year
  • Custom Post Type Archives: All items of a custom type (e.g., all products, all portfolio items)

Step-by-Step: Creating an Archive Template #

1. Create New Archive Template #

Navigate to Master Addons → Theme Builder → Add New Template.

2. Basic Setup #

  • Template Title: Descriptive name (e.g., “Blog Category Layout” or “Product Archive”)
  • Template Type: Select Archive from dropdown
  • Activation: Set to Active after customizing the layout properly.

Click Save Settings.

3. Edit with Elementor #

Click Edit with Elementor. You’ll notice a key difference from Single templates: Archive templates automatically include a Posts Widget or Archive Posts area that will display the actual archive items.

Two Approaches to Archive Layouts:

Option A: Use the Native Archive Loop (Simpler) #

Elementor provides an Archive Posts widget or area that automatically queries and displays the correct posts for that archive. You design around this loop.

Option B: Use Master Addons Grid/List Widgets #

  • Add Master Addons Post Grid, Post List, or Post Carousel widget
  • Configure the query to display archive-appropriate posts
  • Gives you complete design control over each item

4. Master Addons Archive Dynamic Tags #

Archive templates have their own set of dynamic tags to display archive-specific information:

Archive Information: #

  • Archive Title – “Category: Technology” or “Author: John Doe”
  • Archive Description – Category/tag/author description
  • Archive Meta – Additional archive metadata

Author Archives (Specific): #

  • Author Name – Display name of the author
  • Author Info – Biography text
  • Author Meta – Custom author fields
  • Author Avatar – Profile image

Example Usage:

  1. Add Heading widget → Insert Archive Title dynamic tag
  2. Add Text Editor widget → Insert Archive Description dynamic tag
  3. Add Image widget → Insert Author Avatar dynamic tag (for author archives)
  4. Add Master Addons Post Grid → Configure query to show current archive’s posts

5. Designing Your Archive Layout #

Typical Archive Structure:

  1. Archive Header: Title, description, featured image (for category/tag)
  2. Archive Content Area: Grid/list of posts with thumbnails, titles, excerpts
  3. Sidebar/Filtering: Category filters, search, popular posts widget
  4. Pagination: Next/previous page navigation
  5. Call-to-Action: Newsletter signup or featured content

Design Tips:

  • Use Master Addons Post Grid for masonry or grid layouts
  • Use Master Addons Post List for magazine-style lists
  • Add Master Addons Filterable Gallery for interactive filtering
  • Include Master Addons Pagination widget for styled page navigation
  • Add breadcrumbs using Master Addons or Elementor Pro

6. Setting Archive Conditions #

This is where Archive templates get specific. Go to Conditions tab after designing.

Common Archive Template Conditions:

Option A: All Archive Pages #

  • Include: Archive → All Archives
  • Use for a universal archive design

Option B: Author Archives Only #

  • Include: Archive → Author → All Authors or specific authors
  • Example: Stylish author profile pages with their posts

Option C: Category / Tag Archives #

  • Include: Archive → Category / Tag 
  • Example: Different layout for “beginner” vs “advanced” tutorial tags

Option D: Custom Post Type Archives #

  • Include: Archive → [Your Custom Post Type] → All
  • Example: Product catalog layout for WooCommerce products

Option E: Date Archives #

  • Include: Archive → Date
  • Example: Calendar-style layout for monthly archives

7. Archive Query Configuration #

If using Master Addons Post Grid/List widgets, configure the query:

Query Settings:

  • Source: Posts, Pages, Custom Post Types
  • Filter By: Current Archive (automatically filters to current category/author/etc.)
  • Order By: Date, title, random, etc.
  • Pagination: Enable with posts per page setting

Display Settings:

  • Layout: Grid, masonry, list, carousel
  • Columns: Responsive column control
  • Content Elements: Show/hide thumbnail, title, excerpt, meta, read more
  • Hover Effects: Animation on hover

8. Advanced Archive Features #

Different Layouts for Different Archives #

Create multiple archive templates:

  1. Template 1: For “News” category (magazine style)
  2. Template 2: For “Tutorials” category (grid with difficulty indicators)
  3. Template 3: For author archives (with author bio at top)

Archive-Specific Sidebars #

  • Design different sidebars for different archive types
  • Use Elementor’s Sidebar widget or Master Addons custom widgets

Empty State Design #

  • Design what appears when an archive has no posts
  • Add encouraging text, search bar, or popular content suggestions

9. Save & Test #

Click SAVE SETTINGS. Then test by:

  1. Visiting a category page that matches your conditions
  2. Checking an author archive
  3. Testing tag pages
  4. Verifying pagination works
  5. Testing on mobile devices

Common Archive Template Examples #

Blog Category Template: #

  • Condition: All Categories
  • Features: Category title/description, 3-column grid of posts with featured images, excerpt, read more, pagination, category-specific sidebar with popular posts

Author Archive Template: #

  • Condition: All Author Archives
  • Features: Author avatar, name, bio, social links, grid of their latest posts, author stats (post count, total views), follow button

Product Archive (Shop) Template: #

  • Condition: Product Post Type Archive
  • Features: Shop title, product filter widgets (price, category), grid of products with images, prices, add-to-cart buttons, sorting options, pagination

Portfolio Archive Template: #

  • Condition: Portfolio Post Type Archive
  • Features: Full-width filterable masonry grid, project categories filter, hover effects with project details, client logos section

Date-Based Archive Template: #

  • Condition: Date Archives
  • Features: Calendar-style layout, monthly grouping, “On This Day” historical posts, archive timeline visualization

Troubleshooting #

Problem: Archive shows wrong posts

  • Fix: Check query settings in Post Grid widget. Set “Filter By” to “Current Archive”

Problem: Archive title not updating

  • Fix: Use correct dynamic tag. For category pages, use “Archive Title” not “Post Title”

Problem: Pagination not working

  • Fix: Enable pagination in both the Post Grid widget AND WordPress settings (Settings → Reading)

Problem: Template not applying to custom post type archive

  • Fix: Ensure custom post type has “has_archive” enabled in its registration

Problem: Archive description empty

  • Fix: Add description to your category/tag/author in WordPress backend

Pro Tips #

  1. Preview with Real Content: Use Elementor’s Preview Settings to test with specific archives
  2. Performance Optimization: Archive pages can have many posts. Use lazy loading for images and limit posts per page
  3. SEO Considerations: Archive pages are important for SEO. Include meta descriptions using Master Addons dynamic tags
  4. Consistency: Match your archive design with your single post design for cohesive user experience
  5. Breadcrumbs: Always include breadcrumb navigation to help users understand their location

Archive vs. Single: Key Differences #

  • Archive: Shows multiple items (list/grid layout)
  • Single: Shows one item (detailed layout)
  • Archive: Uses “collection” dynamic tags (Archive Title, etc.)
  • Single: Uses “item” dynamic tags (Post Title, etc.)

Archive Templates transform boring list pages into engaging, designed experiences. Whether you’re creating a magazine-style category page, a filtered portfolio archive, or an author profile with their work, Master Addons gives you complete design control. Start with your most important archive (like your blog category page), then expand to other archive types as needed.

Frequently Asked Questions #

What is an Archive template in Master Addons Theme Builder?

An Archive template controls the layout of collection pages that group similar content, such as category listings, tag pages, author archives, date archives, and custom post type archives. Instead of WordPress’s plain default list, you design these pages in Elementor with Master Addons dynamic archive features for magazine-style or grid layouts.

How do I make the archive show the correct posts for each category?

If you use a Master Addons Post Grid or List widget, set its Filter By option to Current Archive, which automatically limits the query to the current category, author, tag, or date being viewed. Alternatively, design around the native Archive Posts loop, which already queries the right posts for that archive automatically.

Can I use different layouts for different archive types?

Yes. Create multiple archive templates and assign each a different condition in the Conditions tab, for example All Categories, Author archives, a specific tag, or a custom post type archive. This lets you give a News category a magazine layout while an author archive opens with the author’s bio at the top.

Which dynamic tags are available for archive pages?

Archive templates use collection-level tags rather than single-post tags. You get Archive Title, Archive Description, and Archive Meta, plus author-specific tags like Author Name, Author Info, Author Meta, and Author Avatar for author archives. Drop these into Heading, Text Editor, or Image elements to display archive information.

Why isn’t my archive template applying to a custom post type?

Custom post type archives only render if the post type was registered with has_archive enabled, so check that first. Also confirm your template condition targets that post type’s archive correctly. If the archive title shows the wrong text, make sure you used the Archive Title dynamic tag rather than Post Title.

What are your Feelings

Share This Article :

  • Facebook
  • X
  • LinkedIn
  • Pinterest
Still stuck? How can we help?

How can we help?

Updated on June 30, 2026
SearchSingle
Table of Contents
  • What Are Archive Pages?
  • Step-by-Step: Creating an Archive Template
    • 1. Create New Archive Template
    • 2. Basic Setup
    • 3. Edit with Elementor
      • Option A: Use the Native Archive Loop (Simpler)
      • Option B: Use Master Addons Grid/List Widgets
    • 4. Master Addons Archive Dynamic Tags
      • Archive Information:
      • Author Archives (Specific):
    • 5. Designing Your Archive Layout
    • 6. Setting Archive Conditions
      • Option A: All Archive Pages
      • Option B: Author Archives Only
      • Option C: Category / Tag Archives
      • Option D: Custom Post Type Archives
      • Option E: Date Archives
    • 7. Archive Query Configuration
    • 8. Advanced Archive Features
      • Different Layouts for Different Archives
      • Archive-Specific Sidebars
      • Empty State Design
    • 9. Save & Test
  • Common Archive Template Examples
    • Blog Category Template:
    • Author Archive Template:
    • Product Archive (Shop) Template:
    • Portfolio Archive Template:
    • Date-Based Archive Template:
  • Troubleshooting
  • Pro Tips
  • Archive vs. Single: Key Differences
  • Frequently Asked Questions
    • What is an Archive template in Master Addons Theme Builder?
    • How do I make the archive show the correct posts for each category?
    • Can I use different layouts for different archive types?
    • Which dynamic tags are available for archive pages?
    • Why isn't my archive template applying to a custom post type?

Join 40,000+ Web Creators Who Trust Master Addons

Get all the premium widgets and templates you desire, built with clean code that keeps your site fast. Ditch the bloat, not the features.

Try Live Demo
Join The Community
Master Addons for Elementor
Master Addons Logo

110+ Premium Widgets & Lifetime Updates – Build Beyond Limits. An Exclusive Creation by Pixar Labs

Facebook-f Twitter Youtube Wordpress
Features
  • Template kits
  • Template Library
  • Widget Builder
  • Theme Builder
  • Mega Menu Builder
  • Template kits
  • Template Library
  • Widget Builder
  • Theme Builder
  • Mega Menu Builder
Support
  • Support Forum
  • Contact US
  • Join Community
  • Blog
  • Support Forum
  • Contact US
  • Join Community
  • Blog
Resources
  • Apply For Affiliate
  • Documentation
  • Video Tutorials
  • My Account
  • Change Log
  • Apply For Affiliate
  • Documentation
  • Video Tutorials
  • My Account
  • Change Log
Navigate
  • Terms of Use
  • Refund Policy
  • Privacy Policy
  • Terms of Use
  • Refund Policy
  • Privacy Policy