Shopify Facebook Wall Feed

Shopify Facebook Wall Feed is an awesome application which will grab your facebook posts automatically and display them at each of your page.You just need to put your facebook account ID or account name with access token and other values.

Features:

• Facebook wall feed will get displayed at the bottom of your page.
• Provides you to set values for configuration settings,display settings and design settings.

Flow:

• Login on Shopify Facebook Wall Feed Application:

For installing Shopify Facebook Wall Feed application you need to sign up first,once you install this application successfully you will get redirected to welcome page.This page will consist of all the instructions which are to be followed for using the application.

Click on the Login Button at the top right of the welcome page to use the application.

After clicking on Login button you will get redirected to shopify login page.Login here with your registered account which you registered while installing the app.

• Setting the configuration values of your facebook wall.

After successful login you will get redirected to Facebook Configuration page.This page will consist of three tabs:

1. Configuration Settings
2. Display Settings
3. Design Settings

You can click on these tabs for changing the values of different settings.Default values are already set while installation of this application,you can change them according to your requirement.

For Example:If you want to change the Display Settings,click on Display Settings tab.

• Displaying Facebook Wall Feed on front-end.

Now once you set the values for different type of settings for your facebook wall go to the shopify page and click on Themes tab.

After clicking on Themes tab launchpad page will appear. From the launchpad click on themes.liquid menu.

After clicking on themes.liquid menu paste the following code at the end of page opened.

{{ 'http://shopify.webkul.com/shopify-facebook-wallfeed/css/jquery.webkul.fb.wall.css' | stylesheet_tag }}
{{ 'http://shopify.webkul.com/shopify-facebook-wallfeed/css/jScrollPane.css' | stylesheet_tag }}
{{ 'http://shopify.webkul.com/shopify-facebook-wallfeed/js/jquery.webkul.fb.wall.js' | script_tag }}
{{ 'http://shopify.webkul.com/shopify-facebook-wallfeed/js/jquery.mousewheel.js' | script_tag }}
{{ 'http://shopify.webkul.com/shopify-facebook-wallfeed/js/jScrollPane-1.2.3.4.min.js' | script_tag }}

	<script>
  var uvOptions = {};(function() {
  var uv = document.createElement('script');
  uv.type = 'text/javascript';
  uv.async = true;
  uv.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'shopify.webkul.com/shopify-facebook-wallfeed/shopify_display_wallfeed.php?shop={{ shop.url }}';
  var s = document.getElementsByTagName('script')[0];s.parentNode.insertBefore(uv, s);})();
	</script>
	<div id='wk_fb_wallfeed'></div>

Click on Save button after pasting the above code.Now after saving the code go the front-end the Facebook Wall Feed will get displayed at the bottom of every page as:

So this was the whole process for displaying Facebook Wall feed at your site’s front-end..

If you still have any doubt ,please feel free to contact us at support@webkul.com or you can just raise a ticket at http://webkul.com/ticket/index.php.