Facebook

Last updated

Millions of users visit Facebook daily — what a great opportunity to get more customers to your store!

Win more buyers by adding Online store to the Facebook ecosystem. It will take you 5-6 minutes at that. No PHP knowledge is required, no code changes or hosting expenses.

    1. Add your store to Facebook
    2. FAQ
      1. Change the username for my Facebook page
      2. Rename "Products" tab and change the tab image
      3. Change my Facebook store settings or connect a different store to my Facebook page
      4. I'm getting "You must have permission to add apps to at least one Facebook Page" error
      5. I get the "This application is already installed for all applicable pages" error
      6. Do my customers need to allow any permissions to checkout in the Facebook store?
      7. What info does Online store use from my Facebook account, when I set up your Facebook app?
      8. Why does your app need the "Manage my pages" permissions, when I'm setting up Facebook store?
      9. Assign an application Facebook tab to my personal profile
      10. I want to apply Javascript modification to my store on Facebook. Where should I put the modification code?
      11. Why my customers can't find my Facebook shop from mobiles? ​
      12. Why does the app settings page in Facebook display warning message?​

Add your store to Facebook

1. Log into your Facebook account and open our application: https://apps.facebook.com/online-store-app/


      • If you do not have Online store store on Facebook yet, click "Instal App" button.
      • If you want to add one more store proceed to the 4th step of these instructions.

2. Click Continue as button to allow our application to access basic information on your profile and manage your pages. We need this permission to get a list of Facebook pages that you admin and determine if you are allowed to manage settings of the store assigned to the page.


and the next one:

If you receive error You do not admin any pages for which this application can be installed error instead of the page adding interface, please check the FAQ section of this article. If you don't have a Facebook page yet, you can create it here.

If you see warning This application is already installed for all applicable pages, refer to the FAQs below.

3. On this step you should select the pages to which Online will be added. Choose a page from the dropdown and click Add Page Tab.


4. Online store application has been added to your page. The last step is to connect your Online store account to the app.


If you already have an Online store account, you'll find your Store ID as described here. If you haven't got an Online store account yet, you can create it for free at my.shopsettings.com

Paste your Store ID to the Onlinestore Store ID field and click Save.

Additional Facebook store settings can be done on "Settings" page


5. Your store is ready. You can find it by direct "Your Facebook Store" link in the end of the "Settings" page. The link to your Facebook store is added to the page's tabs link with "Products" name.


FAQ

Change the username for my Facebook page

When a page has a unique username, the link to it looks more user-friendly. Besides, when customers see the name of the store in the web address, they trust it more than when they see a link that includes a combination of numbers.

To change the username of the page where you added your store, you have to be an admin of this page. Please mind that according to Facebook rules, you can change the name of your page only once, so please be careful when choosing it.

To change your page's username:

  1. Go to facebook.com/username.
  2. Below Create your Facebook web address, select a page from the dropdown menu.
  3. Type a username and click Check Availability.
  4. If the username is available, click Confirm.

Read more about changing Facebook page's username here https://www.facebook.com/help/203523569682738

Rename "Products" tab and change the tab image

You can easily do this in your Facebook page settings:

  1. Open your page and click "Settings" link on the top.
  2. Click "APPS" link in the left column and click "Edit Settings" link near Online Store logo
  3. Enter a new name in "Custom tab name" field. Click "Change" link next to "Custom Tab Image" field to upload your own tab image (Use 111 x 74 pixels image to avoid image resizing)
  4. Click OK

Change my Facebook store settings or connect a different store to my Facebook page

Please, perform the following steps:

  1. Open your Facebook stores list: apps.facebook.com/online-store-app/
  2. Click "Settings" link on the opposite of the corresponding Facebook store.
  3. Change the settings as you need and click "Save".

I'm getting "You must have permission to add apps to at least one Facebook Page" error

This error means that you don't have any Facebook page, where your store can be added yet. Unfortunately Facebook doesn't allow adding applications to personal profiles anymore. So if you want to have an application tab with your products, which are linked to your FB store, it is necessary to create a new official FB page (they are also called "fan pages").

You can create it here: www.facebook.com/pages/create.php Then open our app and try to add it to the page again. Pages manual: http://www.box.net/shared/9e5jiyl843

You can view and manage your FB pages here: www.facebook.com/pages/manage/ 
More about pages: www.facebook.com/help/?topic=pages

I get the "This application is already installed for all applicable pages" error

This error means that you've already added Online store app to all your Facebook pages. In this case you can create new page here:  www.facebook.com/pages/create.php or check the list of pages, where Online store was added: apps.facebook.com/online-store-app/, probably, store was already added to required page.

Do my customers need to allow any permissions to checkout in the Facebook store?

No. Customers don't have to allow any Facebook permissions to check out in our app.  How it works:

  • Customers can freely browse your catalog and add products to the bag without asking for any permissions. They can even be logged out from Facebook. 
  • When a customer decides to place an order and presses the "Checkout" button, the Online store app will request for the permission to access the basic information, email and current location of a Facebook account of this customer. This step is completely optional. So if the customer presses "Don't allow" button and doesn't grant the b to our app, he/she will still be able to check out and complete the order. 

Online store asks for optional information to make the checkout process easier and smoother for customer. How the permissions are used (if a customer decides to give Online store this info):

  • Access my basic information: Online store gets the customer's Facebook ID and name to register a profile in your store for this customer and logs customer in automatically. 
  • Send me email: Customer's e-mail address is also used for the profile creation. 
  • Current location: Online store also gets customer's country in order to correctly determine customer's country and show it as pre-filled in the shipping address during checkout on Facebook. Pretty useful. 

Online store doesn't use, get or store any other information. How to check this:

  • Log in to your FB account and open the "Privacy Settings" page.
  • Click the "Edit Settings" link in the "Ads, Apps and Websites" section
  • Click the name of our app and you will see what permissions you have granted to it and what information our app has asked for from Facebook.

From our experience requesting for the permissions to user's data may adversely affect the conversion rates. Some Facebook users just don't entrust their information to 3d-party apps. We don't want you to lose your customers and sales, so in our Online store app the permissions are always optional. Customer can check out without granting any permissions to our Facebook app.

What information does Online store use from my Facebook account, when I set up your Facebook app?

If you want to add your store to your Facebook page using our e-commerce Facebook application, you will be asked to grant the following permissions:

  • Access my basic information: Online store needs access to your public info, which is used to retrieve your Facebook user ID, so that it could be associated with your store.
  • Send me email" and "Current location: these permissions are necessary to create customers profiles in your Online store store.  Your usual customers are not required to grant these permissions to checkout in your store. They're optional for them.
  • Manage my pages: Online store uses these permissions to get a list of Facebook pages that you administer. This information is necessary for you could add a store to your Facebook pages later. Online store only gets the pages list, it doesn't modify any settings and it doesn't request for any other info.

Online store doesn't use, get or store any other information. How to check this: 

  • Log in to your FB account and open the "Privacy Settings" page.
  • Click the "Edit Settings" link in the "Ads, Apps and Websites" section
  • Click the name of our app and you will see what permissions you have granted to it and what information our app has asked for from Facebook.

Why does your app need the "Manage my pages" permissions, when I'm setting up Facebook store?

Online store needs the "Manage my pages" permission to get a list of Facebook pages where you are the admin. This list will be used to determine if you're allowed to manage the settings of the store assigned to the Facebook page.  The only way to get this information is to request the "Manage my pages" permission from you. This is a Facebook requirement.

Online store uses this permission to get the list of the pages only. We will not change any settings of your page or post anything there.

Can I assign an application Facebook tab to my personal profile?

No. Unfortunately Facebook doesn't allow adding application tabs to user profiles anymore: developers.facebook.com/blog/post/415 

I want to apply Javascript modification to my store on Facebook. Where should I put the modification code?

To add a Javascript modification to your store of Facebook, please, open  https://apps.facebook.com/online-store-app/ page and proceed to the "Settings" page. Add the code to the "Advanced settings" text field and click "Save".


Why my customers can't find my Facebook shop from mobiles? 

Online store is designed to work on any platform. It supports responsive layout that allows your shops to adapt to different screens. 

Basically, Online store application for Facebook is able to work on mobile devices. Your Facebook store is viewed normally and can be accessed from mobiles.

However, Facebook has certain restrictions hindering the work of applications on mobiles, and it impacts all Facebook apps, not only our Online store.

1. When users open your Facebook page from mobiles, they do not see the 'Shop' link.
This is a limitation of Facebook: links to 3rd party applications (i.e., those developed not by Facebook) are not shown on the Pages from mobiles. It affects all applications, not just our Online store.

So when you access Facebook page from a mobile (and Facebook considers iPhones, iPads and Android  tablets as mobile devices), you will not see a link to your shop. Furthermore, if you try to open your store on Facebook in a mobile browser, it will display page not found error.

At present it is technically not possible to display standard Facebook tab applications on mobiles. We have to live with this restriction until Facebook changes it. Therefore, unfortunately we don't have a mobile version of the Facebook app. Yet, we can offer you ways to work this around, see below.

2. One more restriction relates to relations between Facebook and Apple:
"Add to bag" button isn't shown on mobile catalogs if opened in mobile Facebook application for iOS.  This is a forced measure that we had to take due to the following Facebook restriction.

According to the Facebook policy:

If you’re using iOS to run your app, use an iOS approved payment method.

Facebook contacted us with this regard and requested to disable all payment methods in Online store application, otherwise our application would be closed.

In order to keep the app running on thousands of Facebook pages, as a way to work this around we had to remove 'Add to Bag' button from the mobile catalog when it's viewed from mobile Facebook app on iOS.

Regrettably, it doesn't appear possible to sell anything in mobile Facebook iOS app unless items are sold within online Apple store.

Despite of these restrictions, from the very beginning we've been trying to locate and implement any solution that would help selling from mobiles, since mobile commerce is growing together with Facebook popularity.

For now we offer the following ways to provide a mobile store:

  1. To use your starter site available at link http://store[store id].shopsettings.com/ as a mobile version of your store. Note that you can choose to show it under another domain. 
  2. To use your own website with Online store

In order to use the 1st and 2nd variants, you should  make sure to enable responsive layout for your store in Control panel → Settings → General → Migrations. 

Online store supports responsive design meaning that your store pages can be adapted dynamically to any screen. So website and Starter Site (for those who don't have website yet) would be the best solutions.

You should put a link to either of these resources on your Facebook page and write down a warning that users, who're viewing the page from mobiles, need to follow this very link to buy. You can insert it on the page wall or in "About us" section. 

Otherwise you can use Facebook call-to-action "Shop Now" button as follows:
1) Get your Starter Site link by going in your Control panel to Settings > General > Starter Site and copy the link below "Your starter site". 
2) Go to your Facebook page and click on the "Call to Action" button, 
- click on "Edit call to action", 
- choose "Shop Now" Button,
- under "Website" add the Starter Site link and click on "Create". 

Why does the app settings page in Facebook display warning message?

If you are logged in to Facebook as page and not as a person, the page with the app settings (https://apps.facebook.com/online-store-app/) shows this message:

Sorry, we got confused
Please try refreshing the page or closing and re-opening your browser window.

The issue is caused by a bug on the side of Facebook and they claim to have no ETA on fixing it.

To be able to access the app settings page please make sure that you are logged in to Facebook as a person.