Did you know that you can also allow your customers to like and comment on your products on Facebook? This tutorial  will guide you on how to integrate Facebook Login, Like and Comment into your webShaper store.

  1. Go to Facebook.
  2. Login to your Facebook account.
  3. Go to Facebook Developer’s page.
  4. Hover your mouse over to My Apps and click on Register as a Developer. 
  5. Follow the steps to complete registration as a developer. You will need to accept the Facebook policies and provide your mobile number to receive a confirmation code.

 

reg

 

 

6. Once you have completed the registration, hover your mouse over to My Apps and click on Add A New App. 

7. Click and select Website.

 

 

8. Click the Skip and Create App ID.

 

skip

 

9. Enter your website URL and choose your business category to Create New App ID.

10. Click Create App ID.

 

 

11. Now, you have successfully created your own App ID. You will be required to enter in your App ID and App Secret in webShaper control panel.

 

 

12. Go to Settings.

13. Enter all the details for the following fields:

  • App ID: App ID given by Facebook during registration
  • App Secret: App Secret given by Facebook during registration
  • Display Name: Your website name
  • App Domain: Your website URL
  • Contact Email: your email address

 

 

14. Click Add Platform.

15. Click Website.

 

 

16. Enter your website URL under Website.

15. Click Save Changes.

16. Go to Status and Review.

 

facebook submission

 

 

17. Change the option to Yes for Do you want to make this app and all its live features available to the general public?

18. Click Confirm.

 

18. Click Confirm.

19. Go to Settings.

20. Copy your App ID and App Secret.

 

app

 

21. Go to your webShaper store control panel.

22. Go to Marketing.

23. Click on Social.

24. Click on Facebook.

25. Make changes to the following fields:

  • App ID: App ID given by Facebook during registration
  • App Secret: App Secret given by Facebook during registration
  • Like Button: Show
  • Comment Button: Show
  • Enable: Yes

 

26. Click on Save.