Actions

Difference between revisions of "Setup/Shop Apps"

From Shopnix Help

m (Where I can access the Apps feature?)
m (How to create Google App ID and Appsecret?)
 
(10 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<div style="margin-top:50px">
 
<div style="margin-top:50px">
==What is Shop Apps?==
+
==What are Shop Apps?==
 
<div align="justify">
 
<div align="justify">
The Shop Apps that is Facebook , Google login lets the customer signin to the store via their respective facebook and google id.
+
The Shop Apps are nothing but Facebook and Google login lets the customer sign in to the store via their respective facebook and google ID.
 
</div></div>
 
</div></div>
 
<div style="margin-top:50px">
 
<div style="margin-top:50px">
 +
 
==Where can I access the Apps feature?==  
 
==Where can I access the Apps feature?==  
 
<div align="justify">
 
<div align="justify">
 
By Default your store is integrated with two apps Facebook and Google.  shown below image-
 
By Default your store is integrated with two apps Facebook and Google.  shown below image-
  
 +
 +
<div class="wiki-img">
 
[[Image:register.png]]
 
[[Image:register.png]]
 +
</div>
 +
  
 
Shopnix provides a feature by which user can login by their Facebook Or Google account as shown below-
 
Shopnix provides a feature by which user can login by their Facebook Or Google account as shown below-
  
 +
 +
<div class="wiki-img">
 
[[Image:registerapps.png]]
 
[[Image:registerapps.png]]
 +
</div>
 +
  
 
To enable these apps you need to follow below -
 
To enable these apps you need to follow below -
Line 19: Line 28:
 
Go to '''Admin >Setup >Apps.''' .Here you can enable and disable these apps by clicking the Enable Or Disable button as shown in below image -
 
Go to '''Admin >Setup >Apps.''' .Here you can enable and disable these apps by clicking the Enable Or Disable button as shown in below image -
  
 +
 +
<div class="wiki-img">
 
[[Image:enable.png]]
 
[[Image:enable.png]]
 +
</div>
 +
  
 
After that you need to click on setting [[Image:sett.png]] button ( after the Enable and Disable button ) for filling the Appid and Appsecret .
 
After that you need to click on setting [[Image:sett.png]] button ( after the Enable and Disable button ) for filling the Appid and Appsecret .
Line 32: Line 45:
  
 
3. Then click on the Apps option i.e.   
 
3. Then click on the Apps option i.e.   
 +
 +
 +
<div class="wiki-img">
 
[[Image:apps.png]]
 
[[Image:apps.png]]
 +
</div>
 +
 
   
 
   
 
4. When you will click on the Apps option, it will show an option i.e.  [[Image:developer.png]]  click on that to accept the privacy policy(s) and then click on [[Image:next.png]] button.
 
4. When you will click on the Apps option, it will show an option i.e.  [[Image:developer.png]]  click on that to accept the privacy policy(s) and then click on [[Image:next.png]] button.
Line 38: Line 56:
 
5. Fill the form  
 
5. Fill the form  
  
 +
 +
<div class="wiki-img">
 
[[Image:registerform.png]]
 
[[Image:registerform.png]]
 +
</div>
 +
 
   
 
   
 
Click on the Register button and it will redirect you to a new page
 
Click on the Register button and it will redirect you to a new page
Line 44: Line 66:
 
Click on the  [[Image:apps.png]]  it will show you an option [[Image:createapp.png]]  click on that. A pop will come out like below
 
Click on the  [[Image:apps.png]]  it will show you an option [[Image:createapp.png]]  click on that. A pop will come out like below
  
 +
 +
<div class="wiki-img">
 
[[Image:newapp.png|frameless|1200px]]
 
[[Image:newapp.png|frameless|1200px]]
 +
</div>
 +
  
 
Fill the form i.e. Display Name, Namespace (optional) and category. After that click on the “Create App” button, then fill the CAPTCHA.
 
Fill the form i.e. Display Name, Namespace (optional) and category. After that click on the “Create App” button, then fill the CAPTCHA.
Line 52: Line 78:
 
8. Click on the setting option as below
 
8. Click on the setting option as below
  
 +
 +
<div class="wiki-img">
 
[[Image:dashboard.png]]
 
[[Image:dashboard.png]]
 +
</div>
 +
 
 
 
 
 
After clicking on that a form will come out like below
 
After clicking on that a form will come out like below
  
 +
 +
<div class="wiki-img">
 
[[Image:dashform.png]]
 
[[Image:dashform.png]]
 +
</div>
 +
 
 
 
 
 
Click on the “+Add platform “option, a pop up will come out like below
 
Click on the “+Add platform “option, a pop up will come out like below
  
 +
 +
<div class="wiki-img">
 
[[Image:plateform.png]]
 
[[Image:plateform.png]]
 +
</div>
 +
 
 
 
Click on the Website option. Then
 
Click on the Website option. Then
  
 +
 +
<div class="wiki-img">
 
[[Image:website.png]]
 
[[Image:website.png]]
 +
</div>
 +
 
 
 
 
 
Then fill the Site URL i.e. Your shopping site’s URL and Mobile Site URL (Optional), provide the Email ID the Contact Email and click on the “save changes” button.
 
Then fill the Site URL i.e. Your shopping site’s URL and Mobile Site URL (Optional), provide the Email ID the Contact Email and click on the “save changes” button.
Line 70: Line 112:
 
9. Click on the dashboard option  
 
9. Click on the dashboard option  
  
 +
 +
<div class="wiki-img">
 
[[Image:dashoptions.png]]
 
[[Image:dashoptions.png]]
 +
</div>
 
 
 
 
  
 
Click on the [?] option  
 
Click on the [?] option  
  
 +
 +
<div class="wiki-img">
 
[[Image:question.png]]
 
[[Image:question.png]]
 +
</div>
  
 
 
 
 
 
It will show an option like below
 
It will show an option like below
  
 +
 +
<div class="wiki-img">
 
[[Image:.chooseyn.png]]
 
[[Image:.chooseyn.png]]
 +
</div>
 +
 
 
 
 
 
Click on the YES/NO option and make it YES.
 
Click on the YES/NO option and make it YES.
Line 88: Line 140:
 
10. Click on the Dashboard option like below
 
10. Click on the Dashboard option like below
  
 +
 +
<div class="wiki-img">
 
[[Image:appon.png]]
 
[[Image:appon.png]]
 +
</div>
 
 
 
 
  
Line 94: Line 149:
 
ADMIN > SETUP > Apps
 
ADMIN > SETUP > Apps
  
 +
 +
<div class="wiki-img">
 
[[Image:adminenable.png]]
 
[[Image:adminenable.png]]
+
</div>
 +
 
  
 
Click on the Enabled/Disabled option [[Image:enable.png]]  and make it “Enabled” and click on setting  next to Enabled/Disabled option. And copy the App ID and Appsecret of Facebook page (i.e. as shown in 10) and place it like below
 
Click on the Enabled/Disabled option [[Image:enable.png]]  and make it “Enabled” and click on setting  next to Enabled/Disabled option. And copy the App ID and Appsecret of Facebook page (i.e. as shown in 10) and place it like below
  
 +
 +
<div class="wiki-img">
 
[[Image:filladmin.png]]
 
[[Image:filladmin.png]]
 +
</div>
 +
 
</div></div>
 
</div></div>
 
<div style="margin-top:50px">
 
<div style="margin-top:50px">
  
== How to create Google Appid and Appsecret? ==
+
== How to create Google App ID and Appsecret? ==
 
<div align="justify">
 
<div align="justify">
 
1. Login to the Google account by your credentials.
 
1. Login to the Google account by your credentials.
Line 111: Line 173:
 
3. Click on Create Project.
 
3. Click on Create Project.
  
 +
 +
<div class="wiki-img">
 
[[Image:createproject.png]]
 
[[Image:createproject.png]]
         
+
</div>
 +
       
  
4. Write Project Name as your Shop Name and no need to do in Project Id field then click on create button.
+
4. Write Project Name as your Shop Name and You need not edit Project ID field, and then click on create button.
  
 +
 +
<div class="wiki-img">
 
[[Image:proform.png]]
 
[[Image:proform.png]]
 +
</div>
 
            
 
            
  
 
5. Go to APIs & auth > Credentials.
 
5. Go to APIs & auth > Credentials.
  
 +
 +
<div class="wiki-img">
 
[[Image:chooseoption.png]]
 
[[Image:chooseoption.png]]
                 
+
</div>
 +
         
 +
       
 
6. Now click on –
 
6. Now click on –
  
 +
 +
<div class="wiki-img">
 
[[Image:createnew.png]]
 
[[Image:createnew.png]]
+
</div>
 +
 
 +
 
 
7. Select Application Type – Web Application and give the Authorized Redirect URL and click on  
 
7. Select Application Type – Web Application and give the Authorized Redirect URL and click on  
 
[[Image:clientid.png]]  Button.
 
[[Image:clientid.png]]  Button.
Line 134: Line 210:
 
8. In redirecting page Appid = Clientid and Appsecret=Clientsecret
 
8. In redirecting page Appid = Clientid and Appsecret=Clientsecret
  
9. Now Go to Shopnix Store Admin > Setup > Apps. To enable the registration using Google account.
+
9. Now Go to Shopnix Store Admin > Setup > Apps. To Enable Google account Registration.
  
 +
 +
<div class="wiki-img">
 
[[Image:enable.png]]
 
[[Image:enable.png]]
 +
</div>
  
 
   
 
   
After making enable this feature you need to click on setting button which will be redirected to you on Edit Shop App Google Login page-
+
After enabling this feature you need to click on setting button, which will be redirected to you on Edit Shop App Google Login page-
  
 +
 +
<div class="wiki-img">
 
[[Image:fill.png]]
 
[[Image:fill.png]]
+
</div>
 +
 
 
Here you need to fill the Appid and Appsecret now  your shopnix store is ready to login with Google account.
 
Here you need to fill the Appid and Appsecret now  your shopnix store is ready to login with Google account.
  
 
If you have more queries or would like assistance with this, please contact us on [mailto:support@shopnix.in support@shopnix.in].
 
If you have more queries or would like assistance with this, please contact us on [mailto:support@shopnix.in support@shopnix.in].
 
</div></div>
 
</div></div>

Latest revision as of 19:10, 7 February 2022

What are Shop Apps?

The Shop Apps are nothing but Facebook and Google login lets the customer sign in to the store via their respective facebook and google ID.

Where can I access the Apps feature?

By Default your store is integrated with two apps Facebook and Google. shown below image-


Register.png


Shopnix provides a feature by which user can login by their Facebook Or Google account as shown below-


Registerapps.png


To enable these apps you need to follow below -

Go to Admin >Setup >Apps. .Here you can enable and disable these apps by clicking the Enable Or Disable button as shown in below image -


Enable.png


After that you need to click on setting Sett.png button ( after the Enable and Disable button ) for filling the Appid and Appsecret .

How to Create Facebook App Id and Appsecret?

1. Login with your credentials in https://www.facebook.com/.

2. Then go to the link https://developers.facebook.com/.

3. Then click on the Apps option i.e.


Apps.png


4. When you will click on the Apps option, it will show an option i.e. Developer.png click on that to accept the privacy policy(s) and then click on Next.png button.

5. Fill the form


Registerform.png


Click on the Register button and it will redirect you to a new page

Click on the Apps.png it will show you an option Createapp.png click on that. A pop will come out like below


Newapp.png


Fill the form i.e. Display Name, Namespace (optional) and category. After that click on the “Create App” button, then fill the CAPTCHA.

7. After that a new page (Dashboard) will come out.

8. Click on the setting option as below


Dashboard.png


After clicking on that a form will come out like below


Dashform.png


Click on the “+Add platform “option, a pop up will come out like below


Plateform.png


Click on the Website option. Then


Website.png


Then fill the Site URL i.e. Your shopping site’s URL and Mobile Site URL (Optional), provide the Email ID the Contact Email and click on the “save changes” button.

9. Click on the dashboard option


Dashoptions.png


Click on the [?] option


Question.png


It will show an option like below


.chooseyn.png


Click on the YES/NO option and make it YES.

Then a popup will emerge click on “confirm” button.

10. Click on the Dashboard option like below


Appon.png


And copy the App ID and go to the ADMIN > SETUP > Apps


Adminenable.png


Click on the Enabled/Disabled option Enable.png and make it “Enabled” and click on setting next to Enabled/Disabled option. And copy the App ID and Appsecret of Facebook page (i.e. as shown in 10) and place it like below


Filladmin.png

How to create Google App ID and Appsecret?

1. Login to the Google account by your credentials.

2. Go to http://console.developers.google.com/project .

3. Click on Create Project.


Createproject.png


4. Write Project Name as your Shop Name and You need not edit Project ID field, and then click on create button.


Proform.png


5. Go to APIs & auth > Credentials.


Chooseoption.png


6. Now click on –


Createnew.png


7. Select Application Type – Web Application and give the Authorized Redirect URL and click on Clientid.png Button.


8. In redirecting page Appid = Clientid and Appsecret=Clientsecret

9. Now Go to Shopnix Store Admin > Setup > Apps. To Enable Google account Registration.


Enable.png


After enabling this feature you need to click on setting button, which will be redirected to you on Edit Shop App Google Login page-


Fill.png

Here you need to fill the Appid and Appsecret now your shopnix store is ready to login with Google account.

If you have more queries or would like assistance with this, please contact us on support@shopnix.in.