Adding Facebook Comments

Jump Ahead

    Adding comments to your programs is a great way to boost your communities interaction amongst each other. Follow the steps below to add Facebook comments to your site.

    1. Go to the page on your Uscreen Store where you want the comments to appear and copy the URL of that page.

    img1.png

    2. Go to facebook comment generator page, scroll down to Comments Plugin Code Generator and paste URL you copied in step 1 above as seen below and click "get code".

    img2_get_code.png

    3. Copy the code in Step 1 as seen below

    img3_code.png

    4. Go to the backend of your site > Customization > Code Editor > theme.liquid file and paste the code you copied before the closing body tag 

    imgsooner.png

    5. Go back to the Facebook Comments Plugin Code Generator page and copy the code in step 3 as seen below

    img4_code.png

    6. Go to the backend of your store > Customization > Code Editor > programs.liquid file and paste the code before the closing article tag </article>

    imgs_article.png

    7. The code we pasted in step 6 will work for only one page. To make it appear below every program, we need to make the code dynamic and save the changes.

    <div class="fb-comments" data-href="https://davidsteststore.uscreen.io/programs/iphone?autoplay=true" data-numposts="5"></div>

    Here, we'll change the URL to a dynamic URL as seen below.

    <div class="fb-comments" data-href="{{store.url}}/programs/{{program.permalink}}" data-numposts="5"></div>

    slug.png8. The Facebook comment should now appear below every program

    fb_coment.png

    Uscreen 101 Training

    Live Weekly Webinar

    Every Tuesday

    2PM EDT
    Reserve your seat
    Contact us

    Can't find what you're looking for?

    Contact us
    Powered by Zendesk