• Magento Facebook Connect & Like Free

    Have fun with your customers and do your business at the same time. Connect your store to Facebook and let the world biggest community influence your sales. With Magento Facebook Connect Free extension clients log in to your store, using their Facebook accounts. That's it. There is no need to complete numerous forms for the successful registration. The extension is absolutely free! Start your advertising campaign with more than 800 million active users on board. So easy, right?

    Magento Facebook Connect Free features:

    • The customers can register with their Facebook accounts only
    • All product pages have the Like feature
    • Recent activity widgets
    • Magento Facebook Connect module is available for free!
    • Overall information

    It is very convenient for clients to log in to the store, using their Facebook accounts with the help of Magento Facebook Connect. CustomersFacebook account information is perfectly applicable for successful registrations. Using Magento Facebook Connect Free extension, you will keep up with customers preferences and continue advertising your store. In the Login Button field you may insert image you want for login button. By default it is a standard button. The Login feature is useful for all Magento stores. It is both a free advertisement method and a smart teaser for general public.

  • How to Use

    Let's review all you may want to configure and check out how to use the extension.

    To view the extension settings, go to System -> Configuration -> Facebook Connect and Like Free extension (left column).

    Facebook Connect and Like settings

    Facebook Connect and Like settings


    In the Login Button field you may insert image you want for login button. By default it is a standard button.

    If you want your own button with your corporate colors and unique design, upload the button and receive the result.

    You can manage the avatar displaying on the pages, color schemes and layout of the like button.

    It's time to get acquainted with Facebook Connect and Like Free features and the ways customers may use them. Eventually you will be able to see how your users' actions are mirrored on Facebook.

    Login button is displayed next to the default "Log In" link and on the Log In page.

    Facebook login button

    Login page with Facebook login button


    The customer's avatar is automatically displayed when he/she is logged in.

    Facebook name and profile picture


    Users can share any Like with their Facebook friends.

    Share your Likes with Facebook friends


    The Facebook Like Button is activated for all products in your store.

    Facebook Like button on the product page


    To learn more, look through the Facebook Connect and Like Free User Guide.

  • Magento Facebook Connect Developer

    Pavel Novitsky, CTO

    About The Developer

    Pavel is 28. He studied Mathematics and built his academic career quickly. By the time of his graduation from Belarusian State University he had already developed and patented some technologies. Though, he had left science to concentrate on eCommerce.

    Pavel has 8 years of web-development experience. He is working with Magento from its beginning and enjoys adopting and sharing the experience of this platform. Pavel is Magento Certified Developers Plus and Prestashop Certified Developer.

    Pavel's goal is to improve the Magento community. He has developed Facebook Connect and Like free extension and it is installed on over 15 000 web stores for now.

    To hold the highest professional level Pavel is working with the most complex BelVG projects. The latest Magento project he has been developing architecture and the most difficult parts for is Officearrow. Over 350 000 people are currently using it.

    Pavel's specialization and professional skills include jQuery, MySQL, AJAX JavaScript, Zend Framework, E-commerce, Wordpress, XML, MVC, XHTML, Linux, Web Applications, HTML + CSS, Apache, PostgreSQL, Web Services, Subversion, Python, CMS, OOP, Git, LAMP, C++, C#, .NET, osCommerce, JSON , SOAP, REST, Nginx. He gives lectures to other BelVG devs.

    Pavel is married and has a six-years-old son (whom calls proudly a major achievement). Good music amateur; reads philosophy books, detectives, adventure stories and "Winnie-the-Pooh" for relaxation.

    Feel free to ask Pavel Novitsky any questions. You can find and contact him on Facebook or via e-mail: pavel@belvg.com.

    • How to remove the f-login button from the page header?

      The code for the f-login button is located in the top.links.phtml file. Here is the part you need to edit to remove the button from the header:

      <?php if(!Mage::getSingleton('customer/session')->isLoggedIn()): ?> <a href="#" onclick="return fblogin();" class="fb_button_ps"><img src="<?php echo $this->helper('facebookfree/active')->getLoginImg()?>" alt="<?php echo $this->__('Connect with Facebook')?>" /></a> <?php endif?>
    • How to remove the login button from the homepage?

      To remove the login button from the homepage, comment the block in the facebookfree.xml file. By default, it is located under the following path:

      app/design/default/default/layout/facebookfree.xml
    • I get a 404 error on the admin panel page after trying to install the module.

      Very likely, the module installation has not been completed yet. Please, try to log out and log in again to complete the installation.

    • Will Facebook Connect & Like Free module allow me to log into my existing online store account or will it create a new account?

      Using Facebook Free, you do not need to care about the standard registration. For a new user, the module creates a new account using the Facebook profile details while existing users are recognized by the page and login automatically. The user, however, can use the standard registration form along with the Facebook registration.

    • How can I move the button a little bit on the left?

      Here is the code part you need to edit to move the button:

      <a href="#" onclick="return fblogin();" class="fb_button_ps"><img src="<?php echo $this->helper('facebookfree/active')->getLoginImg()?>" alt="<?php echo $this->__('Connect with Facebook')?>" /></a>

      The file is located under this path:

      app\design\frontend\default\default\template\facebookfree\login.phtml
    • Is it possible to change the default "Be the first of your friends to like this" text?

      Unfortunately, it is not possible to change this message since it is the one from Facebook itself, so our extension does not provide possibility to change or delete it.

    • Facebook does not support my site locale. Can I still use the extension?

      If you see “/#” after you click the Login button and a pop-up does not appear or you get the 'FB is not defined' error, then either:

      1. change your site locale to en_US or,
      2. force Facebook to use en_US locale by editing the 'block.phtml' file:

        /app/design/frontend/_yourtheme_/_yourskin_/template/facebookfree/block.phtml

        and change line 52 to:

        js.src = "//connect.facebook.net/<?php echo 'en_US' //Mage::app()->getLocale()->getLocaleCode()?>/all.js";
    • How can I change the position of the Login button and the avatar position displayed after login?

      Please, use this code to change positions:

      <?php if($this->helper('facebookfree/active')->isActiveLike()) :?> <fb:like href="<?php echo $this->helper('core/url')->getCurrentUrl()?>" layout="<?php echo $this->helper('facebookfree/active')->getLikeLayout()?>" show_faces="<?phpecho $this->helper('facebookfree/active')->isFacesLikeActive()?>" width="<?php echo$this->helper('facebookfree/active')->getLikeWidth()?>" colorscheme="<?php echo $this->helper('facebookfree/active')->getLikeColor()?>"></fb:like> <?php endif?>
    • I get the following error – "API Error Code: 191". Any help?

      API Error Description: The specified URL is not owned by the application.

      Error Message: Invalid redirect_uri: Given URL is not allowed by the Application configuration.

      Very likely you have not properly created the Facebook app. Please check that you have specified the domain name.

    • I cannot access my admin panel after installing the extension.

      It seems that you didn't disable the compilation during the installation. Please read the user guide before installing. Currently, you may disable it via ftp. Open the file includes/config.php and comment the following lines:

      #define('COMPILER_INCLUDE_PATH', dirname(__FILE__).DIRECTORY_SEPARATOR.'src'); #define('COMPILER_COLLECT_PATH', dirname(__FILE__).DIRECTORY_SEPARATOR.'stat');
    • I get a blank page after installing a new version of the extension.

      Such troubles often appear when the extension has not been properly installed. Probably some folders have not been removed.

    • The Like button does not appear after the installation.

      Please, check the following:

      1. If the page has the element

        <div class="fb-root"> </ div>

        If not, you need to insert it into one of the templates, called on every page (or to understand what's wrong with your theme and why our template top.links.phtml didn't appear);

      2. Whether our template was replaced with head.phtml and addto.phtml;
      3. The page with the button should have the below code in the block.phtml file:

        js.src = "//connect.facebook.net/<?php echo Mage::app()->getLocale->getLocaleCode() ?>/all.js"

        Perhaps, Facebook does not support your site locale, so you need to select the supported one from the list:
        https://www.facebook.com/translations/FacebookLocales.xml

    • How do I move the front page login logo from the top links section to welcome-msg?

      To move the button, you need to know exactly, in which template "welcome-msg" is used. We cannot say this for sure without accessing your backend\ftp.

      But this is the part of the code, responsible for displaying the button:

      <div id="fb-root"></div> <?php if(!Mage::getSingleton('customer/session')->isLoggedIn()):?> <a href="#" onclick="return fblogin();" class="fb_button_ps"><img src="<?php echo $this->helper('facebookfree/active')->getLoginImg()?>" alt="<?php echo $this->__('Connect with Facebook')?>"/></a> <?php endif?>

      You can find it in the facebookfree/links.phtml file in the template that is used for your store.

      In case the buttons will not show: please check that the file facebookfree.xml under "app/design/frontend/default/default/layout/" is located in the same folder with your custom installed theme "app/design/frontend/[your-theme]/default/layout/".

    • What do I do if the module is installed into the wrong theme?

      Many issues occur when the module is installed into the wrong theme, so please, double check that you have installed the module properly into the correct theme.

    • When trying to add a new Facebook user I get an error. How to solve this?

      Such problem often encounters when you update your module or install any other module which allows you to authorize via a Faceboook account. When updating you need not only to delete the old version of module, but also remove the tables.

      So, to solve the issue, please, try to completely delete the module with the tables and then install it again.