Based off of my tutorial on writing a “Love It” plugin with ajax, Love It Pro is a simple plugin that allows you to add a “Love It” link to your posts and pages. The Love It links give your users a way to show their appreciation, much in the same way that the Facebook Like button works, except that it is specific to your website. If you are looking for a plugin that helps with user interaction, and also provides a way for you to gauge what is popular on your website, this is a very simple but great solution.
Video Demonstration
Features
- Show Love It links automatically
- Track your most popular posts, pages, and custom post types
- Setup in less than 5 minutes
- Enabled / disable for every registered post type
- Customize the text displayed for links and “already loved” messages
- Users can only love posts/pages once
- Works for logged-in and logged-out users
- Most Loved widget included
- No coding necessary
- Custom CSS option for advanced users
- Embed help documentation in plugin settings
- Easy to use template tags for developers
Look just below the social counters in the top right of this content for a live demo.
Go to the support forum.
Version 1.1.6
Fixed a bug with recording user loves.
Version 1.1.5
Improved the text domain loader.
Fixed an issue with the Most Loved widget.
Version 1.1.4
Fixed a bug with the auto updater.
Version 1.1.3
Added “lip_links” filter to the love it links.
Added new Italian language files.
Version 1.1.2
Updated the script files to allow the love it link to be displaye on archive pages (when using the template tag)
v1.1.1 – 03/27/2012
Added option for non-logged in users to love items. Loves by non-logged in users are now stored in cookies.
Added automatic update system.
v1.1 – 03/23/2012
Added options to restrict the “Love It” link to only certain post types.
As a premium subscriber, the plugin is free to download and use as much as you wish.
Already a premium subscriber? Login below to download this plugin for free
I would say I’m pretty familiar, but not a pro, here’s an example as how far I got
http://rbgiuliani.com/samba-player-testament/ but I did not figure out how to change the text link into an image! and having a state ‘clicked’ css as well!
if you could help me it would be awesome! Here’s my CSS so far:
a.love-it {
font-size: 14px;
color: #fff;
font-weight: bold;
width: 40px;
height: 40px;
margin: 10px;
padding: 15px;
background: #ff9999;
-moz-border-radius: 8px;
border-radius: 8px;
}
IF you want a heart background, you need to use a background image, so first go create an image (jpg, gif, png, any will do), size it appropriately and then apply it to the background of the link. Does that make sense?
Thanks Pippin, with a little work I got it to look like I wanted! if anyone is looking for reference here follow my website link and also the css http://www.rbgiuliani.com/new-apple-tone-are-you-stupid/
a.love-it {
display: block;
text-indent: -9999px;
float:left;
width: 30px;
height: 30px;
padding: 10px;
padding-bottom:18px;
background: url(“image-link”);
background-position: 50% 50%;
background-repeat: no-repeat;
background-color: #ff9999;
-moz-border-radius: 8px;
border-radius: 8px;
}
a:hover.love-it{
background-color: #ff6666;
display: block;
text-indent: -9999px;
float:left;
}
Excellent! Thanks for posting!
Sorry for the double post! you can delete one!
hello pippin,
i bought your plugin and i love it ! i just do not understand the css ! i have a png image and it does not shows !
div.love-it-wrapper {
background:url(images/sprite.png) no-repeat 0 -369px;
width: 120px;
height: 60px;
display: block;
text-align: center;
padding: 60px 0 0 0;
}
also after vote, the image does not appear ! pleaseeeeee help me i love your plugin and i need to have a heart image before vote and after vote ! can i send you the image please Pippin !
Thanks for the purchase! Can you please show me the image that you are trying to set as the background? A live URL of the site would also be helpful.
As it stands now, at least using the free version, Love It only appears when actual blog posts are clicked and opened individually. It doesn’t appear under all my posts that are on the front page of my blog. Is this something that I can control in the pro version? I don’t have my site live yet so I can’t show you.
Renee, this can be done in both the free and pro version, but both of them require modifications to the plugin files.
Hi!
Love you plugin! I m trying to implement it, but I am running into some problems.
It appears that Facebook plugins like like buttons and comments have extreme difficulty loading. When I turn on the plugin, suddenly they hardly ever appear and the page keeps loading. Turning it off allows it to work effortlessly. So I am afraid there’s a conflict there.
Also, I need to insert the function into the template. I use this format:
The function returns both the page ID and the correct LoveIT string. Shouldn’t it only return the string, not the ID?
Also, I have some hearts that I would like to display next to the counter. How can I do that easiest? I am sure I can find out myself – after lots of trial and error – but I bet you know far better and faster
Thanks in advance!!
Tom
Tom, since this is likely to require several post backs to get everything worked out, can you post this question on the Support Forums? The comments are just harder to follow.
Hi, I’m trying to follow the link to purchase as a non-subscriber but the link doesn’t seem to be working. Can you let me know how I can make a purchase please?
Thanks
Thanks for the heads up. It should work now, but let me know if you are still unable to get to it.
Hi!
Love the idea of the plugin and I’m looking for something like that.
Is there a way for my members to see a list of the posts they loved? If no, would I be able to do that though your ‘User Bookmarks for WordPress’ plugin?
Thanks!
Kat
There is not out of the box, but yes, User Bookmarks does have that option.
Hi,
Is there a support email address available? I’m having problems integrating the plug-in into my blog, and making the number or image a link, and wondered if you can give any help please?
Thank you.
You can post your support questions in the dedicated support forum.
I’ve completed the contact form twice over here – http://pippinsplugins.com/contact/ – and selected “Technical Support” from the drop-down menu before providing the details of the problem, but hoping someone would reply back. Thanks
I’m going through all weekend emails this evening so I will get to it shortly.
Hi Pippin,
Been searching for this everywhere.. Then Saw the thief on envato that re skinned your plugin. That sucks: / – So I came here
With the pro version are you able to have the “love it” buttons love totals displayed in a call to recent posts within a widget-ed area?
Thanks
Chris
Hi Chris!
Thanks for coming here instead of purchasing the illegitimate Code Canyon version.
There is a widget included with the plugin that will let you display a list of the most loved items. It doesn’t display the love count next to each, but I would be happy to modify it so that there is a count included.
Pippin, I tried to post in the support forums but for some reason I keep getting redirected back to the WP dashboard when logging in.
Is it possible to have a widget option on this to display ‘most-loved’ post restricted by time, like ‘most loved this week’ or could you post code for a custom loop which would do this? Thanks!!
Hmm, that’s weird, sorry about the trouble with the forums.
No, sorry, displaying a widget like that is not possible.
Is your ‘love it’ plug-in/widget multi-site enabled. I have created a multisite website for our local village but cannot get the ‘love it’ widget to show the most loved items on the home page side bar. Thanks for any guidance. Andy
Do you want to display most loved items from across the network? If so, no, it cannot do that. It does work on each site independently, however.
Hey Pippin, good job with this plugin. I also heard about the code canyon incidence decided to come to the source. I havent bought the plugin in yet its very similar to something i need for my site so i was wondering if theres a way to tune it to what i need for my site even if it means paying extra.
i wanted to use a heart image and have it pop up everywhere a post’s title is on the site so like on the homepage, category pages and what not without losing the count. and also if i can reposition the button to the top of the post next to the title. please get back to me. thanks
Hi Paapa, yes you can use a heart image, though it requires you setup some of your own custom CSS. Anywhere you output the count, it will show the same count, regardless of which page your own. You can place the button anywhere you want, though you have to modify your template files to control the position exactly.
Thanks for coming here
Hi Pippin, before proceeding to buy your plugin I have two questions:
- is it possible to show the number of “loves” on every posts in homepage ?
- is there a shortcode to show the most loved post? I’d like to show them in a single page and not by the widget
Thanks!
1. It is is you modify your template files.
2. No short code. There is a widget to show a list of the most loved, and it includes an option to set the number to display, so you could simply set it to 1.
Thank you very much for the help with changing the image of love-it button. I’m using the free ipin version and i’ve updated the CSS, however, I can only view the “love-it” button when I’m logged into wordpress?
Is there a reason why the public cant see the button?
Please help!
thanks
The free version only supports logged-in users. You have to purchase the Pro version if you want to support logged-out users as well.
I guess i have 1 other question. is it possible to change the color of the fancy box if it is a new posts? lets say,anything up to 24 hours. if its over 24 hours then the default color (white) will appear?
The plugin doesn’t use fancybox . . . .
Does this plugin work for custom fields or only posts?
By custom fields do you mean custom post types? If so, yes!
Hi there. I installed the Love It plugin via the WordPress plugins tab on my Dashboard. Although it seems to be there on my Mac, it’s not showing up at all on my partner’s Mac next to me. Also, really frustratingly, there is no ‘Love It Settings’ tab in the Settings tab so I can’t alter it in any way? Any ideas? I have Prophoto 4 on WordPress.
Do you meant the plugin doesn’t show at all in the Plugins page? On the computer that it showed up on, did you activate it?
The plugin appears in the Plugins section in the Installed Plugins tab but it doesn’t show up at the bottom of SETTINGS, as it does in your tutorial video. This means I can’t make any alterations to it like where it sits on the page.
More importantly, no-one else but me seems to be able to see it on my actual blog posts!! They can see the Most Loved Items widget on the right but not the Love It button under the post.
Can you give me a live site url please?
Did you have any joy with this? Still no-one but I can see the LOVE IT option on my blog posts.
Kirsten, did you see my comment above? It would be great if you could give me your site URL so that I can see it?
I did see it and I did post my URL! Strange it’s not shown up. Here is my url – A little preview on the blog today – Emma and Jon get married in Oxford.
http://kirstenmavric.co.uk/emma-and-jon-wedding-photography-at-oxford-town-hall-a-preview/
Thank you. Any chance you could send me WP admin info so I could login and take a look? If you can, shoot me an email from my contact page.
Pippin, hiya. I’ve sent you my url twice now. I’d really love to get this sorted. So weird that only I can see the Love It on my blog posts!
Kirsten, I was asking if you can send me admin access to the site, not just the URL. Are you able to?
I’m happy to give you access but I obviously don’t want to post those details in a public forum. Could you email me (I can’t find an email address for you here) and I’ll reply with details?
Use my contact page in the top left.
Hi Pippin!
First of all your plugin seems to be fairly easy to integrate and tp modify. However, before I’m going to purchase your plugin, I need to get one question answered:
Is it possible to see who has liked/loved a post or ist it not possible?
Another, not quite to your plugin related question is, do you know a neat facebook/Google+ Plugin which simply posts the content to his and my FB/G+-Sites once someone has hit one of the buttons?
Hope to hear from you soon!
Greats
Niels
No, sorry, that is not possible. When a user Loves an image, the info is stored for the user, not for the post.
I’m not aware of a social plugin for that, sorry.
Maybe a stupid question, but how can I update the plugin??
I’ve purchased the pro version. When I bought it a couple of months ago, the current version was 1.1.3. So I would like to update it to 1.1.6. Thanks!
You can download it from your Account page.
Thanks for your reply.
But I’ve purchased the plugin without registering as a member, so I don’t have a account…
I’ve just resent your purchase receipt with the download links.
Awesome, I’ve just downloaded the new version. Thanks a lot!