Adding Facebook Like button to my shop & blog
I just added Facebook’s new Like button to both my product pages & blog posts. Pretty cool, I gotta say!
For my shop, since I use Shopify, I was able to find a helpful tip in the Shopify forums & it worked like a charm! Then, to add the like button to my blog posts, which are powered by WordPress, I found this helpful post/code. But there’s also an easy plugin, too (although FYI I haven’t tried that).
The cool thing is that you can also post a widget showing the recent activity. So, here’s some of the most recent activity from people liking products in the WilloToons shop:
And here’s posts that have been recently liked on the WilloToons blog:
If you could, maybe go like some of your favorite products & blog posts so these don’t look so empty. (haha, as I publish this, the blog one is empty, besides one like from me – hope to see a few more in there soon! :p)
My integrating all of this, this morning, was somewhat inspired by seeing this site Likebutton.me, which Maya (@mbaratz) posted a link to this morning. Thanks, lady! On that site you can even add other sites on the fly to see their recent activity. Man, all this technology… it’s like MAGIC!!
What do you all think of this?
I sort of threw them on (and should really get outside & enjoy the sunshine!!), but – for example – on the product pages, I used to have the “Share This” & “Add to Universal Wishlist” buttons located down below the photo thumbnails on the left. But, after adding the Like button, it seemed too hidden down there. So I mocked it up to have them all be right aligned under the add to cart button (see image below)… but couldn’t get the FB iFrame content to do that. I’m sure it’s doable, but in the interest of actually leaving my house today, I decided to just go with the left aligned.
Here’s a mockup of how I wanted it to look (props to my awesome friend Wes for being on IM with me & giving me feedback. AND ordering his first eat. sleep. rock. repeat. organic t-shirt!!)
I’d love to hear any & all feedback. My one concern is that it might be slowing down my site more. There’s optimization stuff like that I could use help with (I largely do all this myself, and I guarantee it’s not the best way! :p) So I’d love to hear what some of you smarter-than-me peeps think. Both from a visual and code POV.
Lastly, thanks SOO much to those of you who saw my tweets this morning & have already been pushing those like buttons! You’re THE BEST!! <3 <3
Posted in: announcements, business, geekyfantastic :: Tags: activity, code, facebook, geek, geeky, like, like button, shop, shopify, wordpress
Click here to subscribe to my feed (also available via email)!
This is super geeky, but for those who get it, you can share in my enthusiasm: My site is now on 
