Shopify Social E-Commerce

Shopify Social E-Commerce

Shopify Social E-Commerce app allows your users to create a social profile of their own, share their thoughts, follow/unfollow others, comment, post, like/unlike products and much more on your online store. As store owner you can choose to enable /disable the feature that you want to show or activate.
Now get connected with your customer socially on your online store by using Shopify Social E-Commerce.

Features

  • Customers create and manage their account.
  • Customers can Like/Unlike Products.
  • Admin can manage the users, view their profile and much more
  • Customers can view live feeds of each other .
  • Admin can enable/disable any user if required.
  • Customer can post status and follow each other.
  • Admin can monitor everything.
  • Cross Browser Compatible.
  • Responsiveness.

Video Guide

Shopify Social eCommerce App – Installation and configuration.

Installation

On Landing Page you will find the “install” button. Enter the shop url where you want to install the Shopify Social E-Commerce app.
1

 

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 here. :
22222

Clicking on which you will be redirected to Shopify Social E-Commerce straight-away.

33333

Configuring the app

Configuration section of the Shopify Social E-Commerce app is divided into different sections, you can manage the general configuration, social configuration , you can edit the button labels from theme configuration and the color of theme can be changed from design configuration . From mail configuration section you can enable /disable the status of mail and also can edit the content and subject of mails.

  • General Configuration
  • Social Configuration
  • Label Configuration
  • Design
  • Mail

 

 

General Configuration

This section of app gets configured only by entering Domain name/Shopify shop url ,business email and by uploading the logo .

Screenshot_5

 

Social Configuration

Social configuration section is divided into two features :
1)Automatic Account Approval
&
2)Create Social Profile for New Customers

Screenshot_6

1)Automatic Account Approval
Admin can enable/disable the automatic account approval customers or customers creating account and social profiles. If it is enabled then customers wont be requiring the approval of admin to enable the profile , other wise in case of this feature being disabled then after creating the profile the customer will view the message on his profile page that “Your request is still pending from the admin side, soon you will have the notification for this.(Remind Admin)” , and clicking on remind admin a reminder mail from customer’s behalf will be sent to the admin to approve the profile.
Account – social ecommerce

2)Create Social Profile for New Customers
Admin can enable/disable the automatic social profile creation for all the customers who sign up . In case it is enabled then the moment any new customers sign ups , his/her social profile will be created automatically on store ; and in case it is disabled then
the moment any new customer signs up he will be popped up with a message flashing “Make your own profile” clicking on which he can create social profile on store .
Account – social ec
And clicking on Make my profile the customer will have to fill up the form to create the profile .
eeeeeee

Label Configuration

All the labels visible on the front end for social profile can be edited by the admin from this section of the configuration. It is extremely easy : just enter your desired text in front of the default text for each label and then click on save to save those changes and it can also be reset to default by clicking on reset button .

Screenshot_8

Design

The color of theme on front end can be changed from this section of the configuration . It can also be set to default by clicking on reset button.
Screenshot_9

Mail Configuration

As the name suggests , from mail configuration a mail ‘s content and subject line can be edited which is sent on account activation and on account blocking to the customer . This mail can be enabled and disabled as well .
Screenshot_10

This is how this Social eCommerce app is configured .

Social Profile section

This section will display the list of all the customers, with customer id’s, name, number of followers and followings and status of customers.Admin can view details of customers and can also enable/disable any customers from the list and much more. The customers can be filter on the basis of customer name , email id , customer id ,number of followers etc .
social eco

By clicking on view button admin can view the profile details of any particular customer , and view his profile and cover photo , also admin can monitor and delete the posts of customer as well .
social ecommerce Apps Shopify

Configuring Store Frontend

You need to configure your theme to make this app work. Copy the below given code and paste it to their respective files as specified. Follow the process to configure this app to get displayed on front end:

  • 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.
  • Paste the codes given below in their respective files
  • Click on save.
For customers/account.liquid
<div id="wk_social_account" customer-id = "{{ customer.id }}"></div>
For product.liquid(snippets)
<div class="wk_se_like" data-id="{{product.id}}"></div>
For product-loop.liquid(snippets)
<div class="wk_se_like" data-id="{{product.id}}"></div>
Social Feed Page

To display social feed as a menu option on front end , you will have a create or add a menu from navigation section at shopify backend. Follow the below process:
Click on Online Store –>Select Navigation –>Click on Edit Menu –>Add a menu with Name social feed or similar –>Select PAGE named Social Feeds from link drop down –>Click on save.
And then a social feed tab will get displayed here , clicking on which user can view the list of customers having social profile.
Screenshot_13

Clicking on social feed section , any user can view the list of all the users without logging in .

 

kjn
Also the customer can follow the existing users as well by clicking on social feed section , but for that the customer needs to be logged in with own account .
follow

Customer Frontend

Once all the codes are pasted in the respective files from admin end , now when a customer will login he would be able to create the social profile .
Customers will first have to create a account on ecommerce store , after which they will be able to view the button of my profile (if the auto approval of profile is enabled and automatically create customer social profile is enabled by admin) , clicking on which the customer will get redirected to his social profile page .
A customer’s profile page consists of Profile image , cover photo , status update tab , configure profile button , list of all the status update and recent activity and much more .myacc

Continuation..

Now clicking on Configure My Account button, the customer will be redirected to the configuration page to set configuration of his account in two parts , social configuration and profile setting .

SOCIAL CONFIGURATION
On social configuration the customer can enable/disable to Follow Button on Public and Social Feeds Page ,Show Followers on Public Page ,Show Following on Public Page and much more . From social configuration he can also view how his profile will look like in public by clicking on public view after setting the configuration .
Configuration – social ecommerce

PROFILE SETTING 
From this section customer does all the profile settings . Customer can upload or change the profile picture and cover picture , update the name and email id , update the date of birth , can also update and link social profiles , can select the country as location and can write a brief introduction about oneself .
fvblaw

This was all about our amazing app called Social E-commerce .

 

 

 

 

 

fvblaw

This was all about our amazing app called Social E-commerce .

DEMO

Find the below link and credentials to use the demo of Shopify Social E-commece :
social-ecommerce.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