The Facebook Comments box lets people comment on your Oxwall blog posts using their Facebook profile and shows this activity to their friends in news feed. It also contains built-in moderation tools and special social relevance ranking.
Most of you are already familiar with the Facebook Comment System in WordPress, Blogger and some CMS. In this tutorial, I’m going to show you how you can integrate the Facebook comment box into your Oxwall blog posts.
Why Facebook Comments Box?
The Oxwall community software
makes your website a membership site the moment you install it. This means that, visitors who are not members of your community cannot interact within (leave a comment) the website. If you are using your blog section as a news portal or would like guest who are not members of your community to interact within the blog section, then, you may want to consider using Facebook Comment Box.
The Facebook Comment will not eliminate the Oxwall comment section, rather, it will create another comment section above your default comment system. (Somewhere in this tutorial we will show you how to remove the Oxwall default comment section from blog posts).
Step 1: Obtaining Facebook App ID
The Facebook App ID is what helps Facebook to Identify a particular application, hence, allows the owner to moderate and edit this App.
- Click Create New App
- Enter a name for your App (e.g. Comment Box) and choose the category that best describe your website.
- Click continue and verify that you are a human.
- The next box will contain your application details and configuration. Kindly copy your App ID from the box at the top-left corner of the website. Now configure your App to look like the image below.
- If you are already using the Oxwall Facebook Plugin, I recommend you do not include the label (5) above.
Step 2: Integrating Facebook Comments Box in Oxwall Blog Posts
- Using an FTP or Cpanel, download and edit /ow_plugins/blogs/views/controllers/view_index.html
- Immediately before/above it, paste
- Replace 649247328430854 with your App ID.
- Save your Changes and clear your cache. Note: Your code will not work until you clear your cache.
Step 3: Configure Comments Box
In this section, I’m going to walk you true on how to configure your comment box.
– Re-size Width: To re-size your comments box width, change the value of width (620) to the value that best suite your website comment section.
– Configure Number of Comments: You can decrease or increase the number of comments that shows up before the load more link, by changing the value of data-numposts=”5” from 5 to a number of your choice.
– Color Scheme: You can choose a color scheme that best suits your website layout, by setting the value of data-colorscheme=”dark” to either dark or light. Note: Characters must be in lower case.
Remove Default Comment Box
If you wish to remove the Oxwall default comment box from blog posts, kindly delete the tag below from the HTML file.
Save your changes and clear your cache.