Menu Close
    Hire Us Request Quote Reading List Switch to Dark Mode

    Social Network Tabs for Shopify

    Social Network Tabs for Shopify is an awesome application which 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

    Video Guide

     

    Social Network Tab App Installation and configuration.

    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:

      • Click on Online Store
      • Go To Themes
      • Click on Customize Theme button on the top right

      • Select Edit HTML/CSS button from the Theme Option on Top Left

      • 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 facebook icon tab which will get displayed after click Social Network Tab, fill the details and click on Save Credentials button.

    2. Settings of Social Network Tabs:

    to set Display Settings, click on Settings Tab, fill the details and click on Save & Continue button.

    3. The styling of Social Network Tabs:

    So this was the whole process for displaying Social Network Tabs at your site’s front-end.

    Front End View

    The Social Network Tab will appear on the store with all the social media tools configured at the backend and LIVE feeds.

    This is how “Social Network Tabs” app works.
    Click Here on  Social Network Tabs to get the app

    Shopify Social Network Tabs: Demo Details

    Follow the below-given links and credentials to use the demo of Social Network Tabs app:

    FrontEnd Demo: https://social-apps.myshopify.com/products/books-1

    BackEnd Demo: https://social-apps.myshopify.com/admin

    • Username: johndoe@webkul.com
    • Password: demowebkul

    Support

    For any kind of technical assistance, just raise a ticket at http://webkul.uvdesk.com/ and for any doubt contact us at support@webkul.com

    . . .

    Comment

    Add Your Comment

    Be the first to comment.

    Back to Top
    css.php
    Hire Us!
    Brief us about your requirements and we'll get back to you.
    Woo! Hooy!
    We have just recieved your project brief and our expert will contact you shortly.
    Send Again
    Close

    Table of Content

    Hide Index