<\/i>Features<\/h3>\n<\/div>\n\n\n- Feed information is displayed instantly without any delay.<\/li>\n
- Wall posts can be retrieved either from any Facebook page.<\/li>\n
- Compatible with all the web browsers (Internet Explorer, Firefox, Chrome, Safari)<\/li>\n
- Width and height of the Facebook wall can be adjusted by entering your desired pixel values.<\/li>\n
- Colour customisation can be done to wall background, comment background, comment and wall data.<\/li>\n
- Facebook Like Box can be shown on the wall which includes your cover photo, the\u00a0total\u00a0number of likes and a button to like the page. People who are visiting your page may also see a count of friends who have liked the page, with their profile photos attached in the Like Box.<\/li>\n
- Profile picture of the page can be shown or hidden from the wall.<\/li>\n
- The comments section can be shown or hidden from the wall, the number of comments and posts to display can also be customised.<\/li>\n
- Images on the feeds can be shown or hidden from the wall.<\/li>\n
- Character limit to display for the posts can be set according to your requirement.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n\n
<\/i>Installation<\/h3>\n<\/div>\n\nTo install this module, extract the files from the downloaded zip and copy folders named\u00a0app<\/strong> and skin<\/strong>\u00a0into Magento root directory as shown below.<\/p>\n![\"magento-root\"](\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/08\/facebook-wall2.png\")
<\/a><\/p>\nAfter copying both the folder, flush cache storage from Magento admin panel by navigating through\u00a0 System >\u00a0 Cache Storage Management\u00a0>\u00a0Select All\u00a0>\u00a0Flush Cache Storage.<\/strong>![\"cache\"](\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/03\/cache-management7.png\")
<\/a><\/p>\n<\/div>\n<\/div>\n\n\n<\/i>How to Get Credentials<\/h3>\n<\/div>\n\nTo make Facebook Wall Post module work, you need to obtain these four credentials: –<\/p>\n
\n- Facebook Account Id<\/strong><\/li>\n
- App Id<\/strong><\/li>\n
- Secret Key (App Secret)<\/strong><\/li>\n
- Access Token<\/strong><\/li>\n<\/ol>\n
First, log into your Facebook account and visit this<\/a> link. The following page will appear, click Register Now<\/strong> button as shown in the screenshot.<\/p>\n![\"\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/2017-02-03_13-37-10.png\")
<\/a><\/p>\nA small window will be\u00a0appearing, click Yes<\/strong> and Next<\/strong> buttons.<\/p>\n![\"\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2013\/10\/2017-02-03_13-37-40-1.png\")
<\/a><\/p>\n <\/p>\n
Now select your Country<\/strong> and enter your Phone Number<\/strong> to get the Confirmation Code<\/strong> on your phone. Click Register<\/strong> button to register yourself as a Facebook Developer.<\/p>\n![\"\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/2017-02-03_13-37-56.png\")
<\/a><\/p>\nNow your Facebook Developer account has been created, click Create App ID<\/strong> button as shown in below screenshot.<\/p>\n![\"\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/2017-02-03_13-38-37.png\")
<\/a><\/p>\nGive any Display Name<\/strong> for this App ID<\/strong>, put your email address in the field and choose a category. Click Create App ID<\/strong> button to move on to the next step.<\/p>\n![\"\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2013\/10\/2017-02-03_13-38-57.png\")
<\/a><\/p>\n <\/p>\n
Enter the security check text and click Submit<\/strong> button.<\/p>\n![\"\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/2017-02-03_13-41-44.png\")
<\/a><\/p>\nAfter creating an App ID successfully, you will arrive at the Dashboard. Go to Basic<\/strong>\u00a0under\u00a0Settings<\/strong>\u00a0menu to view and copy your App ID<\/strong> and App Secret<\/strong> for the Magento Configuration, please view below screenshot for reference.<\/p>\n![\"\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2013\/10\/2017-02-03_18-52-33.png\")
<\/a><\/p>\n <\/p>\n
<\/p>\n
Please enter App Domains<\/strong> as webkul.com<\/strong><\/em> and scroll down and click Add Platform<\/strong> button as shown in below screenshot.When adding a new platform, select Website<\/strong> option.<\/p>\n![\"\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/2017-02-03_14-53-25.png\")
<\/a><\/p>\n![\"\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2013\/10\/2017-02-03_13-59-36.png\")
<\/a><\/p>\n <\/p>\n
\nAccess token<\/div>\n<\/div>\nNow visit this<\/a>\u00a0link for creating an Access Token<\/strong> for your \u00a0Magento Facebook Wall Post module. Enter the App ID<\/strong> and APP Secret<\/strong> as shown below.<\/p>\n![\"\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/2017-02-03_14-47-58.png\")
<\/a><\/p>\nYou will be prompted with a message\u00a0Login with Facebook<\/strong>\u00a0, please log in to move on to the next step.<\/p>\n![\"\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/2017-02-03_13-58-26.png\")
<\/a><\/p>\nAfter logging into your Facebook account, you will get this pop-up display, click Continue<\/strong>\u00a0as..<\/strong> button.<\/p>\n![\"\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2013\/10\/2017-02-03_14-06-40.png\")
<\/a><\/p>\n <\/p>\n
Select the\u00a0Public<\/strong> option from the menu and click OK<\/strong> button.<\/p>\n![\"\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/2017-02-03_14-09-29.png\")
<\/a><\/p>\nClick OK<\/strong> button to move on to the next step.<\/p>\n![\"\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/2017-02-03_14-10-03.png\")
<\/a><\/p>\nFinally, you’ll be able to view your newly created Access Token. Copy this and paste it in your Magento Configuration.<\/p>\n
![\"\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/2017-02-03_15-08-49.png\")
<\/a><\/p>\n\nAccount ID<\/div>\n<\/div>\nTo view your Account ID<\/strong> go to your web browser and open your Facebook page, in the address bar you’ll able to see your Account ID. Please the below screenshot for the reference. Copy this and paste it in the Magento Admin configuration.<\/p>\n![\"\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/2017-02-03_19-42-57.png\")
<\/a><\/p>\n<\/div>\n<\/div>\n\n\n\nAdmin Configuration<\/h3>\n<\/div>\n<\/div>\n\nAfter successfully creating your credentials and installing this module in Magento, login to your admin account. Now to do the configuration of this module navigate through System > Configuration > Facebook Wall Post.<\/strong><\/p>\nEnter your Facebook Id, App Id, Access Token and Secret Key<\/strong> and click Save Config<\/strong> button.<\/p>\n![\"\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2013\/10\/new-2017-02-03_13-13-52-1.png\")
<\/a><\/p>\n <\/p>\n
\nFacebook Wall Post Parameters<\/div>\n<\/div>\nNow after entering your credentials for Facebook Wall Post module, you need to set up the following parameters according to your preferences:<\/p>\n
Page & Group URL<\/strong> – If enabled, links can be set for your facebook page and group page.<\/p>\nWidth<\/strong>\u00a0&<\/strong>\u00a0Height<\/strong> – Enter the dimensions of the Facebook Wall which will appear on your store.<\/p>\nShow Facebook Like<\/strong> – Set this option to Yes<\/strong>, if you want to display Like button under Like Box.<\/p>\nShow Facebook Like Box<\/strong> – Set this option to Yes<\/strong>, if you want to display Facebook Like Box element on your wall.<\/p>\nColor Preferences<\/strong> – Enter colors for comment background, wall background, comment and wall data.<\/p>\n![\"\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/1-1.png\")
<\/a><\/p>\nShow Faces<\/strong> – Set this option to Yes<\/strong>, if you want to display faces of people in Like Box.<\/p>\nEnter Header Text<\/strong> – Enter header text for the Facebook wall which will appear on top.<\/p>\nShow Facebook Logo<\/strong> – Set this option to\u00a0Yes<\/strong>\u00a0to display the\u00a0Facebook logo on your\u00a0wall.<\/p>\nShow Comments<\/strong> – Set this option to Yes to display comments on posts.<\/p>\nShow Number of Comments<\/strong> – Enter the number of comments and posts to display on your wall.<\/p>\n![\"\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/2017-02-03_13-13-52.png\")
<\/a><\/p>\nShow Guest Entries<\/strong> – Set this option to Yes<\/strong> if you want to display visitors posts on your wall.<\/p>\nShow Media Image –\u00a0<\/strong>Set this option to Yes<\/strong>, if you display images on your wall.<\/p>\nShow Group URL –\u00a0<\/strong>Set this option to Yes\/No<\/strong> to Show\/Hide<\/strong> Facebook group page URL link on your wall.<\/p>\nShow Page URL –\u00a0<\/strong>Set this option to Yes\/No<\/strong> to Show\/Hide<\/strong> Facebook page URL link on your wall.<\/p>\nShow in Window –\u00a0<\/strong>Select option Same Window<\/strong> to display new link pages on the current window else select New Tab<\/strong> option to display new pages on another tab of the browser.<\/p>\nShow Date –\u00a0<\/strong>Select Yes<\/strong> option to display date and time under Facebook posts.<\/p>\n![\"\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/3-1.png\")
<\/a><\/p>\nShow Profile Pic\u00a0<\/strong>– Select Yes to display your Facebook profile picture on your posts.<\/p>\nTheme<\/strong> – Select Yes<\/strong> option to enable below customizations for your Magento Facebook wall.<\/p>\nContent See More & Less Text<\/strong> – Enter the labels for the See More & See Less element on posts.<\/p>\nLimit of Characters You Want to Display –\u00a0<\/strong>Enter how many characters you want to display in each post.<\/p>\nDelay Need to Open See More<\/strong> – Enter time delay for showing See More content on the wall.<\/p>\n![\"\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/2017-02-03_17-52-35.png\")
<\/a><\/p>\nClick Save Config<\/strong> button on the top of the page to save your changes.<\/p>\n\nSetup CMS Block<\/div>\n<\/div>\nNow navigate through CMS > Pages <\/strong>and select a <\/strong>page<\/strong> or create a page<\/strong> where you want your Facebook Wall will appear. Click Content<\/strong> tab and enter the following code in the text editor.<\/p>\n{{block type=”facebookwallpost\/facebookwallpost” template=”Facebookwallpost\/Facebookwallpost.phtml”}}<\/em><\/p>\nClick Save Page<\/strong> to save your changes.<\/p>\n![\"\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/2017-02-03_20-19-57.png\")
<\/a><\/p>\nNote-<\/strong> If there are multiple stores then, please make sure that, in the Admin\u00a0Panel > system > configuration-> Current Configuration Scope :[STORE VIEW]<\/strong> for all fields should be checked.<\/p>\n<\/div>\n<\/div>\n\n\n\nUser Front-End View<\/h3>\n<\/div>\n<\/div>\n\nFrom the screenshot below you can see how your Facebook page will appear on the e-commerce store.<\/p>\n
![\"\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/2017-02-03_20-00-59.png\")
<\/a><\/p>\n<\/div>\n<\/div>\nThank you for viewing this blog, please share your views and comments. If you have any query please visit us at\u00a0webul.uvdesk.com<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
- \n
- Feed information is displayed instantly without any delay.<\/li>\n
- Wall posts can be retrieved either from any Facebook page.<\/li>\n
- Compatible with all the web browsers (Internet Explorer, Firefox, Chrome, Safari)<\/li>\n
- Width and height of the Facebook wall can be adjusted by entering your desired pixel values.<\/li>\n
- Colour customisation can be done to wall background, comment background, comment and wall data.<\/li>\n
- Facebook Like Box can be shown on the wall which includes your cover photo, the\u00a0total\u00a0number of likes and a button to like the page. People who are visiting your page may also see a count of friends who have liked the page, with their profile photos attached in the Like Box.<\/li>\n
- Profile picture of the page can be shown or hidden from the wall.<\/li>\n
- The comments section can be shown or hidden from the wall, the number of comments and posts to display can also be customised.<\/li>\n
- Images on the feeds can be shown or hidden from the wall.<\/li>\n
- Character limit to display for the posts can be set according to your requirement.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n\n
<\/i>Installation<\/h3>\n<\/div>\n
\nTo install this module, extract the files from the downloaded zip and copy folders named\u00a0app<\/strong> and skin<\/strong>\u00a0into Magento root directory as shown below.<\/p>\n
<\/a><\/p>\nAfter copying both the folder, flush cache storage from Magento admin panel by navigating through\u00a0 System >\u00a0 Cache Storage Management\u00a0>\u00a0Select All\u00a0>\u00a0Flush Cache Storage.<\/strong>
<\/a><\/p>\n<\/div>\n<\/div>\n\n\n<\/i>How to Get Credentials<\/h3>\n<\/div>\n
\nTo make Facebook Wall Post module work, you need to obtain these four credentials: –<\/p>\n
- \n
- Facebook Account Id<\/strong><\/li>\n
- App Id<\/strong><\/li>\n
- Secret Key (App Secret)<\/strong><\/li>\n
- Access Token<\/strong><\/li>\n<\/ol>\n
First, log into your Facebook account and visit this<\/a> link. The following page will appear, click Register Now<\/strong> button as shown in the screenshot.<\/p>\n
<\/a><\/p>\nA small window will be\u00a0appearing, click Yes<\/strong> and Next<\/strong> buttons.<\/p>\n
<\/a><\/p>\n<\/p>\n
Now select your Country<\/strong> and enter your Phone Number<\/strong> to get the Confirmation Code<\/strong> on your phone. Click Register<\/strong> button to register yourself as a Facebook Developer.<\/p>\n
<\/a><\/p>\nNow your Facebook Developer account has been created, click Create App ID<\/strong> button as shown in below screenshot.<\/p>\n
<\/a><\/p>\nGive any Display Name<\/strong> for this App ID<\/strong>, put your email address in the field and choose a category. Click Create App ID<\/strong> button to move on to the next step.<\/p>\n
<\/a><\/p>\n<\/p>\n
Enter the security check text and click Submit<\/strong> button.<\/p>\n
<\/a><\/p>\nAfter creating an App ID successfully, you will arrive at the Dashboard. Go to Basic<\/strong>\u00a0under\u00a0Settings<\/strong>\u00a0menu to view and copy your App ID<\/strong> and App Secret<\/strong> for the Magento Configuration, please view below screenshot for reference.<\/p>\n
<\/a><\/p>\n<\/p>\n
<\/p>\n
Please enter App Domains<\/strong> as webkul.com<\/strong><\/em> and scroll down and click Add Platform<\/strong> button as shown in below screenshot.When adding a new platform, select Website<\/strong> option.<\/p>\n
<\/a><\/p>\n<\/a><\/p>\n<\/p>\n
\nAccess token<\/div>\n<\/div>\nNow visit this<\/a>\u00a0link for creating an Access Token<\/strong> for your \u00a0Magento Facebook Wall Post module. Enter the App ID<\/strong> and APP Secret<\/strong> as shown below.<\/p>\n
<\/a><\/p>\nYou will be prompted with a message\u00a0Login with Facebook<\/strong>\u00a0, please log in to move on to the next step.<\/p>\n
<\/a><\/p>\nAfter logging into your Facebook account, you will get this pop-up display, click Continue<\/strong>\u00a0as..<\/strong> button.<\/p>\n
<\/a><\/p>\n<\/p>\n
Select the\u00a0Public<\/strong> option from the menu and click OK<\/strong> button.<\/p>\n
<\/a><\/p>\nClick OK<\/strong> button to move on to the next step.<\/p>\n
<\/a><\/p>\nFinally, you’ll be able to view your newly created Access Token. Copy this and paste it in your Magento Configuration.<\/p>\n
<\/a><\/p>\n\nAccount ID<\/div>\n<\/div>\nTo view your Account ID<\/strong> go to your web browser and open your Facebook page, in the address bar you’ll able to see your Account ID. Please the below screenshot for the reference. Copy this and paste it in the Magento Admin configuration.<\/p>\n
<\/a><\/p>\n<\/div>\n<\/div>\n\n\n\nAdmin Configuration<\/h3>\n<\/div>\n<\/div>\n
\nAfter successfully creating your credentials and installing this module in Magento, login to your admin account. Now to do the configuration of this module navigate through System > Configuration > Facebook Wall Post.<\/strong><\/p>\n
Enter your Facebook Id, App Id, Access Token and Secret Key<\/strong> and click Save Config<\/strong> button.<\/p>\n
<\/a><\/p>\n<\/p>\n
\nFacebook Wall Post Parameters<\/div>\n<\/div>\nNow after entering your credentials for Facebook Wall Post module, you need to set up the following parameters according to your preferences:<\/p>\n
Page & Group URL<\/strong> – If enabled, links can be set for your facebook page and group page.<\/p>\n
Width<\/strong>\u00a0&<\/strong>\u00a0Height<\/strong> – Enter the dimensions of the Facebook Wall which will appear on your store.<\/p>\n
Show Facebook Like<\/strong> – Set this option to Yes<\/strong>, if you want to display Like button under Like Box.<\/p>\n
Show Facebook Like Box<\/strong> – Set this option to Yes<\/strong>, if you want to display Facebook Like Box element on your wall.<\/p>\n
Color Preferences<\/strong> – Enter colors for comment background, wall background, comment and wall data.<\/p>\n
<\/a><\/p>\nShow Faces<\/strong> – Set this option to Yes<\/strong>, if you want to display faces of people in Like Box.<\/p>\n
Enter Header Text<\/strong> – Enter header text for the Facebook wall which will appear on top.<\/p>\n
Show Facebook Logo<\/strong> – Set this option to\u00a0Yes<\/strong>\u00a0to display the\u00a0Facebook logo on your\u00a0wall.<\/p>\n
Show Comments<\/strong> – Set this option to Yes to display comments on posts.<\/p>\n
Show Number of Comments<\/strong> – Enter the number of comments and posts to display on your wall.<\/p>\n
<\/a><\/p>\nShow Guest Entries<\/strong> – Set this option to Yes<\/strong> if you want to display visitors posts on your wall.<\/p>\n
Show Media Image –\u00a0<\/strong>Set this option to Yes<\/strong>, if you display images on your wall.<\/p>\n
Show Group URL –\u00a0<\/strong>Set this option to Yes\/No<\/strong> to Show\/Hide<\/strong> Facebook group page URL link on your wall.<\/p>\n
Show Page URL –\u00a0<\/strong>Set this option to Yes\/No<\/strong> to Show\/Hide<\/strong> Facebook page URL link on your wall.<\/p>\n
Show in Window –\u00a0<\/strong>Select option Same Window<\/strong> to display new link pages on the current window else select New Tab<\/strong> option to display new pages on another tab of the browser.<\/p>\n
Show Date –\u00a0<\/strong>Select Yes<\/strong> option to display date and time under Facebook posts.<\/p>\n
<\/a><\/p>\nShow Profile Pic\u00a0<\/strong>– Select Yes to display your Facebook profile picture on your posts.<\/p>\n
Theme<\/strong> – Select Yes<\/strong> option to enable below customizations for your Magento Facebook wall.<\/p>\n
Content See More & Less Text<\/strong> – Enter the labels for the See More & See Less element on posts.<\/p>\n
Limit of Characters You Want to Display –\u00a0<\/strong>Enter how many characters you want to display in each post.<\/p>\n
Delay Need to Open See More<\/strong> – Enter time delay for showing See More content on the wall.<\/p>\n
<\/a><\/p>\nClick Save Config<\/strong> button on the top of the page to save your changes.<\/p>\n
\nSetup CMS Block<\/div>\n<\/div>\nNow navigate through CMS > Pages <\/strong>and select a <\/strong>page<\/strong> or create a page<\/strong> where you want your Facebook Wall will appear. Click Content<\/strong> tab and enter the following code in the text editor.<\/p>\n
{{block type=”facebookwallpost\/facebookwallpost” template=”Facebookwallpost\/Facebookwallpost.phtml”}}<\/em><\/p>\n
Click Save Page<\/strong> to save your changes.<\/p>\n
<\/a><\/p>\nNote-<\/strong> If there are multiple stores then, please make sure that, in the Admin\u00a0Panel > system > configuration-> Current Configuration Scope :[STORE VIEW]<\/strong> for all fields should be checked.<\/p>\n<\/div>\n<\/div>\n
\n\n\nUser Front-End View<\/h3>\n<\/div>\n<\/div>\n
\nFrom the screenshot below you can see how your Facebook page will appear on the e-commerce store.<\/p>\n
<\/a><\/p>\n<\/div>\n<\/div>\nThank you for viewing this blog, please share your views and comments. If you have any query please visit us at\u00a0webul.uvdesk.com<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
- App Id<\/strong><\/li>\n
- Facebook Account Id<\/strong><\/li>\n