> For the complete documentation index, see [llms.txt](https://docs.customiframe.com/llms.txt).
> Use it to discover all available pages before exploring further.

# 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](/elementor/social/embed-linkedin) guide.

## Requirements

- [Custom iFrame plugin installed and active](/getting-started/installation)
- WordPress with the Gutenberg block editor
- A public LinkedIn post to embed

## Step 1: Get the LinkedIn Post Embed Link

<Steps>
  <Step title="Open the post on LinkedIn" icon="linkedin" title-type="p">
    Go to [linkedin.com](https://www.linkedin.com) and open the post you want to embed.
  </Step>
  <Step title="Click Embed this post" icon="code" title-type="p">
    Click the **three-dot menu** in the top right corner of the post. Click **Embed this post**. A popup appears with the embed code.
  </Step>
  <Step title="Extract the src URL" icon="clipboard" title-type="p">
    Copy the embed code. Paste it into a text editor. Copy only the URL inside the `src="..."` attribute of the `<iframe>` tag.
  </Step>
</Steps>

<Callout kind="alert">
  Only public LinkedIn posts can be embedded. Posts with restricted visibility cannot be embedded and will show blank.
</Callout>

## Step 2: Install the Plugin and Add the Block

<Steps>
  <Step title="Install and activate the plugin" icon="download" title-type="p">
    Go to your WordPress dashboard. Go to **Plugins > Add New**. Search for **Custom iFrame by Coderz Studio**, click **Install Now**, then click **Activate**.

    <Image
      src="https://res.cloudinary.com/dcn414hjc/image/upload/v1777223431/getting-started/installation/Custom-iFrame-Installation.webp"
      alt="WordPress Add New Plugin screen showing Custom iFrame by Coderz Studio in search results with Install Now button"
      width="1024"
      height="396" priority={true} fetchPriority="high" />
  </Step>
  <Step title="Open your page in the block editor" icon="layout" title-type="p">
    Go to the page or post where you want the LinkedIn embed. Click **Edit** to open the Gutenberg block editor.
  </Step>
  <Step title="Add the Custom iFrame block" icon="plus" title-type="p">
    Click the **Add Block** button. Search for **Custom iFrame**. Click the block to add it to the page.
  </Step>
</Steps>

## Step 3: Embed LinkedIn Post in Gutenberg

<Steps>
  <Step title="Paste the LinkedIn embed URL" icon="clipboard" title-type="p">
    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.
  </Step>
  <Step title="Set the height" icon="move-vertical" title-type="p">
    Set **Height** to fit the post. Values between 400px and 700px work well for most LinkedIn posts.
  </Step>
</Steps>

<Callout kind="success">
  Click **Update** or **Publish**. Your LinkedIn post is now live on your WordPress site.
</Callout>

For all block settings, see the [Set Up Custom iFrame in Gutenberg](/getting-started/gutenberg-setup) 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

<ExpandableGroup>
  <Expandable title="Why do I need to extract the src URL instead of using the post link?" default-open="false">
    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.
  </Expandable>
  <Expandable title="My LinkedIn post shows blank. What should I check?" default-open="false">
    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](/troubleshooting/iframe-not-showing) for more help.
  </Expandable>
  <Expandable title="Can I embed a LinkedIn article or newsletter?" default-open="false">
    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.
  </Expandable>
  <Expandable title="What height should I use for a LinkedIn post?" default-open="false">
    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.
  </Expandable>
</ExpandableGroup>

---

## Also Available For

<Columns cols="2">
  <Card title="Embed LinkedIn Post in Elementor" href="/elementor/social/embed-linkedin" icon="layers" horizontal={false}>
    Guide for the Elementor widget.
  </Card>
  <Card title="Embed Facebook Post in Gutenberg" href="/gutenberg/social/embed-facebook" icon="facebook" horizontal={false}>
    Embed Facebook posts in Gutenberg.
  </Card>
</Columns>

## Related Guides

- [Embed Social Media in Gutenberg WordPress - Overview](/gutenberg/embed-social-media)
- [Embed X Post in Gutenberg](/gutenberg/social/embed-twitter-x)
- [Embed Facebook Post in Gutenberg](/gutenberg/social/embed-facebook)
- [Auto Height Adjustment](/features/auto-height)
- [iFrame Not Showing](/troubleshooting/iframe-not-showing)