Adding social media buttons to your website is a fantastic way to build your social media community and let your website visitors learn more about your online brand and personality.
Many businesses that we come across are missing out on important opportunities such as social media interactions, shares and potentially sales because they have not integrated social media correctly into their website.
In this blog, we have looked at great 5 examples of how you can integrate social media into your site, without affecting the design and user experience.
The furniture brand Loaf
runs a beautiful clean ecommerce website, with an uncomplicated design. Social media buttons have been integrated perfectly, as they use the same brand colours as the rest of the site so they don’t detract from the design. On the product pages the social media share buttons have been placed neatly beside the product image, so that they do not detract you from the sofa but are still noticeable. When you click to share on Twitter, a preloaded tweet appears which tags @Loaf on Twitter. This is a great way to ensure you are seeing how many people are sharing your products.
2. Canopy and Stars
Canopy and Stars
display social media proudly in the footer of the website, with customised social media buttons to fit with the design of the website. We particularly like the share buttons on the location pages, so if you see a wonderful yurt of gypsy caravan you can share it to your own social media pages (which is something an excited potential customer is likely to do). They have done this using a simple call to action, ‘Love this place? Tell everyone!’. It definitely makes sense to include this here, and Canopy and Stars have done this well by customising the buttons to fit their own design.
One of our favourite ways of integrating social media into your website is by using interesting and unique share buttons. SendOwl
, the ecommerce platform for digital sellers, is a fantastic example of this. Using baby owlets, which feature in other images across the website, SendOwl has created animated social media share buttons to encourage more of their blogs to be tweeted, posted and plussed. Once a reader decides to share, the owlets celebrate with a very sweet dance. Check it out by sharing this post
4. Program Framework
It’s interesting to see how a B2B (Business to Business) client approaches social media integration on their website. Project and Portfolio Management Specialists Program Framework
have bright social media buttons in the top right hand corner of their website. They stand out, but also fit with the bright coloured home page of the company. Further down the homepage, Program Framework uses a dedicated Twitter box to feed in the latest tweet. This is a great way to show off some recently content and announcements, as well as encourage more followers on Twitter.
5. Jimmy’s Iced Coffee
One of our favourites, Jimmy’s Iced Coffee, integrates social media seamlessly into various different aspects of the website. Every piece of content encourages the visitor to share using calls-to-action such as ‘Share this’. Jimmy’s Iced Coffee offers customers a chance to win plenty of items on the website, and they do this through encouraging them to tweet on post pictures on Instagram using branded hashtags. This is a really great way of building customer loyalty through rewarding their fans and spreading awareness of the brand as they gather more mentions and followers across social media.
If you are interested in reading more about integrating social media without sacrificing UX (user experience), then this article by Chris Brown
contains some good ideas. We’ve also just updated our social media buttons on our homepage and blog, so be sure to take a look at those.
For more examples and ideas, don’t hesitate to get in touch with us @AvocadoSocial
or email firstname.lastname@example.org.