Home > How to... > Admin Panel Tips and How to Use > Product details Like Button

Product details Like Button

Adding the like button to your products 

  1. Open your admin panel, go to design > product detail design
  2. Click on the edit button on the right hand side next to the choice that has LIVE in green
  3. Copy this code        
<!-- FACEBOOK STARTS -->
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=222611597773740&amp;xfbml=1"></script><fb:like href="" send="false" layout="button_count" width="50" show_faces="false" font=""></fb:like>
<!-- FACEBOOK ENDS -->

4. Look under the HTML tab and find where you want to place the button, e.g We will for our example add it right after the Add to cart button as seen below
 
              <td>[AddToCart]</td>
            </tr>
          </tbody>
        </table></td>
      </tr>
  </table>
<br><!-- FACEBOOK STARTS -->
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/
all.js#appId=222611597773740&amp;xfbml=1"></script><fb:like href="" send="false"
layout="button_count" width="50" show_faces="false" font=""></fb:like>

<!-- FACEBOOK ENDS -->


5. Click save. The Like button will now be on all of your product pages


Translate and Localize your website with 'Localizer pluggin

Shopping Cart Software by Ashop