Social Network Tabs for Shopify

Live Demo

Get App Front End Demo DEMO Page

Social Network Tabs for Shopify is an awesome application that will combine all your favorite social network profiles, create their tabs and display them on front-end with a slider showing the content of the tab. This app helps in making your store socially equipped with platforms like Facebook/Twitter/Instagram/Youtube/Pinterest/Tumblr and many more.

Features

Provides different social networks with feeds
Displays the latest posts of different social networks
Provides you to set values for Social Networks, Styling and other settings like location, height, width, etc
The block showing tabs and their slider will be displayed anywhere in frontend according to the location you set
Provides below given different social media tool access on one single tab
- Facebook Page
- Google Latest +s
- LinkedIn – Company Profile, Member Profile, Company Insider & Jobs Plugins
- Facebook Like Box/Stream
- Facebook Recommendations
- Pins Flickr Gallery
- RSS Latest Posts
- Youtube channel
- Pinterest
- Latest Diggs
- Stumbleupon posts and views
- Last.fm Loved/Recent/Reply Tracker
- Dribble posts, views, likes and number of comments
- Vimeo posts, views, likes, and number of comments
- Tumblr posts
- Deviantart Latest Posts

Installation

On Landing Page, you will find the “install” button. Enter the shop URL where you want to install the app.

Workflow

After The Installation, You Need To Buy The Monthly Plan Available For This App. Once The Payment Is Done For The Plan, The App Will Be Listed In The Apps Section After Clicking On The App You Will Be Redirected To The Home Page Of The App.

Configuring the App

Follow the below screenshots to know the detailed configuration procedure:

To get “Social Network Tabs” window displayed on the store, follow the below process:

From your Shopify admin, go to Online Store > Themes.
Click Actions > Edit code.
Further, search for liquid template & copy-paste the code.

Select any .liquid file from the Templates or Snippet where you want to show the Social Network Tab.
Paste the below-given code in any Liquid file where you want the “Social Network” tab & then click on save button to save the changes:

{{ '//shopify.webkul.com/shopify-social-network-tabs/css/social.css' | stylesheet_tag }}
{{ '//shopify.webkul.com/shopify-social-network-tabs/js/jquery.social.media.tabs.1.5.min.js' | script_tag }}
  <div id='wk_social_tabs'></div>

Setting The Configuration Values For Social Network Tabs:

The Social Network Tabs Configuration page will consist of three tabs:

Social Networks
Settings
Styling

1. Social Network Configuration:

You can click on these tabs for changing the values of different settings. Default values are already set while the installation of this application, you can change them according to your requirement.

For Example: If you want to set the values for Facebook Social Network, click on Social Networks Tab and then click on the facebook icon tab which will get displayed after click Social Network Tab, fill the details and click on Save Credentials button.