Add a LinkedIn feed to your Divi WordPress site (with ProFeedWP)

TL;DR — Add a LinkedIn feed to Divi in 3 steps

1. Create (or edit) a page with the WordPress block editor and add the ProFeedWP – LinkedIn Feed block.
2. In Divi → Theme Builder, add a Post Content module where you want the feed to appear.
3. Assign the template to your page and view it on the front‑end to confirm the LinkedIn feed renders.

🔥 If you’re comfortable adding a little code to your (child) theme, follow this guide to add a LinkedIn feed to any Divi page with a shortcode.

⚠️ You generally cannot insert Gutenberg blocks directly inside Divi modules. Use Post Content module in templates to output your block‑editor content inside Divi.

Quick contents

• Part 1 — Create your ProFeedWP block
• Part 2 — Render that block inside Divi (three ways)
• Already built your landing page with Divi (page-level builder)? Here’s how to add the feed without rebuilding

Prerequisites

A LinkedIn Page or Profile you have permission to display
Part 1 — Create your ProFeedWP block

• WordPress 6.0+
• Divi 4.0+ (Theme Builder)
• ProFeedWP installed and activated

Part 1 — Create your ProFeedWP block

1. Go to Pages → Add New (or edit an existing page).
2. Choose ‘Use default editor’.
3. Click the + inserter and search for “ProFeedWP”
4. Insert the block and configure your feed:
   • Url: Choose the LinkedIn Page/Profile you want to display
   • Layout: Grid, masonry, carousel or list
   • Theme: Pick a theme that fits your website
   • Elements: Toggle captions, dates, comments, truncate text options, etc.
   • Design: Spacing, border radius, alignment (options vary by version)
5. Publish or Update the page.

Read more how to setup your LinkedIn feed in our Docs.

Tip: If you prefer to build most of a page in Divi, dedicate one block‑editor page that holds only your feed (and maybe a heading). You’ll pull this into Divi via Theme Builder in Part 2.

Part 2 — Render that block inside Divi

There are two common patterns.

Option A — Template a single page with your feed

Use this when you want one specific page with a Divi layout that includes your ProFeedWP feed.

1. Go to Divi → Theme Builder → Add New Template.
2. In Template Settings, choose Specific Pages and pick the page you created in Part 1.
3. Click Add Custom Body → Build Custom Body.
4. In the Divi builder canvas, add your layout (rows/columns).
5. Insert a Post Content module where you want the ProFeedWP block to appear.
6. Save the layout (bottom‑right green button), then Save Changes in Theme Builder.
7. Visit the page on the front‑end to verify the feed renders.

Read Elegant Themes (Divi makers) own tutorial in using the Post Content block here.

Note: In some cases the Divi Visual Builder preview won’t show the live feed. Always check the published page.

Option B — Use a site‑wide body template

Use this when you want many pages (or a post type) to share the same Divi layout and render each page’s own block‑editor content.

1. Divi → Theme Builder → Add New Template.
2. Target a scope (e.g., All Pages or a particular post type/category).
3. Add a Custom Body and place a Post Content module where your page content should appear.
4. Save the template.
5. For any page where you want a LinkedIn feed, simply edit that page with the block editor and insert the ProFeedWP block. The Divi template will render it automatically.

Option C — Gutenberg‑first: insert Divi content using the Divi Layout Block

Prefer to build the page in the WordPress block editor and sprinkle in Divi design elements? Use Divi’s Layout Block inside Gutenberg.

1. Edit your page in the block editor (do not click “Use Divi Builder”).
2. Add and configure your ProFeedWP – LinkedIn Feed block wherever you want the feed.
3. Click the + inserter and search for Divi Layout. Insert it where you want Divi content.
4. Choose Build New Layout (design with Divi modules) or Load From Library (use a saved Divi layout).
5. Save/Update. View the page on the front‑end.

When to use this approach

• You’re mostly Gutenberg‑based but want a hero, CTA, or other Divi section on the same page.
• You want to keep ProFeedWP (a Gutenberg block) alongside a few Divi modules without Theme Builder templates.

Notes & caveats

• The Divi Layout Block outputs a self‑contained Divi section. You can place ProFeedWP above/below it (as separate blocks).
• For site‑wide headers/footers or complex templates, Theme Builder (Options A/B) is still recommended.
• If front‑end looks different from the editor, clear caches and check Divi’s Static CSS File Generation settings.

Already built your landing page with Divi (page‑level builder)? Here’s how to add the feed without rebuilding

If your landing page is already designed with the Divi Builder on the page itself, you can still add ProFeedWP without starting over.

🔥 If you’re comfortable adding a little code to your (child) theme, you can use this guide to add a LinkedIn feed to any Divi page with a shortcode instead of the guide below.

Move your page layout into Theme Builder, then insert Post Content

1. Open your existing landing page in the Divi Builder and save the layout to the Divi Library (as a Layout).
2. Go to Divi → Theme Builder → Add New Template and assign it to that specific page.
3. Add Custom Body → Build Custom Body, then Load From Library and pick the layout you saved in step 1.
4. Decide where you want the LinkedIn feed, and add a Post Content module there.
5. Edit the actual landing page and switch to the Default Editor (Gutenberg). Insert the ProFeedWP – LinkedIn Feed block (and nothing else, if you like).
6. Save everything and view the page on the front‑end.

Why this works: Your Divi design now lives in the template, while the page content (Gutenberg) is used only to output the ProFeedWP block via the Post Content module.

Pros: Keep your existing Divi look, no iframes, SEO‑friendly.
Cons: One‑time move of layout into Theme Builder.

If your workflow truly requires staying on a pure Divi‑builder page, the only drop‑in method would be a shortcode added in a Divi Code module. ProFeedWP is a Gutenberg block (no shortcode by default). If you need this, contact ProfeedWP support — we can advise on a helper shortcode.

Styling & spacing tips

• Block settings first: Tweak layout, columns, and element visibility in the ProFeedWP block controls.
• Container spacing: Wrap your Post Content module in a Divi Row/Column with the margins/padding you want.
• Custom class: Give the Post Content module a class (e.g., pfwp-area) and adjust spacing in Divi → Theme Options → Custom CSS if needed:

/* Example: tighten spacing around the feed */
.pfwp-area { margin-top: 1rem; margin-bottom: 2rem; }Code language: CSS (css)

If you’re using a full‑width Divi row, consider limiting width with Divi’s Max Width setting or by adding a utility class.

Troubleshooting

FAQ