Facebook

Facebook Settings

ShopSite can provide buttons on a merchants web pages through which customers can post the content that they find directly to their Facebook wall. They can also be given the opportunity to "like" a merchant's commercial Facebook page.

Facebook Store

The Facebook store feature is a good way to advertise your products on the web. That being said, there is a bit of preparation needed before implementing the feature. First, you are going to need a Facebook page for your store. Next, you will need to create a product page in the ShopSite back office especially for Facebook. There is a page template (FacebookStandard.sst) available for this purpose. We suggest that you create a new page using this template and assign the products you want to advertise on Facebook to this page. It will also be helpful if you name the page accordingly. For example, naming the page Facebook Products, Facebook Storefront, or something similar.

Name for the store tab on Facebook

Provide the name you want to appear for the store tab on your Facebook page.

Contents of your Facebook store

The Facebook store on your Facebook page can display a single html page of your products. Pick which page you want displayed. For best results, the page should be no wider than 520 pixels. You may wish to create a custom page for this store. Select whether the page is from your ShopSite store or a non-ShopSite URL. If you do use a non-ShopSite URL, upload the facebook_addtab.html file to the directory where the non-ShopSite URL is hosted.

Create Facebook Store

Before clicking this button, make sure to have a company page on Facebook and that you have disabled the secure Facebook browsing. This button will take you to the ShopSite Store Creator app on Facebook (http://www.facebook.com/apps/application.php?id=138127812876469). You may need to log in to your company Facebook account.

Clicking the button will take you to a set of instructions on how to manually set up a store page on your Facebook page. They are duplicated in a generic manner (italicized text below serves as placeholder text autopopulated by ShopSite in the instructions):

Go to https://developers.facebook.com/apps. You may be asked to install Developer app.
Click on "Create New App". Enter "Online Store" as your app name and "shopsite_aaaaa" as your app namespace. You may need to verify either your mobile phone or credit card number with Facebook before you can create an app. If you already have an app set up for Facebook Connect, you can use that app instead of creating a new one.
Click on "Settings" in the left menu.
Click on "Add Platform", select "Facebook Canvas". Put "http://shop.store.com/cgi-bin/sc/" into Canvas URL field. Put "https://shop.store.com/cgi-bin/sc/" into Secure Canvas URL.
Click on "Add Platform", select "Page Tab". Put "Online Store" into Page Tab Name. Put "http://shop.store.com/cgi-bin/sc/tellfriend.cgi?storeid=shopId&facebook=retrieve" into Page Tab URL. Put "https://shop.store.com/cgi-bin/sc/tellfriend.cgi?storeid=shopId&facebook=retrieve" into Secure Page Tab URL.
Click "Save Changes".
Click on "Advanced" on the top of the screen. Paste "http://fb.shopsite.com/creator/index.php?mode=remove&fb_sig_user=1267994301&storeid=store&sb_url=http%3A%2F%2Fshop.store.com%2Fcgi-bin%2Fsc%2F" into Deauthorize Callback URL field.
Click "Save Changes".
Click on "Basic" under "Settings" on the top of the screen. Look for your new app's App ID. Paste it here:
Click "Enable my Facebook store" button on this page.

See the video below for a walkthrough of setting up a Facebook store:

Facebook Fan Page

Enable Follow Button

Toggle whether or not you want Follow on Facebook functionality enabled.

Image to use

Decide whether to use the default Facebook image or provide your own custom image.

Alt Text for the Image

This is the text that will appear when a customer hovers over the link. The text defaults to "Like our Facebook".

Facebook Page URL

This should be the URL for the commercial Facebook page that the customers will be sent to when they click the "Like" button. It should appear in the following format:
http://www.facebook.com/XXXXXXXX/StoreName

Facebook 'Share' Button

Allow link on Pages

This will place the link code on every Product page.

Allow link on More Info Pages

This will place the link code on every Product More Info page.

Image to use

Decide whether to use the "Like" button, the default Facebook "Share" image, or provide your own custom image.

Alt Text for the Image

This is the text that will appear when a customer hovers over the linking Facebook image. The text defaults to "Share on Facebook".

Click Save to save your settings, or click Cancel to abandon changes, and return to the Merchandising screen.