All Collections
Website
Widgets And Tools
Facebook Page Widget
Facebook Page Widget
Updated over a week ago

  • Add Google Tag Manager to your website by following the steps below:

How to add Google Tag Manager

  • Copy the following code: 

<script src="https://kit.fontawesome.com/d2faa1cc08.js" crossorigin="anonymous"></script> <style>.fbfeed-btn-wrap{position:fixed;left:auto;top:auto;left:0%;bottom:0%;z-index:99;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:50px;height:50px;margin-left:20px;margin-bottom:16px;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border-radius:99px;background-color:#3b5998}.fbfeed-btn-wrap:hover{cursor:pointer}.fbfeed-icon-wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:40px;height:40px;margin-right:5px;float:right;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border-radius:99px;background-color:#25417A}.fb-widget{width:320px;height:450px;position:fixed;left:auto;top:auto;left:0%;bottom:75px;z-index:99}.fb-page span iframe{height:450px !important}</style> <script>function myFunction(){var x=document.getElementById("myDIV");if(x.style.display==="none"){x.style.display="block";FB.XFBML.parse();}else{x.style.display="none";}}</script> <div class="fbfeed-btn-wrap" onclick="myFunction()"><div class="fbfeed-icon-wrap"><div><i class="fab fa-facebook" style="font-size: 30px;text-align: center;color:#fff;line-height:2.25;"></i></div></div></div><div class="fb-widget" id="myDIV" style="display: none;"><div id="fb-root"></div> <script async defer crossorigin="anonymous" src="https://connect.facebook.net/ar_AR/sdk.js#xfbml=1&version=v9.0&appId=315495688494386" nonce="wR3Kg6sY"></script> <div id="myDIV2" style="display: block;" class="fb-page" data-href="Page Link" data-tabs="timeline" data-width="320" data-height="450" data-small-header="true" data-adapt-container-width="true" data-hide-cover="true" data-show-facepile="true"><blockquote cite="Page Link" class="fb-xfbml-parse-ignore"><a href="Page Link">‎Page Name</a></blockquote></div></div>

  • Visit tagmanager.google.com and click on New Tag

Screen+Shot+2020-09-20+at+3.02.06+AM.png (3336×1802)

  • Click on Tag Configuration

Screen+Shot+2020-09-20+at+2.58.29+AM.png (3336×1802)

  • Click on Custom HTML

Screen+Shot+2020-09-20+at+3.10.35+AM.png (3336×1802)

  • Paste your code and replace each "Page link" and "Page name"with your Facebook page link

  • Click on Triggering

  • Select All Pages and click Add

Screen+Shot+2020-09-20+at+3.15.52+AM.png (3336×1802)

  • Rename the Tag Name and click Save

  • Click on Submit, Publish then Continue

Screen+Shot+2020-09-20+at+3.27.06+AM.png (3336×1802)
Screen+Shot+2020-09-20+at+3.27.30+AM.png (3336×1802)
Screen+Shot+2020-09-20+at+3.27.52+AM.png (3336×1802)

  • Login to your Wuilt account and publish your website

3.png (1351×619)

  • Open your website, and you will find your Facebook page as a widget



Did this answer your question?