• SocialJack is an app that allows you to integrate your online store with facebook. Once your store is displayed in Facebook, it will take no time to get popularized.

  • It’s a simple and quick solution to bring your store to facebook and reach millions of peoples for quick growth of your business.

  • You can create a 'Facebook Page', display your store using a customized theme and to build a closer relationship with your audience and customers through facebook.

  • While purchasing your products, Facebook users will be routed to your online store's checkout page with the selected products in the Cart.


Please have a glance at following questionnaire for better understanding of SocialJack:

1. Why should I have my online store on 'facebook' too?

OR

Why do I need a facebook store?

  • According to statistics, as an average amount of time a typical Facebook user spends on the facebook every day is almost one hour. So, there are bright chances of more people visiting your store on facebook if it get popularized.

  • Facebook Pages are most user-friendly and allow your business to categorize itself properly, auto-accept friends, and create an interactive space where people can engage with your business.

  • Creating a Facebook page allows you to get better search engine rankings. Thereby increased SEO and online visibility. If you use SEO and informative content on your business Facebook, it will rank highly in search engine results and improve your visibility.

  • At an average, each Facebook user has more than 100 friends. Hence, if your page is 'liked' by one person, it will show up on the 'News Feed' to their friends resulting more expose for every 'like' on Facebook page.

  • Facebook is like a virtual word-of-mouth, and every business should take this opportunity for more and quick exposure.

  • By the integration with facebook, user can directly purchase from facebook or the user can visit your online store as per the own choice.

2. How do I configure 'SocialJack' app at my Store to create a store on facebook?


To configure 'SocialJack' app at your Store to create a store on facebook, do the following:

  • Prerequisite:
    • You can view SocialJack tab under Apps module only when you have installed 'SocialJack' app to your store and your request for the same would have been approved from the MartJack:
      Please refer: App Store

    • You should have an account with www.facebook.com and you should have created 'page(s)' for displaying your store.
      • Note: You can also Sign up to facebook if you don't have an account and create pages if you have not created at later stage also. But it is preferred to have facebook account and pages are created for a smooth flow.

3. How do I configure 'SocialJack' app at my Web Store?


To configure 'SocialJack' app at your store, do the following:

  • Log in to 'MartJack Control Panel' by using your User Name (Email Address) and Password.


 SocialJack

  • You will be routed to 'Dashboard' page.


 SocialJack

  • Click Apps module, and select SocialJack. You will be routed to Configure SocialJack page.


 SocialJack

  • To configure SocialJack, click Setup. You will be routed to SocialJack Setup page.


 SocialJack

  • Ensure that your 'Merchant ID' is mentioned in Merchant ID textbox.
  • Now you need to enter 'Public Key' and 'Secret Key' in the respective textboxes.
  • To get the 'Public Key' and 'Secret Key' of SocialJack, click Apps module and select App Store. You will be routed to Install Apps page.


 SocialJack

  • Click the Key ' SocialJack' icon of the SocialJack app. You will be displayed Authentication Keys dialog box.
    • Note: PrerequisiteYou should have installed SocialJack app at your store to get the 'Authentication Keys'.


 SocialJack

  • Copy the Public Key and Secret Key and paste them in the Public Key and Secret Key textboxes respectively in SocialJack Setup page.


 SocialJack

  • To save the changes, click Save.
  • Now you need to select your 'Facebook Timeline Page' to place 'SocialJack' Bookmark, which routes to your products upon clicking. To do so, click Facebookpage Setup tab. You will be routed to Select Facebook Timeline Page.


 SocialJack

  • Verify that Go to Facebook.com dialog box is displayed in Select Facebook Timeline Page.
  • Click Go to Facebook.com button. You will be displayed facebook log in page.


 SocialJack

  • Log in to facebook with your valid facebook credentials. If you have already created facebook page(s), then you will be asked for permissions through Request for Permission dialog box to log in by SocialJack as any of your facebook pages.


 SocialJack

  • Note: If you have not created any facebook pages, you will be displayed Add Pages button in Select Facebook Timeline Page page, which navigates you the 'Create a Page' page (i.e. http://www.facebook.com/pages/create.php?ref_type=sitefooter) of the facebook and you can create the required facebook pages from here.
  • Click Allow to permit SocialJack to log as any of your facebook pages. The dialog box will be closed and your facebook pages will be displayed in the Pages dropdown of the Select Pages section in Select Facebook Timeline Page page.


 SocialJack

  • Select a suitable page from Pages dropdown and click Next. You will be routed to Select Template page.
    • Note: Now, a Shopping Cart Icon will be added to your (selected) facebook page, upon clicking which one will be routed to your store on Facebook. To verify the Shopping Cart Icon icon, navigate to your facebook account through http://www.facebook.com/ and click the name of the respective page, which was configured for displaying your store on facebook under PAGES section.


 SocialJack

Selecting 'Theme' for your facebook store through 'Select Template' page:

 SocialJack

  • Now you need to select the required 'Theme' for your Facebook Store.
    • Note:
      • Themes define graphical appearance or look and feel of your webstore. Themes provide consistent look and feel as you move through different pages and sections of your Facebook Store. You can choose theme based on colors or branding requirement of your store/products.
      • The 'Home Page' products will be displayed as per the 'Product Tags' defines for the applied Theme.
      • However, you can customize your theme to suit your requirement.
  • To select the 'Theme', click Use Theme link of the Theme under Available Themes section. The selected 'Theme' will be displayed in Available Themes section.
  • To customize the template, click Manage Template tab. You will be routed to Download/Upload Template Files page.


 SocialJack

  • To download template files (i.e. files of selected Theme) , click Download Template Files button. Theme.zip file will be downloaded.
  • Extract Theme.zip and customize the Theme as per your requirement and again compress it as zip.
    • Note: You should not change the name of the file i.e. Theme.Zip
  • To upload the modified Theme.zip, click Choose File. You will be displayed Open dialog box.


 SocialJack

  • Select the modified Theme.zip from stored location and click Upload. The modified Theme.zip will be uploaded and you will be displayed a relevant Success message.
  • When anyone clicks on the Shopping Cart icon on your Facebook, your Facebook Store page will be displayed.
    For Example, Please see a sample 'Facebook Store', created by using different Themes.


 SocialJack


 SocialJack

4. About our Theme Templates:


About our Theme Templates:
1. We are using Razor Engine for our Theme Templates because of having more flexibility and user-friendly.

2. So, it's very easy and convenient to customize our 'Theme Templates' as per your requirement.

5. How do I change the Banner of my facebook Store?

  • You can change the 'Banner' of your facebook store (if required) by following the simple procedure:
  • Let's learn how to change the following 'Banner':


 SocialJack

To change the Banner of your facebook Store, do the following:

  • Log in to 'MartJack Control Panel' by using your User Name (Email Address) and Password.
  • You will be routed to 'Dashboard' page.


 SocialJack

  • Click Apps module, and select SocialJack. You will be routed to Configure SocialJack page.


 SocialJack

  • Note: You have already applied a Template (Theme) to your facebook store. Now you need to modify the 'Theme' to change the 'Banner' of your facebook store.
  • To download the Template files of applied 'Theme', click Manage Template tab. You will be routed to Download/Upload Template Files page.


 SocialJack

  • To download the applied 'Theme', click Download Template Files. Now, the file Theme.zip will be downloaded.
  • Extract the Theme.zip and save at a suitable location (Say, Desk Top).
    • Note: Don't change the name of the folder. The folder name will be same as the name of the Zip file, i.e. Theme.
  • To open the just saved Theme folder, double click on it. The sub-folders of the Theme Folder will be displayed as shown in Figure.


 SocialJack

  • To change the Banner, click Snippets sub-folder. The files of Snippets sub-folder will be displayed as shown in Figure.


 SocialJack

  • Open Banner.vbhtml file in a Notepad or Notepad ++. You can find out the Banner image name and path. Also verify the Width and Height of the image.


 SocialJack

  • Now navigate to the images folder i.e. Theme » layout » images and look for the suitable image for Banner. If you don't find a suitable image in Theme » layout » images folder, prepare the required image (or copy it from available location) and paste it in Theme » layout » images folder.

Caution: The Width and Height of the new Banner should of the same size as mentioned in the Banner.vbhtml file, else the images may mess up.


In case you still want to change the image sizes of the Banner, you can do the same if you have css knowledge through Theme » Assets » main.css under your own responsibility.

  • Now, note down the name of the new Banner and replace it in the Banner.vbhtml file.
    • Note: In this example, img_large.jpg has been replaced by platina.jpg.


 SocialJack

  • Save the Banner.vbhtml file and again zip the Theme folder into Theme.Zip file.
  • Now you need to upload the modified Theme.Zip file.


 SocialJack

  • To do the same, navigate to Download/Upload Template Files page and click Choose File button. You will be displayed Open dialog box.


 SocialJack

  • Select the modified Theme.Zip file from the stored location and click Open.
  • Now the name of the selected file i.e. Theme.Zip will be displayed beside Choose File button of Download/Upload Template Files page.
  • Click Upload. The new Banner will be uploaded and you will be displayed a relevant Success message.


 SocialJack

  • Now navigate to your facebook store, and you can find the new Banner image now.


 SocialJack

6. How do I change the Logo of my facebook Store?

  • You can change the 'Logo' of your facebook store (if required) by following the simple procedure:
  • Let's learn how to change the following 'Logo':


 SocialJack

To change the 'Logo' of your facebook Store, do the following:

  • Log in to 'MartJack Control Panel' by using your User Name (Email Address) and Password.
  • You will be routed to 'Dashboard' page.


 SocialJack

  • Click Apps module, and select SocialJack. You will be routed to Configure SocialJack page.


 SocialJack

  • Note: You have already applied a Template (Theme) to your facebook store. Now you need to modify the 'Theme' to change the 'Logo' of your facebook store.
  • To download the Template files of applied 'Theme', click Manage Template tab. You will be routed to Download/Upload Template Files page.


 SocialJack

  • To download the applied 'Theme', click Download Template Files. Now, the file Theme.zip will be downloaded.
  • Extract the Theme.zip and save at a suitable location (Say, Desk Top).
    • Note: Don't change the name of the folder. The folder name will be same as the name of the Zip file, i.e. Theme.
  • To open the just saved Theme folder, double click on it. The sub-folders of the Theme Folder will be displayed as shown in Figure.


 SocialJack

  • To change the 'Logo', click layout sub-folder. The files of layout sub-folder will be displayed as shown in Figure.


 SocialJack

  • Open Layout.vbhtml file in a Notepad or Notepad ++. You can find out the logo image name and path. i.e. Theme/assets/Logo.png


 SocialJack

  • Now navigate to the assets folder i.e. Theme » assets and verify the size of the logo image. Note down the name of the new logo image having same size of existing logo image. If you don't find a suitable image in Theme » assets folder, prepare the required image (or copy it from available location) and paste it in Theme » assets folder.

Caution: The Width and Height of the new Logo image should of the same size as of existing logo image as verified from Theme » assets folder, else the images may mess up.


In case you still want to change the image sizes of the Logo, you can do the same if you have css knowledge through Theme » Assets » main.css under your own responsibility.

  • Now, note down the name of the new Logo and replace it in the Layout.vbhtml file.
    • Note: In this example, Logo.png has been replaced by Rabbit.jpg.


 SocialJack

  • Save the Layout.vbhtml file and again zip the Theme folder into Theme.Zip file.
  • Now you need to upload the modified Theme.Zip file.


 SocialJack

  • To do the same, navigate to Download/Upload Template Files page and click Choose File button. You will be displayed Open dialog box.


 SocialJack

  • Select the modified Theme.Zip file from the stored location and click Open.
  • Now the name of the selected file i.e. Theme.Zip will be displayed beside Choose File button of Download/Upload Template Files page.
  • Click Upload. The new Logo will be uploaded and you will be displayed a relevant Success message.


 SocialJack

  • Now navigate to your facebook store, and you can find the new Logo image now.


 SocialJack

7. How do I change the Home page Products of my facebook Store?

  • You can change the 'Home Page Products' of your facebook store (if required) by following the simple procedure:
  • Let's learn how to change the following 'Home Page Products' of your facebook store:


 SocialJack

  • Note:
    • In this Figure (example) there are two sets of different products are displayed.
    • The number of sets varies from 'Theme' to 'Theme' and you can modify them from here.
    • The figures are retrieved from defined Product Tags. So, by changing the 'Product Tags', you can change the products accordingly.
      • Note: For each set of products to be displayed, you can define only a single 'Product Tag.'
  • To change the 'Home Page Products' of your facebook store, do the following:
  • Log in to 'MartJack Control Panel' by using your User Name (Email Address) and Password.
  • You will be routed to 'Dashboard' page.


 SocialJack

  • Click Apps module, and select SocialJack. You will be routed to Configure SocialJack page.


 SocialJack

  • Note: You have already applied a Template (Theme) to your facebook store. Now you need to modify the 'Theme' to change the 'Home Page Products' of your facebook store.
  • To download the Template files of applied 'Theme', click Manage Template tab. You will be routed to Download/Upload Template Files page.


 SocialJack

  • To download the applied 'Theme', click Download Template Files. Now, the file Theme.zip will be downloaded.
  • Extract the Theme.zip and save at a suitable location (Say, Desk Top).
    • Note: Don't change the name of the folder. The folder name will be same as the name of the Zip file, i.e. Theme.
  • To open the just saved Theme folder, double click on it. The sub-folders of the Theme Folder will be displayed as shown in Figure.


 SocialJack

  • To change 'Home Page Products' of your facebook store, click templates sub-folder. The files of templates sub-folder will be displayed as shown in Figure.


 SocialJack

  • Open index.vbhtml file in a Notepad or Notepad ++. You can find out the defined 'Product Tags', number of products to be displayed under each r'Product Tag', 'Width and Height' of the products to be displayed.
    • Note: Products of a single 'Product Tag' can be displayed as a group of products (in this example two sets of products displayed). If you want to display products related to more 'Product Tags', you need to add similar code in Index.vbhtml.


 SocialJack

  • Modify the 'Product Tag' name as per your requirement. In this example, New-Offers Product Tag (i.e. from Set-2) has been replaced by Best-Pick.


 SocialJack

  • Save the Index.vbhtml file and again zip the Theme folder into Theme.Zip file.
  • Now you need to upload the modified Theme.Zip file.


 SocialJack

  • To do the same, navigate to Download/Upload Template Files page and click Choose File button. You will be displayed Open dialog box.


 SocialJack

  • Select the modified Theme.Zip file from the stored location and click Open.
  • Now the name of the selected file i.e. Theme.Zip will be displayed beside Choose File button of Download/Upload Template Files page.
  • Click Upload. The new Product Tags will be uploaded and you will be displayed a relevant Success message.


 SocialJack

  • Now navigate to your facebook store, and you can find the new Home Page Products now.


 SocialJack



8. How do I change the Layout and complete design of my facebook Store?

  • You can change the 'Layout and complete design' of your facebook store (if required) provided if you have css knowledge.
  • Let's learn how to change 'Layout and complete design' of your facebook store:


To change the 'Layout and complete design' of your facebook store, do the following:

  • Log in to 'MartJack Control Panel' by using your User Name (Email Address) and Password.
  • You will be routed to 'Dashboard' page.


 SocialJack

  • Click Apps module, and select SocialJack. You will be routed to Configure SocialJack page.


 SocialJack

  • Note: You have already applied a Template (Theme) to your facebook store. Now you need to modify the main.css file of the applied Theme to change the 'Layout and complete design' of your facebook store.
  • To download the Template files of applied 'Theme', click Manage Template tab. You will be routed to Download/Upload Template Files page.


 SocialJack

  • To download the applied 'Theme', click Download Template Files. Now, the file Theme.zip will be downloaded.
  • Extract the Theme.zip and save at a suitable location (Say, Desk Top).
    • Note: Don't change the name of the folder. The folder name will be same as the name of the Zip file, i.e. Theme.
  • To open the just saved Theme folder, double click on it. The sub-folders of the Theme Folder will be displayed as shown in Figure.


 SocialJack

  • To change the 'Layout and complete design' of your facebook store, click assets sub-folder. The files of assets sub-folder will be displayed as shown in Figure.


 SocialJack

  • Open main.css file in a Notepad or Notepad ++ and modify it as per your requirement.
  • Save the main.css file and again zip the Theme folder into Theme.Zip file.
  • Now you need to upload the modified Theme.Zip file.


 SocialJack

  • To do the same, navigate to Download/Upload Template Files page and click Choose File button. You will be displayed Open dialog box.


 SocialJack

  • Select the modified Theme.Zip file from the stored location and click Open.
  • Now the name of the selected file i.e. Theme.Zip will be displayed beside Choose File button of Download/Upload Template Files page.
  • Click Upload. The changes of modified main.css file will be uploaded and you will be displayed a relevant Success message.


 SocialJack

Caution

1. You must have the css knowledge to edit main.css file.

2. It is your own responsibility if any thing goes wrong because of incorrect changes of main.css file.

3. If your theme is spoiled due to incorrect changes of main.css file, you can still apply the original Theme and download the files of original theme by following the below mentioned procedure.

  • Click Apps module, and select SocialJack. You will be routed to Configure SocialJack page.
  • Click Select Template tab. You will be routed to Select Template page.
  • Click Use Theme link of the previously applied Theme. By this again original Theme will be applied.
    Note: Each time when you apply a Theme, the original Theme which is supplied by MartJack will be applied. All your modified Theme will be null and void.
  • To download the Template files of original (applied) 'Theme', click Manage Template tab. You will be routed to Download/Upload Template Files page.
  • To download the applied 'Theme', click Download Template Files. Now, the file Theme.zip will be downloaded.

4. Rest of the procedure is already discussed above.