Shopify Social E-Commerce

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

Clicking on which you will be redirected to Shopify-Odoo connector straight-away.

Configuration section of the 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

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

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

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.

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 .

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 .

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.

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 .

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 .

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 .

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.

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 .

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 .

 

 

 

 

 

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 .

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