Facebook Like button with Open Graph support

11 Jun

One of the most important marketing trend in the internet today is social networks.

With recent Facebook OpenGraph release, it is becoming much easier to manage it.

Join now the new Facebook social “semantic” web with a help of our free extension.

“Facebook Like It” Magento extension provide you all advantages of this great new technology.

screen-1

Please find more information on the Facebook Like Button Extension page.

42 Responses to “Facebook Like button with Open Graph support”

  1. Dat Tran June 16, 2010 at 7:16 pm #

    Thanks for contributing such a great extension!!

    I’m having problem with creating the facebook application to connect to it. Would you be able to give some details on how I’m able to get that to work?

    Thanks,
    Dat

    • TemplatesMaster June 20, 2010 at 10:01 am #

      Hello Dat, all you need is to go via facebook api link in config. But please notice that you should also set domain where are you going to use this application.

  2. PJ June 17, 2010 at 6:59 pm #

    Hi, also the http://www.facebook.com/developers/createapp.php times out and does nothing! Is this the correct place to go to enable / get a Facebook API key and also where to get an Application ID? This could do with explaining a bit more in your instructions, on what we do when we visit facebook to create an application??? Hope I can use this app soon and await your reply. Thanks!

    • PJ June 18, 2010 at 9:48 am #

      Update – it was Facebooks site that was down at the time, I have now got access to the Facebook Developer pages OK. Next problem, is their are a lot of informaiton fields to fill out, but with no idea as to what to put in them… Such as, Canvas Callback URL? Profile Publisher? Connect URL? Advanced Settings etc…? Are these needed for this Application at all? Hope to hear from you soon. Thanks!

      • TemplatesMaster June 20, 2010 at 10:02 am #

        No you don’t need all this info. Please just set domain where are you going to use this extension.

        • Eric July 8, 2010 at 7:50 pm #

          Exactly where do we “set the domain”? In the Facebook Application Edit screens? There seem to be dozens of fields asking for URLs or Domains. Please elaborate. Thanks!

          • TemplatesMaster July 14, 2010 at 11:20 am #

            Eric, please check application URL at application settings. You have to set only this one field.

  3. Kate July 6, 2010 at 5:25 pm #

    Hi!
    I’ve just installed your extention in my magento-store. And I found that with enabled Open Graph support I can’t change any options like color or “like-recommend”. Say in admin I set recomend” but in front I see anyway like. Do you have any idea how to solve this problem? Or it has to be this way? Thank you!

    • TemplatesMaster July 14, 2010 at 11:11 am #

      Kate, have you refreshed your store cache after changing settings?

  4. David July 12, 2010 at 9:43 am #

    Just installed. I have created the API but I see nothing in front end. How does it work ?

    • TemplatesMaster July 14, 2010 at 11:22 am #

      David, have you changed products view template?

  5. kenny July 17, 2010 at 6:26 pm #

    Hi sir.

    i just installed the extension as well as enable it. But i couldn’t see the like button on my product page.

    Could you explain the installation step by step? and what is teh application id and key that i should fill up?

    • Wilfred July 31, 2010 at 5:24 pm #

      Hi Kenny,

      I just installed this extension into my magento store. You need to modify some of your magento phtml files in order to show the “Like” button. You just need to follow the instructions described in the installation guide. You can find the installation guide in installation/install.html within http://freedemo.templates-master.com/downloads/FacebookLike.zip. This guide contains the step-by-step information on how to install and configure this great extension.

      As for the application id and key, you first need to create an application within your facebook account. The id and key are available when the application is created successfully.

      Just a quick hint when creating your facebook application (it took me quite a while to figure out), you just need to enter the application name and contact information in the basic section as well as connect URL and base domain in connect section. The connect URL should be “http://www.abc.com/” and base domain is “abc.com”. Please replace abc.com to your own web url.

      Hope this help.

  6. Wilfred July 31, 2010 at 10:10 am #

    Greate extension. I managed to get the “Like” button show up on my product pages. When I click on the “Like” button, a prompt will show up to ask me to log into my facebook account (if I have not already log in) and then allows me to enter any comment.

    However, one thing I don’t quite get it is that, in my facebook news feed page, there is a bunch of HTML code just below the product I “Like” and my magento website URL. I guess the HTML code is actually the description of the product. So, how do I correct this problem and, if possible, shows the product picture?

    Thanks in advance.

    • TemplatesMaster August 3, 2010 at 9:52 am #

      Wilfred sorry but extension doesn’t support products image yet.

  7. Jungle Spice August 8, 2010 at 2:34 am #

    Does this extension allow visitors to like each page or is it ‘like’ for the whole site.

    I currently have an installation of facebook like and it applies to the whole site but I want a extension which allows people to like individual web pages.

    Thanks

    • TemplatesMaster August 12, 2010 at 9:45 pm #

      Facebook Like button extesion will like content of separate product not whole site.

  8. Jon September 9, 2010 at 2:47 am #

    Any timeline on when the meta property=”og:image tag will support product images?? Other then that, This extension is A++

    • Elvis November 24, 2010 at 12:24 pm #

      Hi there… it works great. One thing though: in config.xml is default widht 450 which sometimes is too wide. You can change widht there…

      Also, i tried to distict product pages and blog pages with simple IF ELSE..

      Then I wanted to add product image to product like api but no success. I am getting blank page not knowing why. Maybe you know if I can use $this from magento head to facebooklk head phtml like this?

      <meta property="fb:app_id" content="”/>

      <meta property="og:title" content="getName()); ?>”/>
      <meta property="og:image" content="init(Mage::registry(‘current_product’), ‘small_image’)->resize(100,100);?>”/>

      <meta property="og:title" content="getTitle() ?>” />
      <meta property="og:image" content="

      <meta property="og:url" content="helper(‘core/url’)->getCurrentUrl();?>”/>

      • Elvis November 24, 2010 at 12:26 pm #

        sorry:

        $this->getTitle()
        or
        Mage::helper(‘catalog/image’)->init(Mage::registry(‘current_product’), ‘small_image’)->resize(100,100);

      • TemplatesMaster December 7, 2010 at 12:25 pm #

        We do use next code for product image at head.phtml

        <meta property="og:image" content="<?php echo Mage::helper('catalog/image')->init(Mage::registry('current_product'), 'small_image')->resize(100,100);?>"/>

  9. David Bunker October 18, 2010 at 10:00 pm #

    How do you use the Canvas Page settings? Can I have all the users who like something show up in a tab on my Facebook fan page?

  10. white_rose November 30, 2010 at 9:17 am #

    Hi,
    I have installed the facebook like button followed the step-by-step instructions and also inserted the coding in view.phtml. However, there is nothing appeared in my frontend. Could anyone help me?

    • TemplatesMaster December 7, 2010 at 12:31 pm #

      Hi, have you set right api key and application id in your extension settings ?

  11. Jyri December 5, 2010 at 1:24 am #

    Thanks for contributing such a great extension!!

  12. Campbell December 9, 2010 at 4:11 am #

    Hi,

    Thanks for this extension – works great and easy to setup.

    Only have one issue – selecting a light or dark colour scheme has no effect for me. I’m using a dark background, so I can’t actually see most of the text.

    I can see the dark=”" and light=”" change in the code, but no change to colour visually?

    Cheers

  13. Campbell December 10, 2010 at 5:05 am #

    Found the problem. The code in like.phtml has a redundant parentheses:

    ‘&colorscheme=”‘ . Mage::getStoreConfig(‘facebooklb/general/color’)

    should be…

    ‘&colorscheme=’ . Mage::getStoreConfig(‘facebooklb/general/color’)

    Cheers!

    • TemplatesMaster December 27, 2010 at 1:23 am #

      Thanks for reporting bug!

  14. Dan December 16, 2010 at 5:38 pm #

    Hi, I just installed your plugin and cleared all cache, etc. and when I try to go to my configuration section in magento, I get a blank screen.
    I have logged out and back in to the system, but still a blank screen.
    Any suggestions?

    • TemplatesMaster December 27, 2010 at 1:25 am #

      Sorry Dan, what is your magento verison?

  15. stekkestim December 19, 2010 at 6:42 pm #

    Hi i installed the plugin, added the code in the file and turned it on.
    But nothing is showing up on the product pages?
    help please?

    • TemplatesMaster December 27, 2010 at 1:26 am #

      Sorry have you registered facebook application and allow it to be used at your store domain?

  16. john December 20, 2010 at 2:49 am #

    I have installed and almost everything is ok. Only, when I try to “like”, I got error message – “The application ID specified within the “fb:app_id” meta tag is not allowed on this domain. You must setup the Connect Base Domains for your application to be a prefix of url” How and where I have to fix this?

    • TemplatesMaster December 27, 2010 at 1:27 am #

      You should allow your facebook application for you store domain.

      • Karen Margaryan August 26, 2011 at 11:13 am #

        Same error here please provide detailed instructions.
        Thanks

        • TemplatesMaster January 11, 2012 at 11:12 pm #

          You should open application settings at facebook and set application to be allowed at your store domain.

  17. nigel h November 22, 2011 at 4:11 pm #

    hi folks,
    brilliant extension, got it working on the product pages, no problem …
    Can i put it on the front page and category pages as well ?
    I ask this, becuase i tried to put a normal FB like button on the front page, and it seems to make you etension stop working , so not sure if there is a conflict there?
    many thanks,

    nigel

    • TemplatesMaster January 11, 2012 at 11:37 pm #

      It will be possible in next extension release.

  18. ovidu January 10, 2012 at 9:51 pm #

    I put this code in file as described in documentation but still no button on website (put alsso php line on phtml file of course)

    What can I do?

    • TemplatesMaster January 11, 2012 at 11:43 pm #

      Please post link to your products page and we will check what is wrong.

      • ovidu January 11, 2012 at 11:51 pm #

        How to uninstall this exstension? Please, advise.

        • TemplatesMaster January 13, 2012 at 9:21 am #

          You can simply remove TM_FaceBookLB.xml at app/etc/modules and extension files will not have effect at your store.

Leave a Reply