Adding comments to a section of your website is a great way to communicate with your visitors. Engage with your visitors with a comment form section place anywhere on your website. Create a Comments module with the page designer to display them.
Go to the page designer, and add a new module by clicking on the gray plus sign. Choose the comments module from the list. If you prefer to find the module automatically, it’s also possible to type it in the search bar on top.
Define contents
This is where you can define the contents of the module.
Elements
You can enable or disable the display of the author avatar, the reply button, and the comments count.
Link
If you want that the module opens a new URL when someone clicks on it, paste that link here and decide if the link will open in the same window or tab.
Background
Add a background color, gradient, image or video to your module.
Admin label
You can modify the module’s label for easier identification.
Customize the design
Adjust the design of the comments module.
Text
Control how your text is displayed in terms of alignment, color (dark or light), and text shadow.
Title Text
Define the font, color, alignment, line height, and other settings for the title.
Comment Text
You can also adjust the font settings for the comment text.
Field Text
Customize the font settings for the field text.
Meta Text
Customize the font settings for the meta text.
Button
Define the button alignment. If you want to enable button custom styles, you can adjust the button’s text size, text color, background color, border width, border color, border radius, letter spacing, font settings, icon settings, text shadow, and box shadow.
Sizing
Adjust the width of the module.
Spacing
Customize margins and padding sizes.
Border
Define the border’s corner, style, color and width for your module.
Box Shadow
Here you can enable box shadow.
Filters
Adjust the hue of the module as a whole.
Animation
Give an animation style to the module, like fading or sliding when it appears.
Advanced settings
Using this tab you are able to insert CSS code, select device visibility, and manage transitions. Check this guide to know more about how to use these settings.