How to embed Gutenberg’s Instagram Block? When it says “Sorry, we could not embed that content on your Self-hosted WordPress site.

Byvishalmukadam

I have faced the below error when using Instagram Block with the WordPress’s new editor, below is the screenshot of what happens when you try to embed the “Instagram Block” on Self hosted WordPress site

This image uses Instagram gutenberg Block.
This image uses Instagram Gutenberg Block.
This image shows Error message while embedding

To solve the above issue you need to use “Custom HTML block” instead of Gutenberg block, and add the HTML embed code from Gutenberg.


Go to Instagram and choose the photo you wish to embed and then you’ll find the option which says embed that will give you the above code and then paste in in the “Custom HTML” block.

Please follow the below screenshots for Embedding the HTML BLock for Instagram.

Custom HTML Block “Gutenberg”
When you post the Code it should look like this.

Check the Preview and Publish.

Hope this post will help you, let me know in comments.

Similar Posts

My notes WordPress.org support team orientation notes for feb 2018.

Byvishalmukadam

Hey folks, its Vishal here! I just received an email notification from the WordPress dot org support team about “April 5th Support Team Meeting summary”, they have regular weekly slack meetings and then publish the meeting notes, what caught my attention is “Support Team Volunteer Orientation program” as I am interested in Volunteering on Support…

The first experience to attend the group call on Zoom, by joining Support Driven Book Club.

Byvishalmukadam

I had a chance to attend a Zoom conference call for the first time, as a part of Support Driven – book Club, Support Driven is a community for people who are passionate about customer support. Learn more about Support Driven at supportdriven.com. Recently, they have started with a book club, where we together discuss…

Leave a Reply

Your email address will not be published. Required fields are marked *