How to add social sharing buttons on Product Details page in magento ?

sortal-inchoo

With the popularity of the social networking, it is becoming more and more common to integrate aspects from social media tools such as Twitter, Facebook, Google plus, etc into e-commerce stores, such as those powered by the Magento platform. Social media can provide a fantastic opportunity for e-commerce store owners to participate and engage with existing and potential customers and spread their stuff on Social Media Network, increasing the awareness of their products among a wider audience. In this tutorial, we will go through How to add social sharing buttons on Product Details page in magento ?

Below is an example of social sharing buttons for Product Details page:

How to add social sharing buttons on Product Details page in magento template

We can add social button to View.phtml from your Product Details template file:

We can add social button to View.phtml from your Product Details template file:

We can add social button to View.phtml from your Product Details template file:

1. Add Facebook like button

We will start with the most popular social network – Facebook. The Like button is the quickest way for people to share content with their friends. A single click on the Like button will ‘like’ pieces of content on the web and share them on Facebook, client’s friends will see his/her “liked” activity on their new feed.

First, go to https://developers.facebook.com/docs/plugins/like-button to get facebook like button code.

add-social-buttons-magento-4

After click Get Code button you need copy plugin code on light box and paste it into template file. Look at image below.

add-social-buttons-magento-5

Look at Here for simple way to integrate facebook with Magento store 

The Tweet Button is a small widget of Twitter which allows users to easily share your website with their followers. This page is for developers and users who wish to build their own Tweet Buttons. Same with Facebook like button, you need add this code below to template file.

Look on image below.

magento-tweet-button-adding-code

3. Add Google+ button

Google plus  button let visitors recommend your content on Google Search and share it on Google+.

 Seen image below for example.

magento-gplus-button-code

Happy coding!

13432 Total Views 2 Views Today