help center

Search
Close this search box.
On this page

Sitemap widget

Last Update: March 19, 2024

Add the widget

Sitemap widget
  1. In Elementor Editor, click +.
    All available widgets are displayed.
  2. Click or drag the widget to the canvas. For more information, see Add elements to a page.

What is the Sitemap widget?

The Sitemap widget creates a visual representation of your website’s structure. It typically includes links to all your post types, organized hierarchically according to their parent-child relationships. 

This helps users and search engines navigate your site more effectively. You can customize the sitemap’s appearance to match your site’s design, and you have control over which pages are included or excluded from the sitemap.

Common use case

David manages an e-commerce website that sells ceramics products. To improve the user experience and help customers easily find what they’re looking for, David decided to showcase a sitemap on the website. 

By creating a visual map of products and product categories, David provides a convenient way for visitors to navigate the store’s inventory. This enhances the website’s usability and as well as allows search engine optimization by ensuring all product pages are easily accessible and indexed by search engines.

Sitemap widget 7

Additional use cases

  • A photography portfolio website using the Sitemap widget to showcase different photo categories like landscapes, portraits, and events.
  • A real estate agency website integrating the Sitemap widget to display property listings by location, price range, and property type.
  • A fitness website leveraging the Sitemap widget to categorize workout routines by target areas, intensity levels, and equipment needed.

Add a Sitemap widget: Step-by-step

  1. Add the Sitemap widget to the canvas. For details, see Add elements to a page.
  2. In the Content tab, under the Sitemap section, you’ll find two default items named: Pages and Categories. You can add or delete these default items.
    Sitemap widget 10
  3. Click on the item to open its settings. 
    Sitemap widget 4
  4. In the Type field, choose either Post Type or Taxonomy to determine what type of content the sitemap will display.
    Sitemap widget 16
  5. In the Source field, specify the source of the content to be included in the sitemap. The available sources will vary based on your selection in the Type field.
    1. If you choose Post Type, select Posts, Pages, or any available custom post types.
      Sitemap widget 21
    2. If you choose Taxonomy, select Categories, Tags, Format, or any available custom taxonomies.
      Sitemap widget 17
  6. In the Title field enter the desired text or use dynamic tags for your title. Learn what dynamic tags are available?
    Sitemap widget 5
  7. In the Order By field, choose how to order the links. 
    1. For Post Type selection, choose from Date, Title, Menu Order, or Random.
      Sitemap widget 12
    2.  For Taxonomy selection, choose from ID or Name.
      Sitemap widget 2
  8. In the Order field, choose the order in which the items are displayed. DESC (descending)  or ASC (ascending).
    Sitemap widget 1
  9. Slide Hide Empty toggle to Yes to hide if the taxonomy is empty.
    Sitemap widget 3
  10. Slide the Hierarchical View toggle to Yes to display a hierarchical view showing both parent and child items.
    Sitemap widget 18
    1. If Hierarchical View is set to YES, the Max Depth option becomes available. Select depth of hierarchy to show, from 1 to 6, or ALL.
      Sitemap widget 13
  11. In the Columns field, adjust the number of columns to display the sitemap links.
    Sitemap widget 11
  12. In the Title HTML Tag field, set the Title tag to H1-H6, Div, Span or Paragraph.
    Sitemap widget 19
  13. Slide the Add nofollow toggle to Yes to add rel=”nofollow” attribute to all sitemap links.
    Sitemap widget 20
  14. Under the Additional Options section, in the Exclude field, choose to exclude the current post/page or manually select specific items to exclude.
    Sitemap widget 9
  15. Use the Protected Posts field to Hide or Show protected posts (posts that require a password to access).
    Sitemap widget 8

Settings for the Sitemap widget

You can customize your widgets using content, style, and other advanced parameters, offering you great flexibility in tailoring them to your needs. Click the tabs below to see all the settings available for this widget.

Content tab

Sitemap widget 22

Select either Post Type or Taxonomy.

In the Source field, specify the source of the content to be included in the sitemap. The available sources will vary based on your selection in the Type field.

  • If you choose Post Type, select Posts, Pages, or any available custom post types.
  • If you choose Taxonomy, select Categories, Tags, Format, or any available custom taxonomies.

In the Title field enter the desired text or use dynamic tags for your title. Learn what dynamic tags are available?

Choose how to order the links:

  • For Post Type selection, choose from Date, Title, Menu Order, or Random.
  • For Taxonomy selection, choose from ID or Name.

Choose to list the links in ASC or DESC order.

If the type chosen is Taxonomy, this option is available. Set to YES to hide if the taxonomy is empty.

Set to YES to show hierarchical views (both parents and children).

If Hierarchical View is set to YES, the Max Depth option appears. Select the depth of hierarchy to show, from 1 to 6, or ALL.

Adjust the number of columns from 1 to 6.

Set the Title tag to H1-H6, Div, Span or Paragraph.

Slide to YES to add rel=”nofollow” to all sitemap links.

Sitemap widget 15

Choose to exclude the current post or manually search and select a post to exclude.

Choose to Hide or Show protected posts (posts that require a password to access).

Style tab

Sitemap widget 14

Use a slider to set the amount of indentation within the lists.

Adjust the padding around the sitemap columns.

  • Color: Choose color of the title text
  • Typography: Customize title’s typography options, such as font, size, style, and more. For more details, see Typography.
  • Color: Select color of the page links.
  • Typography: Customize typography options such as font, size, style, and more for the page links For more details, see Typography.
  • Color: Choose color of the list bullets.
  • Style: Select style of the list bullet, including Disc, Circle, Square, or None.

Advanced tab

The Advanced tab provides options to control the sitemap position, adjust the spacing, add custom code, and more.

Sitemap widget 6

Learn more about the Advanced tab settings.

Have more questions? We’re more than happy to assist.

Link is copied to clipboard!
On this page

Is this article helpful?

Share this article

Stuck?
Our Elementor Expert is Ready

Book a 45-min video consultation call with an Elementor expert and elevate your site!