2 Easiest Steps to add Facebook comments to your website

This article illustrate the proper way of adding facebook comment box to any website. The Process is explained step by step with pictures

Facebook comments provide the facility to add Facebook comments to the website. Users of the site are not only able to add a comment to your post, but they can also post their comments to their Facebook timeline. So the post becomes visible to the largest social media platform, Facebook.

Why do you need to add Facebook comments to your website?

There are numerous noteworthy benefits of integrating Facebook comments into a website, underscoring the significance of this feature:

Increased Interaction: Facebook comments encourage a sense of community and interaction on your website. Visitors may conveniently interact with your material by leaving comments using their Facebook profiles.

Social Validation: Facebook comments frequently feature actual names and profile photographs, giving the remarks credence and authenticity. This may increase trust and promote deeper conversations.

Greater Exposure: Users who comment on your material may have their actions displayed in their friends’ newsfeeds, possibly exposing your website to a larger audience. This organic traffic can be obtained via the word-of-mouth impact.

Reduced junk: Facebook’s comment system has features for automatically detecting and removing junk. This assists in keeping your comments area free of dangerous or irrelevant stuff.

User Insights: You may learn a lot about the preferences, viewpoints, and feedback of your audience by examining Facebook comments. Your content strategy can benefit from this knowledge, which will enhance user experience.

Time Savings: Facebook comments do away with the need for users to memorize additional login information or create different accounts. This convenience can lower obstacles to participation and raise the likelihood of user involvement.

Ease of Management: Using Facebook’s interface to manage comments is normally simple. You can manage conversations, reply to comments, and keep the online community friendly with reasonable simplicity.

Social Integration: By including Facebook Comments, you link your website to a well-known social media platform, improving its social presence and perhaps drawing additional Facebook users to it.

Improved SEO: User-generated comments on your website might contribute pertinent keywords and new information, perhaps raising it in the search engine results page.

How to Add Facebook Comment

Follow the following steps to add Facebook Comments to your website or blog.

Step 1:   Create a Facebook Application

  • Visit Facebook for developers  (https://developers.facebook.com/)
  • You will be prompted to log in to your account if you are not already logged in
  • Select  My Apps and click on “ Create a New App” from the Menu
 Create a Facebook Application
  • You will then see two text boxes where you will have to enter the display name and contact email address. Provide a suitable name for your App and the Contact number through which you will get confirmation of your App. Click on “Create App ID”.
Create Facebook App ID
  • You will be directed to the App dashboard when you click on “ Create App ID”. Click on Basic Settings in the Application Dashboard.
    • Provide the app domain (this is the URL of the website on which you want your Facebook comment app).
    • Then write the Privacy Policy URL and Terms of Service URL. These are the URLs of the privacy policy and Terms of Service of your website.
    • Select the Icon for your Application. This image should be between 512 x 512 and 1024 x 1024. The size must not exceed 5 MB.
    • Select the Category of your website
    • Provide the Data Protection Officer’s Address. It is for the European Union General Data Protection Regulation. These fields are optional, and the App works without them.
    • Click on Add Platform and enter the URL of your site
How to Add Facebook Comment to any Website

Step 2: Set Styles and Width etc. of Comments Box

  • Enter the URL to comment on
  • Enter the Width of the Plugin Box
  • Number of Comments that you want to show on each post
  • Finally, click on Get Code.
How to Add Facebook Comment to any Website

You will get two pieces of code. One is the JavaScript SDK, which you will put right after the opening body tag.  And the other part of the code is to be inserted on the permalink where you want the comment box to appear.

How to Add Facebook Comment to any Website | A Proper Method

For WordPress users, they will have to change the data-href value to the permalink of the post. There is also a Plugin available for adding comments to WordPress sites.


This conversation is focused on how to add Facebook comments into your WordPress website. While there are many WordPress plugins available to make it easier to integrate a comment area into your website, it’s important to remember that overusing plugins may slow down the loading time of your website. This is due to the fact that each additional plugin introduces new CSS and JavaScript files, potentially slowing down the user experience.

Our in-depth tutorial explores this subject and offers a step-by-step overview complete with supporting images at each point. Please feel free to get in touch in the comments area below if you run across any problems throughout the installation process. We’re available to help and answer any questions you might have.

Engr. Rahamd Ullah
Engr. Rahamd Ullah
Articles: 83
Share This