Social Media Magazine

How To: Add Social Plugins to Your E-Commerce Website

Posted on the 14 January 2013 by Wishpond @Wishpond

Today’s businesses need to have an online presence to reach new audiences and create a deeper level of engagement with current and potential customers. Being active on social networks is a great way to connect with new customers, answer customer service questions and promote your business online. For e-Commerce sites, having a connection between your home page, product pages and social media networks is essential. You’ll be able to see who is sharing what, what products are popular and with who – even if a purchase doesn’t take place. E-commerce sites need to have social plugins available for visitors that want to share what they see. Here’s how you can get started with social plugins on your home and product pages.

Adding plugins to your homepage encourages sharing and indicates to people visiting your website that your business has a social media presence. You’ll get a link back to your site and appear in friend’s feeds.

Facebook Buttons – Home Page
One of the social networks with the most active users is Facebook. Adding a Facebook button to your website is easy. To get started:

·   Visit the Like Button Social Plugin Page on the Facebook Developers website.
·   Enter the URL of your homepage and determine whether or not you want the send button. De-select Send Button to generate code for iframe.
·   Make selections that complement your current page for the layout style, width, face, font, color scheme and verb.
·   Click “Get Code” and copy either the iframe or XFBML code.
·   Add the code to your website’s home page.

Facebook Buttons- Product Pages
·   Follow the same steps you took in adding the plugin to your homepage, just change up the URL to the specific product page

How To: Add Social Plugins to Your E-Commerce Website

Twitter Follow Button
Twitter is a way to reach and connect with those who are inactive on Facebook.You can rengage with users who don’t want to subscribe to a newsletter or fill out a form right away.

·   Log in to your Twitter account.
·   Go to http://twitter.com/about/resources/buttons#follow
·   Choose the “Follow” button and customize the options to your liking.
·   Copy and paste the code into the HTML of your website wherever you would like the button to appear.

Twitter Share a Link
When it comes to product pages, ask people to share the link to the page with their Twitter followers. Follow the same two steps from above, then:
·   Choose the “Share a Link” button and customize the options to your liking.
·   Copy and paste the code into the HTML of your website wherever you would like the button to appear.

How To: Add Social Plugins to Your E-Commerce Website

Google+ Buttons
Adding the Google+ badge or button to your site allows customers to engage with your business on yet another platform. Google+ is a great social network for those working in B2B. Small and local businesses as well as B2B businesses can benefit from having a Google+ identifier on their page as Google places more emphasis on local search.

Google+ Badge
·   Make sure you have your Google+ page setup.
·   Visit the Google+ Badge page for developers.
·   Choose the Google+ badge for pages, keeping in mind you’ll need JavaScript. If you are unable to use it, choose the “Static Badge.”
·   Google provides the tips for coding you’ll need to use depending on which badge you choose to use and the customizations you make.
·   Substitute the URL with the one to your company’s Google+ page and make the coding additions as needed.
·   Copy the code and paste it to where you want the badge to be located.

+1 Button- Product Pages
·   Visit the Google Developers page for the +1 button.
·   Choose the size, annotation and language of the +1 button you want to use on product pages. You’ll also need to decide whether or not you want a bubble that shows the number of +1’s the product has received.
·   Again, Google provides the JavaScript coding you will need to use.
·   For each product or product page, change the URL.

How To: Add Social Plugins to Your E-Commerce Website

Pinterest Buttons
Pinterest may be a social media newcomer, but this rookie is off to a great start. More and more businesses are finding Pinterest to be a place to connect with new audiences and showcase products and services. If you have a visually driven website, make sure you’re on Pinterest to show off, share and connect with customers.

Follow Button
·   Login to your company Pinterest account and go to the Goodies page.
·   Scroll down until you see “Follow Button” for Websites.
·   Choose the Pinterest button you want to appear on your site.
·   Copy the code and paste it to your site where you want it to appear.

Pin It Button
·   Again, login and visit the Goodies page.
·   Scroll until you see Pin It Button for Web Sites
·   You’ll need the page URL, image URL and a description (optional).
·   Once you fill out the information, copy and paste the code Pinterest provides to where you would like the button to appear.
·   Don’t forget to add the JavaScript code to each page you have the button once. While you can have more than one button per page, you only need the code there once.

How To: Add Social Plugins to Your E-Commerce Website

 
When getting your site ready for social sharing, make sure you have buttons and badges visible for the places your business is located or where it wants to be seen. Social sharing is important for business as more and more customers are doing research online through reviews, social media conversations and product comparison before making a purchase. This basic guide can help get you started, but be sure to check out the developer pages for more information, FAQs and more detailed directions.

Author Bio: Erica Bell is a small business writer who focuses on topics such as online marketing, business web design tactics and social media trends. She is a web content writer for Business.com.


Back to Featured Articles on Logo Paperblog