Embed LinkedIn Post in Gutenberg
Step-by-step guide to embed LinkedIn post in Gutenberg using the Custom iFrame WordPress plugin. No API key needed. No coding required.
Overview
Custom iFrame lets you embed LinkedIn post in Gutenberg by extracting the post's embed URL and pasting it into the block. Display professional updates, articles, and insights from LinkedIn directly on your WordPress page without an API key.
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 LinkedIn Post in Elementor guide.
Requirements
- Custom iFrame plugin installed and active
- WordPress with the Gutenberg block editor
- A public LinkedIn post to embed
Step 1: Get the LinkedIn Post Embed Link
Open the post on LinkedIn
Go to linkedin.com and open the post you want to embed.
Click Embed this post
Click the three-dot menu in the top right corner of the post. Click Embed this post. A popup appears with the embed code.
Extract the src URL
Copy the embed code. Paste it into a text editor. Copy only the URL inside the src="..." attribute of the <iframe> tag.
Only public LinkedIn posts can be embedded. Posts with restricted visibility cannot be embedded and will show blank.
Step 2: Install the Plugin and Add the Block
Install and activate the plugin
Go to your WordPress dashboard. Go to Plugins > Add New. Search for Custom iFrame by Coderz Studio, click Install Now, then click Activate.
Open your page in the block editor
Go to the page or post where you want the LinkedIn 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: Embed LinkedIn Post in Gutenberg
Paste the LinkedIn embed URL
Select the Custom iFrame block. In the right panel, paste the LinkedIn embed src URL into the Source URL field. The post appears inside the block in the editor.
Set the height
Set Height to fit the post. Values between 400px and 700px work well for most LinkedIn posts.
Click Update or Publish. Your LinkedIn post is now live on your WordPress site.
For all block settings, see the Set Up Custom iFrame in Gutenberg guide.
This guide showed you how to embed LinkedIn post in Gutenberg using the Custom iFrame plugin. From copying the embed code to extracting the src URL and publishing, the whole setup runs through the block editor without any code.
FAQ
LinkedIn's standard post URL (e.g. linkedin.com/posts/...) does not load inside an iFrame. The embed src URL (from Embed this post in the post menu) is the correct format for iFrame embedding.
Confirm the post is set to public visibility on LinkedIn. Also confirm you pasted the src URL from the embed code, not the regular post URL. See iFrame Not Showing for more help.
Yes. The same process works for LinkedIn articles. Open the article, click the three-dot menu, click Embed this post, and copy the src URL from the embed code.
Set height to 400px to 700px for a standard text or image post. Articles and longer posts may need more. Enable Auto Height to let the block resize automatically.
Also Available For
Embed LinkedIn Post in Elementor
Guide for the Elementor widget.
Embed Facebook Post in Gutenberg
Embed Facebook posts in Gutenberg.
Related Guides
Last updated today
Built with Documentation.AI