Elementor Post Comments Widget

The Post Comments Widget in Vertex Addons for Elementor is a powerful tool designed to display the number of comments on your posts dynamically. Unlike a comment form widget, this widget focuses on showcasing the total number of comments in a visually appealing way, enhancing user engagement and providing social proof.

With this widget, you can customize the way comment counts are displayed, including text formatting, linking, and styling. Whether you’re designing a blog, news site, or any content-driven platform, the Post Comments Widget is an essential addition to your Elementor toolkit.

Key Features

• Display dynamic comment count for each post
• Customizable formats for no comments, one comment, and multiple comments
• Flexible typography, alignment, and color styling
• Option to link the comment count to the post’s comment section
• Supports HTML tags for enhanced customization
• Seamless integration with Elementor’s dynamic tags
• Lightweight and optimized for performance

What’s Needed?

To use the Post Comments Widget, you’ll need:

• WordPress with Elementor installed
• Vertex Addons for Elementor (free version)

Install and Activate the Post Comments Widget

To activate this widget, please refer to our Widget Activation Guide.

How To Configure Post Comments Widget in Elementor

Once you’ve added the Post Comments Widget to your Elementor page, you can customize its settings through the widget panel. The widget is structured into three tabs: Content, Style, and Advanced. Below is a detailed breakdown of each section.

Content Tab

Heading

The Heading section allows you to define how the comment count should be displayed. This section includes:

Title

• Customize the text format for different comment scenarios:
  • No Comments Format: Enter a custom message for posts without comments (e.g., “Be the first to comment!”).
  • One Comment Format: Define how a single comment is displayed (e.g., “1 Comment”).
  • Many Comments Format: Set a format for multiple comments using the {number} placeholder (e.g., “{number} Comments”). This dynamically replaces {number} with the actual count.
• Enable or disable Link to direct users to the comment section.
• Configure Advanced Options, such as adding text Before, After, or a Fallback message if comments are disabled.

Link

• If enabled, clicking the comment count will take users to the post’s comment section.
• Click on Link Options to set additional attributes:
  • Add nofollow for SEO purposes.
  • Use Custom Attributes to define custom behavior.
  • Enable Dynamic Tags to fetch values dynamically from Vertex or Elementor Pro’s dynamic tags.

HTML Tag

• Select an appropriate HTML tag for semantic structuring. Choose from:
  • Heading Tags (H1 – H6)
  • div, span, p

Style Tab

The Style tab lets you fine-tune the appearance of the comment count text. You can adjust:

Heading

• Alignment: Set text alignment to Left, Center, Right, or Justified.
• Typography: Customize font family, size, weight, and spacing.
• Text Stroke: Apply an outline to the text.
• Text Shadow: Add depth and emphasis.
• Blend Mode: Adjust text blending with the background (Normal, Multiply, Screen, etc.).

Normal and Hover Styles

• Text Color: Define the default and hover colors.
• Transition Duration: Set a smooth transition effect (in seconds) when hovering over the comment count.

Advanced Tab

The Advanced tab contains global Elementor settings applicable to all Vertex widgets. You can manage margins, padding, motion effects, background, responsiveness, and custom CSS for additional styling.

Conclusion

The Post Comments Widget by Vertex Addons enhances your website by displaying dynamic comment counts in a visually engaging manner. With flexible customization options, you can tailor the widget’s appearance and functionality to match your site’s design seamlessly.

Start using the Post Comments Widget today to encourage more engagement and make your posts more interactive!

For more information, check out our Vertex Addons Documentation.