How to Add Social Media Buttons

There are all sorts of social mediums available such as bookmarking sites like Digg and StumbleUpon and social networking sites like Facebook and Twitter, all of which are great engines for marketing.  And the best part is that your customers will use their own social mediums to do the marketing for you.  All you have to do is embed the buttons for them to share your products with.

Where to Find Social Media Embedding Code

There is no shortage of free social media button codes on the internet, it is merely a question of which buttons you would like, and what style you would like them to appear in on your site. It is something that is easily searchable.

How to add Social Media Buttons

Adding the Facebook Like button to your Magento Go store is a two step process. First, you must create a static block for the Social Media Buttons (this essentially requires you to paste a code). Second, you must create a widget to place the static block to your Magento Go storefront.

Step 1: Create the static block

1. From the Admin Panel, select CMS > Static Blocks. From the Static Blocks management page, click [+Add New Block] at the top right.
2. Define all of the required fields: Block Title, Identifier, Store View, Status
3. Click Show / Hide Editor to disable WYSIWYG mode.
4. In the Content section, paste the code that will embed the button.
5. When complete, click the [Save Block] button.

Step 2: Create and customize a Frontend App

1. From the Admin Panel, select CMS > Frontend Apps. From the Manage Frontend App Instances page, click the [+Add New Frontend App] button at the top right.
2. In Settings, select CMS Static Block then click the [Continue] button.
3. Define a Frontend App Title, assign the Store Views, and set its Sort Order. If you’re unsure what these fields are or what you should set them to, please refer to Placing Static Blocks Using Frontend Apps.
4. Click Add Layout Update. Set Display On to All Product Types

   NOTE: If you want to limit the Like feature only to specific product types or specific pages, you may do this here).

5. By default, All (Products) will be selected. You have the option to define this block only to specific products.
6. Set Block Reference to Product View Extra Hint. This option will display the button in the product’s description/information block.
7. Next, click Frontend App Options in the left side panel.
8. Click Select Block to choose the CMS Static Block we just created.
9. When complete, click [Save].