Vijay parihar

The Post Engagement Widget provides a simple yet powerful way to gather user feedback on your content. With just a few clicks, you can add beautiful, AJAX-powered Like and Dislike buttons to your posts and comments, encouraging visitors to interact with your site.
The plugin is designed to be lightweight and easy to use. The settings panel gives you full control over colors, labels, and display rules, while the included shortcode allows you to place the voting buttons anywhere you want.
Key Features for Initial Release:
<ul>
<li>AJAX-Powered Voting: No page reloads. The interface updates instantly for a smooth, modern user experience.</li>
<li>Post & Comment Engagement: Add like/dislike buttons to both posts and comments right out of the box.</li>
<li>Guest Voting: Optionally allow non-logged-in users to vote (uses cookies to prevent duplicate votes).</li>
<li>Full Customization: Use the built-in color pickers to match the buttons to your theme’s design.</li>
<li>Emoji or Text Labels: Choose between classic “Like/Dislike” text or modern 👍/👎 emoji labels.</li>
<li>Automatic Display on Posts: Automatically add voting buttons to the end of all your blog posts with a single checkbox.</li>
<li>Universal Shortcode: Use the <code>[engage_widgetment_widget]</code> shortcode to manually place buttons on any page, product, or custom post type.</li>
<li>Clean Uninstall: When you delete the plugin, it cleans up all its settings and data from your database, leaving no trace behind.</li>
<li>Developer Friendly: Highly extensible with a complete set of actions and filters for advanced customization.</li>
</ul>
<h3>For Developers (Advanced Customization)</h3>
We’ve included several hooks to allow you to extend the plugin’s functionality. Here are some examples of what you can do.
Filters
<code>engage_widget_auto_display_post_types</code> 
Modify the list of post types where buttons are automatically displayed.
<pre><code>add_filter( 'engage_widget_auto_display_post_types', 'add_my_cpt_for_voting' );
function add_my_cpt_for_voting( $post_types ) {
 // Add support for a 'portfolio' custom post type
 $post_types[] = 'portfolio';
 return $post_types;
}
</code></pre>
<code>engage_widget_render_buttons_html</code> 
Filter the final HTML of the buttons for posts.
<pre><code>add_filter( 'engage_widget_render_buttons_html', 'my_custom_post_buttons_wrapper', 10, 2 );
function my_custom_post_buttons_wrapper( $html, $post_id ) {
 return '<div class="my-wrapper">' . $html . '</div>';
}
</code></pre>
<code>engage_widget_render_comment_buttons_html</code> 
Filter the final HTML of the buttons for comments.
<pre><code>add_filter( 'engage_widget_render_comment_buttons_html', 'my_custom_comment_buttons_wrapper', 10, 2 );
function my_custom_comment_buttons_wrapper( $html, $comment_object ) {
 return '<div class="my-wrapper">' . $html . '</div>';
}
</code></pre>
<code>engage_widget_user_can_vote</code> 
Add custom permission logic to prevent a vote. Return <code>false</code> to block the vote.
<pre><code>add_filter( 'engage_widget_user_can_vote', 'prevent_voting_on_own_post', 10, 4 );
function prevent_voting_on_own_post( $permission, $item_type, $item_id, $user_id ) {
 if ( $item_type === 'post' && $user_id > 0 ) {
 if ( get_post_field( 'post_author', $item_id ) == $user_id ) {
 return false; // Prevent users from voting on their own posts
 }
 }
 return $permission;
}
</code></pre>
Actions
<code>engage_widget_after_vote_processed</code> 
Fire a custom action after a vote is successfully recorded.
<pre><code>add_action( 'engage_widget_after_vote_processed', 'my_custom_action_on_vote', 10, 4 );
function my_custom_action_on_vote( $item_type, $item_id, $vote, $user_id ) {
 if ( $item_type === 'post' && $vote === 'like' ) {
 // Example: Send a notification or update a transient
 error_log( "User {$user_id} liked post {$item_id}." );
 }
}
</code></pre>
<code>engage_widget_after_settings_fields</code> 
Add your own custom fields to the plugin’s settings page.
<pre><code>add_action( 'engage_widget_after_settings_fields', 'my_custom_engage_widget_setting' );
function my_custom_engage_widget_setting( $settings ) {
 // HTML for your new setting field
}
</code></pre>

Post Engagement Widget

Add AJAX-powered Like and Dislike buttons to your posts & comments. A simple and lightweight way to boost user engagement.

Greg Ross

Just Likes and Dislikes is a fork of the excellent <a href="https://wordpress.org/plugins/posts-like-dislike/" rel="ugc">Post Like Dislike</a> and <a href="https://wordpress.org/plugins/comments-like-dislike/" rel="ugc">Comment Like and Dislike</a> by <a href="http://wphappycoders.com/" rel="nofollow ugc">WP Happy Coders</a>
Just Likes and Dislikes enables like and dislike icons for posts, pages and comments. Choose between multiple predefined icon sets or use your own custom like/dislike icons, the choice is yours.
Just Likes and Dislikes increases the interaction with the WordPress by enabling likes and dislikes buttons along with the count.
<h4>See full features list below:</h4>
<ul>
<li>Select position of like/dislike display; before/after post/comment.</li>
<li>Disable like/dislikes on any post type.</li>
<li>Show likes, dislikes or both.</li>
<li>Choose which order to show likes/dislikes in.</li>
<li>Definable hover text.</li>
<li>Choose to display like/dislike counts of zero.</li>
<li>Choose method to restrict users to a single like/dislike; cookies, IP, logged in users</li>
<li>7 available pre-defined icon templates to choose from:
<ul>
<li>Thumbs</li>
<li>Hearts</li>
<li>Checked/Cross-out</li>
<li>Happy/Sad</li>
<li>Plus/Minus</li>
<li>Up/Down</li>
<li>Fire/Extinguisher</li>
</ul>
</li>
<li>Custom like/dislike icon support</li>
<li>Icon color selector</li>
<li>Count color selector</li>
<li>NEW: Sortable like/dislike columns in post/page admin screens (can be disabled via option)</li>
<li>NEW: Total like/dislike counts on tags and category admin screens (unsortable due to technical limitations)</li>
<li>NEW: Front end shortcode to generate Top 10 style tables for liked/disliked content (comments not supported at this time).</li>
</ul>
<h4>Shortcode</h4>
[just_like_and_dislike id=post_id] or [jlad id=post_id] 
Please replace post_id with the id of the post or remove id parameter for considering the post id as the id of global $post object
[just_like_and_dislike_top_table count=10] or [jlad_top_table count=10] 
Options available are: 
* count – Number of items to display (default 10). 
* show_likes – Display a table with the top liked posts in it (default true). 
* show_dislikes – Display a table with the top disliked posts in it (default true). 
* types – Post types to display, a comma separated list i.e. “post” or “post, page” (default “post”). 
* show_table_title – Display a title for each table in the format of “Likes for Posts”, “Dislikes for Pages”, etc. (default true). 
* show_row_numbers – Display row numbers for the table (default true).
eg: [jlad_top_table count=3 types=”post, pages” show_dislikes=false show_table_title=false]
 Post Title 
 👍️
 1 
 Cool post 
 6
 2 
 Nice post 
 3
 3 
 [no title] 
 2
 Total 
 11
 Page Title 
 👎️
 1 
 Cool page 
 8
 2 
 Nice page 
 4
 3 
 [no title] 
 1
 Total 
 13
The table has a css class of jlad_shortcode_table, so you can style it with css, for example:
<pre><code>`
</code></pre>
.jlad_shortcode_table thead, 
.jlad_shortcode_table tfoot { 
 background-color: #000077; 
 color: #FFFFFF; 
}
.jlad_shortcode_table tr:nth-child(even) { 
 background-color: #f2f2f2; 
}
.jlad_shortcode_table td:last-child { 
 text-align: center; 
 width: 20%; 
}
.jlad_shortcode_table tfoot td:first-child { 
 text-align: right; 
} 
 `
Creates a table with blue background and white text header/footer rows, zebra stripes on the post list, centers the likes/dislikes column and aligns the “Total” in the footer to the right of the column.
<h4>Custom Function</h4>
<pre><code><?php echo do_shortcode('[just_like_and_dislike id=post_id]');?>
</code></pre>
Please replace post_id with the id of the post or remove id parameter for considering the post id as the id of global $post object

Post Engagement Widget vs Just Likes and Dislikes