Embed Social Media in Gutenberg

Guides for embedding Facebook, Instagram, X, LinkedIn posts and more in Gutenberg using the Custom iFrame WordPress plugin. No coding required.

Overview

Custom iFrame lets you embed social media content in Gutenberg from Facebook, Instagram, X, LinkedIn, and more. Paste any post or profile URL into the block. No API keys, no shortcodes, no coding required.

Custom iFrame is a WordPress plugin by CoderzStudio that embeds 100+ external sources in Elementor and Gutenberg without writing any code.

Using Elementor instead? Follow the Embed Social Media in Elementor guide.

Requirements

Custom iFrame plugin installed and active
WordPress with the Gutenberg block editor
A public post URL from any supported social platform

All social platforms follow the same three-step process.

Step 1: Get the Post Link

Open the social platform

Go to the platform where your post lives: Facebook, Instagram, X, LinkedIn, or any other supported source.

Copy the post link

Use the share or copy-link option on the post. The post must be public for the embed to work.

Each platform guide below shows exactly where to find the share link.

Step 2: Add the Custom iFrame Block

Open your page in the block editor

Go to the page or post where you want the social embed. Click Edit to open the Gutenberg block editor.

Add the Custom iFrame block

Click the Add Block button. Search for Custom iFrame. Click the block to add it to the page.

Step 3: Paste the URL and Publish

Paste the post URL

In the right panel, paste the URL into the Source URL field. The post loads inside the block.

Set height and publish

Set Height to match the post. 500px to 700px works for most posts. Click Update or Publish.

Click Update or Publish. Your social media post is now live on your WordPress site.

Posts from private accounts cannot be embedded. The account and post must be public.

Select your platform for a step-by-step embed guide.

Embed Facebook Post in Gutenberg

Embed Facebook posts, photos, and updates in Gutenberg.

Embed Instagram Post in Gutenberg

Display Instagram photos and captions on your page.

Embed Instagram Reels in Gutenberg

Embed vertical Instagram Reels with proper aspect ratio.

Embed X Post in Gutenberg

Display X posts, threads, and announcements in Gutenberg.

Embed LinkedIn Post in Gutenberg

Share LinkedIn posts and professional updates on your site.

Also in Elementor

All social platforms are also supported in the Elementor widget editor.

See Embed Social Media in Elementor for all Elementor guides.

Was this page helpful?

Last updated today

Built with Documentation.AI