Jump to content

Facebook Embed Widget is not loading content

Recommended Posts

Does anyone have any potential solution or workaround for this?

I took the code from Facebook's embed tool and added some chatGPT assistance to make it visually match the other two blocks it is sandwiched in between it. 

Tool : https://developers.facebook.com/docs/plugins/embedded-posts/
Website I am working on: https://www.icomanteca.com
"Latest announcements" block on the first section of the landing page. 

image.png.7ee09cef589822d2c3ae59e489f4f425.png

Code that I used: 

<!DOCTYPE html>
<html>
<head>
  <style>
    .iframe-container {
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .iframe-wrapper {
      width: 360px; /* Adjust the width as needed to prevent cropping */
      background-color: #ffffff;
      border-radius: 8px;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
      overflow: hidden;
    }

    .iframe {
      width: 100%;
      height: 432px; /* Adjust the height as needed */
      border: none;
      overflow: hidden;
    }
  </style>
</head>
<body>
  <div class="iframe-container">
    <div class="iframe-wrapper">
      <iframe class="iframe" src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Ficomanteca&tabs=timeline&width=318&height=439&small_header=true&adapt_container_width=true&hide_cover=true&show_facepile=true&appId" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe>
    </div>
  </div>
</body>
</html>

image.png

Link to comment
  • Replies 1
  • Views 1.2k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.