Things you will need:
- A Facebook Developers account. If you don't have one it's quick to set up here.
- A Website.
- A Facebook App created. (It doesn't have to be perfect, just start it up).
- First, go to developers.facebook.com/docs/plugins/comments
<div id="fb-root"></div> <script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.3&appId=465849427185920&autoLogAppEvents=1"></script>
3. Next paste the second code anywhere you want it to appear on your page.
Scroll all the way down for an interactive tutorial
How to add Facebook Comments to your own website
Make sure you're under:
" Social Plugins / Comments "
Scroll down and click to enter in the box "URL to comment on".
Type in your URL to the page you want to put the comment plugin on. (Yes it must be the exact URL to each page).
Type The number of posts to display by default.
Click Get Code.
Click Get Code
Highlight the first script and copy.
Press CONTROL + C (copy)
Copy the final code under "Step 3" back at developers.facebook.com
Next, paste the code anywhere you want it to appear on your page.
(Make sure you paste it under HTML format)
Click HTML, and paste.
Hint: Notice we can just add this code right on top the other? It's simple as that!
Look at that! We click "Preview" and it's up and running! That was easy.
That's it. You're done.