Add a dedicated comment section to your posts with the Post Comment builder block. It integrates a complete commenting system into your template, enabling readers to leave feedback and engage with your content, increasing post engagement. Use it, and customize comment lists, reply threads, and submission forms, matching your site’s design.
How to Add and Use the Post Comment Block:
- Enable the Block: Navigate to Smart Post > Blocks > Website Builder Blocks and toggle Post Comment to ON.
- Open the Editor: Go to Appearance > Editor > Templates and select a Single Post template.
- Insert the Block: Click the (+) inserter, search for Post Comment, and drop it into your template.
- Configure: Use the sidebar settings to manage headings, form fields, and button labels, then save the template.
General Settings:
From this panel, you can easily configure the functional structure of the post comment sections.
- Post Comment Info Order: Choose and add how many comment info you want to display with a custom placeholder. You also can drag & drop the order from here.
- Disable Website Field: Toggle ON or OFF to enable or disable the website field from the comment section.
- Submit Button: Personalize the text for the submission button (e.g., “Submit Your Opinion”), and you can also enable a Full Width Button within the comment form.
- Show/ Hide Comment Metadata & Replies: Show or Hide Post Comments Text and add a custom Label from here.
- Show/Hide Comment Info: You can also show or hide Commentator Name, Image, Description, and Meta Fields from here.
- Meta Gap: Moreover, you can set the custom Gap between the Text, Name, Button, Description & Reply Button Gap as needed from here.
- Divider: Enable the divider to create distance between the metadata, and set a custom gap from here.
- Form Heading: Enable the Form Heading & Sub-heading, customize the title of the comment form (e.g., “Leave a Reply”), and set the gap as needed from here.
Style Post Comment:
From this panel, you will be able to add style & personalize every visual element of the comment box and the input interface.
- Style Comment Box: You can add style with advanced Typography and customize the dedicated Field Label, Placeholder, and Save Info Color. You can also adjust field border type, border radius, padding, and margin to make them stand out.
- Style Submit Button: Refine the button’s background, text color, border radius, and adjust the padding & margin for both Normal & Hover states to create a clear call to action.
- Style Comment & Replies: Add global fonts with advanced typography, and set comment, meta fields, reply text, and divider color from here.
- Style Form Heading: Customize the fonts with advanced typography, and add form heading & subheading color, and adjust the margin to ensure they are accessible and visually consistent.
Advanced Settings:
This panel gives you full control over the block container with custom backgrounds, borders, margins, padding, and box shadows for added visual depth. Besides, you can easily control visibility across Desktop, Tablet, and Mobile devices for a fully responsive display. Moreover, you can also add custom CSS code to style or control the block. For more details, please visit here.
