Likes Counter Tutorial (Elementor Pro & JetEngine)
HTML-код
- Опубликовано: 15 июл 2024
- In this video I will show you how to add a likes counter to your Elementor website without touching any code!
To follow this tutorial you will need Elementor Pro and JetEngine.
Elementor Pro:
wickydesign.com/get-elementor
JetEngine:
crocoblock.com/plugins/jeteng...
This tutorial is broken out into 3 sections. Feel free to use the timestamps below to jump around to each section.
Timestamps:
0:00 Introduction
2:01 #1 - Add Like Button & Counter
8:38 #2 - Display Most Liked Posts Feed
22:39 #3 - Add Likes Counter Admin Column
Section #1 - I go over how to add the like button to your blog posts and how to display the likes counter on your blog posts template. This section you will learn how to setup Data Stores.
Section #2 - I show you how to display the most liked posts as a feed query and sort them by most liked. This section will cover how to create a JetEngine Listing Template & Query Builder.
Section #3 - I show you cool trick on how to add the likes counter to your admin columns by using JetEngine.
#JetEngine #ElementorTutorial #LikesCounter
Our Recommended Tools
Some of the links on this page are affiliate links, meaning we may receive a commission if you follow them. This allows us to continue providing free content and educational resources for you. Thank you for supporting our small business!
WORDPRESS PLUGINS:
✔️ Elementor: wickydesign.com/get-elementor
✔️ Crocoblock: crocoblock.com/?ref=2562
✔️ Ultimate Add Ons: ultimateelementor.com/pricing...
✔️ Elementor Custom Skin: gumroad.com/a/545789043
✔️ All In One SEO: www.shareasale.com/r.cfm?b=14...
BUSINESS TOOLS:
✔️ Dubsado: www.dubsado.com/?c=wickydesign
✔️ MailerLite: www.mailerlite.com/a/jrdqblbizo
✔️ Wave: waveapps.com/
GRAPHICS:
✔️ Adobe: clkuk.tradedoubler.com/click?p...
WEBSITE HOSTING:
✔️ KnownHost: www.knownhost.com/?aid=71319c26
------
For more information regarding our web design and branding services, please visit wickydesign.com
Great, thank you it's exactly what I need
Sort comments in order of likes.
I don't know if there's something like that on the channel.
But I'll watch the video later, it might be useful.
ikes will be cleared on session end, How we can store likes in user meta data?
This video is beautiful but posts with like=0 are not displayed in the jetengine listing grid
Hi, i don't see list of custom fields in my dashboard post page ( i use CPT).
also the ajax of like takes much more time than you to be done.
Thank you for an awesome tutorial. How would you handle the use case where a user can only click the Like button if logged in? They can still see and interact with the site, and they can see the Like button; however, they just need to log in/authenticate.
Thank you! This can be done using the Dynamic Visibility inside JetEngine.
How can we put the label under the icon
Great tutorial, thanks for that. One thing, in the post meta I noticed jet_engine_store_count_most_viewed. Is there a way of counting post views using jetengine? That would be very useful.
Thanks. Yes you can use Data Store. I don't have a tutorial on this yet for JetEngine but here's a video from Crocoblock that might help: crocoblock.com/knowledge-base/articles/jetengine-how-to-create-recently-viewed-section-using-data-stores-module/
@@WickyDesign thanks, I'll have a look
By any chance, does this work on Woocommerce listings as well? Would love Users say Like or not rather than a 5 star review.
Yes, this can be added to your WooCommerce product pages as well. I did a test and added it to the my Single Product template and it worked correctly.
Is there a way to create a likes counter for a specific post category ?
You can do this by assigning a template to just that specific post category. I made a video on how to that here: ruclips.net/video/Pp77LfdyKVs/видео.html
You lost me at 11:11 . Did you create a "store count meta field" before? I don't see any of the options appearing underneath my custom meta fields.
The post will need to have at least 1 like before it will appear in your custom meta fields. You can just need to click like on a few posts on the frontend.