Thursday, October 10, 2024
How to Add Annotations Plugin in WordPress Using Simple Commenter
If you’re looking for an easy way to add annotation capabilities to your WordPress site, Simple Commenter is the perfect solution. Unlike traditional methods that require additional tools, this lightweight annotations plugin allows users to leave comments and feedback directly on your live WordPress pages. Here’s how to set up Simple Commenter in WordPress and start collecting real-time feedback.
Step 1: Adding Simple Commenter to Your WordPress Header
To integrate Simple Commenter in WordPress, add the script to your header, just like adding a Facebook script. Here’s how:
- Access Theme Editor: In your WordPress dashboard, go to Appearance > Theme File Editor.
- Edit the header.php File: Select the
header.php
file from your active theme. This file controls the contents of the<head>
section across your website. - Insert the Simple Commenter Script: Inside the
<head>
section, add the following script just above the closing</head>
tag:This script initializes Simple Commenter across your WordPress site, allowing users to annotate pages in real-time.
<script src="https://simplecommenter.com/js/comments.js" data-domain="yourdomain.com" defer></script>
- Save Changes: After pasting the code, click Update File to save your changes.
Once saved, Simple Commenter will activate automatically on your WordPress site, enabling clients and users to leave feedback directly on-page. No additional plugins are needed, and it’s compatible with any WordPress theme or page builder.
This script allows users to annotate WordPress sites without extra plugins. Simple Commenter is compatible across all WordPress themes and page builders, making it a flexible solution for any setup.
Customize Simple Commenter Modes
To tailor feedback to your needs, Simple Commenter includes several modes:
- Disabled Mode: Keeps the tool inactive, allowing normal navigation without visible comment boxes.
- View Mode: Shows existing comments in a read-only format for feedback reviews.
- Add New Comments Mode: Enables users to add comments by hovering or clicking on elements.
- Client Feedback Mode: Perfect for client projects, this mode allows clients to comment on specific areas, similar to PDF annotation, but integrated directly on-page.
- Customer Feedback Mode: Engage end-users with on-page comments, mimicking PDF annotations on the live website.
Why Simple Commenter is Better Than PDF Annotations for WordPress
Simple Commenter offers a seamless way to annotate WordPress sites, eliminating the back-and-forth of PDFs:
- No External Files: Users comment directly on the site, no uploads or downloads required.
- Real-Time Feedback: Comments are immediate, enabling fast feedback cycles.
- Universal Compatibility: Works with any WordPress theme and supports page builders like Elementor, Divi, and Gutenberg.
Conclusion
Simple Commenter brings the ease of PDF annotation tools to annotate HTML pages directly on WordPress sites. With just a line of code, you can transform your WordPress website into a real-time feedback tool, allowing interactive, on-page feedback for any page. Perfect for web developers working with clients, this integration simplifies collaboration and enhances feedback efficiency.
Simple Commenter in 2 minutes