Cannot find the fb-root that I’ve added in the body tag

  • Hello,
    I’m trying to add a facebook page widget to the sidebar of my site, and as per the instructions, I have to add

    <div id="fb-root"></div>
<script async defer crossorigin="anonymous" ...

    in the <body> tag.
    I’ve put the code in Scripts in Body section in WP Headers and Footers settings, but when viewing the page (all cache cleared) the display of the FB widget is not working and the <div id="fb-root"></div> tag is not there when viewing the page source.
    What could be the problem

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Support Muhammad Arslan

    (@wparslan)

    Hi @hukubu

    Thank you for contacting us about your issue.

    There might be something wrong in your process o applying the Facebook page widget otherwise it is working perfectly.

    Just go to this page https://developers.facebook.com/docs/plugins/page-plugin/ To create the page plugin by filling in the required fields accordingly.

    Then you will have two codes like this [ https://d.pr/i/lCHEbR ]

    Copy and paste the first piece of code in Headers and Footer’s Body tag
    Copy and paste the second code of HTML where you want to show the widget.

    Here I have made the video of the process as well for you. [ Helping screencast ].

    If you need any further assistance do let me know.

    Thread Starter Nikolay Boyukliev

    (@hukubu)

    Hello Muhammad (@wparslan),
    First of all hank you for the quick and detailed response. Unfortunately I’ve tried exactly in the same way as you are suggesting, but it is still not working as expected.
    Now I’ve tried even by adding a test page (not just the sidebar), but again the display is not as expected.
    I’ve also captured the process in case you could spot any mistake from my side?

    Best regards,
    Nikolay

    Plugin Support Muhammad Arslan

    (@wparslan)

    Thank you for the detailed video @hukubu, as it provided me with some details.

    I have seen that you are using a cache plugin along with a long list of plugins, after saving the setting or publishing the post kindly purge/clear the cache as well, that could be the problem here as it is showing on my multiple environments without any issue.

    If purging the cache doesn’t resolve your problem do let us know on our support forum so it can be seen further in detail.

    Looking forward.

    Plugin Support Muhammad Arslan

    (@wparslan)

    Hey @hukubu

    We are closing this thread because of inactivity from your side.

    However, you can contact us at any time if your issue is not resolved.

    Thank You.

    Thread Starter Nikolay Boyukliev

    (@hukubu)

    Hello Muhammad,
    Sorry for the delay. The issue is not solved. I’ve disabled caching and cleared the cache anyway, but the code is still not there.
    Will write in the support forum as instructed.
    Best regards,
    Nikolay

    Thread Starter Nikolay Boyukliev

    (@hukubu)

    Thanks to the help provided it was found out that the issue was related to the particular theme I was using, and the workaround is to put the FB code in the <head> and not <body> tag.
    Thanks & Regards,
    Nikolay

    Plugin Support Muhammad Arslan

    (@wparslan)

    Hey @hukubu

    The theme you are using received its last update 5 years ago in 2017 ??

    If you need any further assistance do let us know.

    Have a nice day!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Cannot find the fb-root that I’ve added in the body tag’ is closed to new replies.

Tags