The comment section is an essential part of your website/blog, allowing users to interact, share their thoughts, and engage in discussions.
To enhance user experience and page load speed, we have implemented a modal box to display comments, and the comment form's iframe is deferred until the user clicks the comment button.
Preview
Here is how the comment section looks like:
Features
- Modal Box Display: The comment section is presented within a modal box, providing a clean and unobtrusive interface for readers to view and add comments.
- Lazy Loading Comment Form: The comment form's iframe is loaded lazily, significantly improving page load speed as it will only be fetched when the comment button is clicked.
- Blogger Commenting System: By utilizing the default Blogger commenting system, comment moderation and management become easier.
-
Responsive Design: To ensure the comment section's
responsiveness across various devices, we dynamically set its width and
height based on the width of the user's device. This approach guarantees an
optimal display, providing an excellent user experience regardless of the
device's screen size.
Responsive Design. Fit the device width.
Setup The Comment Section
To ensure the comment section works as expected, make sure to follow the setting below:
- Set the Comment location to Embedded.
-
Preserve your Comment form message, as you want.
For example: "Be kind, respectful, and constructive in your comments. No hate speech or offensive language. Let's create a positive environment. "
- Other settings are optional.
Our Comments Setting |
No Comment