help center

Elementor Premium Services

NEW!

Search
Close this search box.
Help / Elementor Editor / Using widgets to create your page / Add advanced functionality / Post Info widget

Using widgets to create your page

On this page

Post Info widget

Last Update: March 28, 2024
Important
This widget is a REQUIRED element on the Single Post Template. If this widget is not added to the Single Post Template, the Elementor editor will not load. For more information, see Create a single post template.

Add the widget

Post Info 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 Post Info widget?

The Post Info widget is a Theme Element. It is one of the available Single Post Template widgets that is used to dynamically display the current post’s meta data, such as author, date, time, and comments.

Further, you can customize how this information looks, like displaying meta data items vertically or horizontally, adjusting the spacing, and changing the font style.

Common use case

Liam manages an online store selling crockery and tableware. In addition to showcasing the products, Liam recognizes the importance of providing engaging content to customers. Therefore, they decided to launch a blog section on the website where they share articles related to the products.

To ensure that each blog post reflects the professionalism and attention to detail of the brand, Liam integrates the Post Info widget into the single post templates. This widget dynamically displays key information, such as the author’s name, the publication date, and the post’s published date.

Post Info widget 1 Post Info widget 2

Additional use cases

  • Display author names, publication dates, and comment counts for blog posts.
  • Showcase product details such as manufacturers, release dates, and customer reviews on e-commerce product pages.
  • Present event information on event listing pages, like dates, times, and locations for upcoming events.
  • Highlight recipe creators, cooking times, and recipe ratings on a food blog.
  • Feature artist names, artwork creation dates, and medium descriptions on an art portfolio website.

Add a Post Info widget: Step-by-step

  1. Add the Post Info widget to the canvas. For details, see Add elements to a page.
    Important
    This widget is a REQUIRED element on the Single Post Template. If this widget is not added to the Single Post Template, the Elementor editor will not load. For more information, see Create a single post template.
  2. In the Content tab, Under the Meta Data section, use the Layout field to control the arrangement of the post info items. Choose between Default and Inline layout.
    Post Info widget 2
  3. The next options are displayed as a list of all the available meta data. The default meta items include Author, Date, Time, and Comments. You can delete default items and add additional items such as Terms and Custom.
    1. Click on the Add Item button to add a new post info meta item to the list.
    2. To duplicate or delete items, click on the item’s Duplicate or Delete Post Info widget 16  icon.
      Post Info widget 6      Each meta item has different customization options:
  4. For Author meta:
    1. In the Type field, from the drop-down menu, change the type of item from Author to Date, Time, Comments, Terms, or Custom.
    2. In the Before field, enter the text to be displayed before the author.
    3. Slide the Avatar toggle to YES to display the author’s avatar next to the author’s name.
    4. Slide the Link toggle to YES to link to the author’s archive.
    5. In the Icon field, select the icon for the meta item. Choose None, Default or Custom.
      Post Info widget 18
  5. For Date meta:
    1. In the Type field, from the drop-down menu, change the type of item from Date to Author, Time, Comments, Terms, or Custom
    2. In the Date Format field, select from several date formats or choose Custom to format your own.
    3. In the Before field, enter text to be displayed before the date, either as a value or using a Dynamic Tag.
    4. Slide the Link toggle to YES to link to that date’s archive.
    5. In the Icon field, select an icon for the meta item. Choose None, Default, or Custom.
      Post Info widget 4
  6. For Time meta:
    1. In the Type field, from the drop-down menu, Change the type of item from Time to Author, Date, Comments, Terms, or Custom.
    2. In the Time Format field, from the drop-down menu, select from several time formats or choose Custom to format your own.
    3. In the Before field, enter the text to be displayed before the time.
    4. In the Icon field, select an icon for the meta item. Choose None, Default, or Custom.
      Post Info widget 14
  7. For Comments meta:
    1. In the Type field, from the drop-down menu, change the type of item from Comments to Author, Date, Time, Terms, or Custom.
    2. In the Before field, enter the text to be displayed before the Comments.
    3. Slide the Custom Format toggle to YES to change the phrasing for No Comments, One Comment, etc.
    4. Slide the Link toggle to YES to link the comment form to the current post.
    5. In the Icon field, select an icon for the meta item. Choose None, Default, or Custom.
      Post Info widget 21
  8. For Terms meta:
    1. In the Type field, from the drop-down menu, choose Terms.
    2. In the Taxonomy field, from the drop-down, choose to display specific taxonomy information related to posts, such as Categories or Tags.
    3. In the Before field, add text to be displayed before the term.
    4. Slide the Link toggle to YES to link the term to its archive page.
    5. In the Icon field, select an icon for the meta item. Choose None, Default, or Custom.
      Post Info widget 10
  9. For Custom meta:
    1. In the Type field, from the drop-down menu, choose Custom.
    2. In the Custom field, add custom text.
    3. Slide the Link toggle to YES to make the custom meta clickable.
    4. In the Custom URL field, add a custom URL.
    5. In the Icon field, select an icon for the meta item. Choose None, Default, or Custom.
      Post Info widget 11

Settings for the Post Info 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

In the Content tab, you can choose the meta data type, and further customize its settings.

Post Info widget 13

Choose between Default and Inline layout.

Below the Layout option, you’ll find a list of all available meta data:

  • Drag and drop them to change their order. 
  • Click on the Add Item button to add a custom post info meta item to the list.
  • To duplicate or delete items, click on the item’s Duplicate or Delete Post Info widget 16  icon.
  • Select each meta item to access its settings. The default meta items include Author, Date, Time, and Comments. You can add additional items such as Terms and Custom. Each meta item has different customization options.
Post Info widget 9 Post Info widget 15

Choose Author meta.

Specify the text that appears before the author’s name.

Choose whether to display the author’s avatar (profile picture).

Decide whether to link the author’s name to their archive page, where visitors can see all posts written by that author.

Select None, Default, or a Custom icon from the Icon Library.

Post Info widget 19

Choose Date meta.

Customize the date format to display the publication date of the post.

Add text before the date.

Choose whether to link the date to the post’s archive.

Select None, Default, or a Custom icon from the Icon Library.

Post Info widget 15

Choose Time meta.

Customize the time format.

Add text before the time.

Display an icon.

Post Info widget 17 Post Info widget 19

Choose Comments meta.

Customize the text displayed before the number of comments.

Modify the phrasing for different comment counts (e.g., “No Comments”, “One Comment”, “2 Comments”).

Choose whether the link to the comment form for the current post.

Select None, Default, or a Custom icon from the Icon Library.

Post Info widget 12

Choose Terms meta.

Display specific taxonomy information related to your posts, such as categories or tags.

Add text before the term.

Decide whether to link it to its archive page.

Select an icon.

Post Info widget 5

Choose Custom meta.

Input custom text.

Enable link toggle.

Specify a custom URL.

Choose an icon.

Style tab

In the Style tab, you get options to adjust alignment, customize typography, choose color, and more.

Post Info widget 8

Adjust the space between each post info item.

Align the list of post info items left, center, or right.

Set ON to add a divider line between each post info item.

If the Divider is set to ON, the following options become available:

  • Style: Select solid, double, dotted, or dashed.
  • Weight: Set the divider’s weight.
  • Height: Set the divider’s height.
  • Color: Choose the divider’s color.
Post Info widget 7

Choose the color of the post info icon.

Set the size of the post info icon.

Post Info widget 3 Post Info widget 25

Set the amount of space the text is indented from the icon.

Choose the color of the text.

Set the typography options for the text. Learn more about Typography.

Advanced tab

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

Post Info widget 20 Post Info widget 27

Learn more about the Advanced tab settings.

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

Contact Support
Link is copied to clipboard!
On this page

Is this article helpful?

Share this article

Related Content

Use Variable Fonts

Search widget

Basic Media Carousel widget

What is a dynamic request parameter?

Add dynamic shortcodes

Stuck?
Our Elementor Expert is Ready

Unlock Your Session Now

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