Telephone: 0844 967 0565 Email: info@pushon.co.uk

How to Socialise Your Product Page

Integrating social media into your product pages is a great way to get extra reach from your store.

Magento Silver Solution Partner

PushON are one of only a handful of Magento Silver Solution Partners in the UK

When someone chooses to share, like or tweet about one of your products it can be seen as a personal recommendation; it’s in essence a high quality lead generator. This in turn results in an almost guaranteed increase in conversion rates when compared to visits from search engines.

The obvious, tried and tested approach is to add a set of social media icons onto the product pages. There are a slew of plugins and extensions to do this, such as

Alternatively, you can manually add a system such as ShareThis to your site, or simply add the buttons yourself by putting the code directly onto your page templates – something like this would work great (Go to https://developers.facebook.com/docs/reference/plugins/like/ to generate your own like button):

<div class="share">
  <div class="tweet”>
    <a href="https://twitter.com/share" class="twitter-share-button" data-via="YOUR_TWITTER_NAME" data-hashtags="desired_hashtag">Tweet</a>
    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"scrpt","twitter-wjs");</script>
 </div>
<div class="fbShare”>
 <div id="fb-root"></div>
 <script>(function(d, s, id) {
 var js, fjs = d.getElementsByTagName(s)[0];
 if (d.getElementById(id)) return;
 js = d.createElement(s); js.id = id;
 js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1&appId=144860152214898";
 fjs.parentNode.insertBefore(js, fjs);
 }(document, 'script', 'facebook-jssdk'));
 </script>
 </div>
 <div id="fb-root"></div>
 <script>(function(d, s, id) {
 var js, fjs = d.getElementsByTagName(s)[0];
 if (d.getElementById(id)) return;
 js = d.createElement(s); js.id = id;
 js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1&appId=144860152214898";
 fjs.parentNode.insertBefore(js, fjs);
 }(document, 'script', 'facebook-jssdk'));
 </script>
 </div>
</div>

If your brand is regularly active on Facebook (and it should be), you should also consider adding other elements such as an activity feed and a recommendations box. See http://developers.facebook.com/docs/plugins/ for more details on the many different widgets that Facebook provides.

Reviews

It’s also incredibly beneficial to allow users to review your products (that is, of course, if you have products that are good enough to attract positive reviews!). Not only does it give an excellent sense of trust for your customers, if it is done correctly Google will pick it up and show star ratings alongside your products on the SERPs.

Magento allows this functionality as part of its core (of course). To show the reviews section on your product page you will need code such as this into catalog.xml (paste this below your <catalog_product_view> line):

<block type="review/product_view_list" name="product.info.product_additional_data" as="reviews" template="review/product/view/list.phtml"/>

Then to actually display the block, make sure you have the following code on your actual product view.phtml page:

<?php echo $this->getChildHtml('reviews'?>

Hopefully this will give you a head start in making sure that your product pages are properly socialised! If you have any questions or comments please do leave a reply below!

To find out how PushON research & analysis services can give your company a competitive online edge, simply call 0844 967 0565 or contact us via our form.