LinkedIn Homepage Trust Row (Free WordPress Block Pattern)

Want a lightweight “social proof” strip for your homepage? This pattern adds a clean 4-card LinkedIn feed row—perfect right below the hero, above logos/testimonials, or at the bottom of the page before your footer. It’s Gutenberg-native and uses the ProfeedWP block.

What this pattern is best for

• Quick credibility on the homepage
• Compact news/updates without overwhelming the layout
• Linking through to your LinkedIn to grow followers

Works with: Block themes (Site Editor), any modern Gutenberg setup.

Preview (what it looks like)

Copy-paste block markup (Gutenberg)

Paste this (as plain text) into Appearance → Editor → Patterns → Create pattern, or into any page section.

<!-- wp:group {"tagName":"section","style":{"spacing":{"blockGap":"var:preset|spacing|50","padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|40","right":"var:preset|spacing|40"}}},"backgroundColor":"lighter-grey","layout":{"type":"constrained"}} -->
<section class="wp-block-group has-lighter-grey-background-color has-background" style="padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--40)"><!-- wp:columns {"align":"wide","className":"is-style-large-gap","style":{"spacing":{"blockGap":{"left":"var:preset|spacing|50"}}}} -->
<div class="wp-block-columns alignwide is-style-large-gap"><!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%"><!-- wp:heading {"fontSize":"x-large"} -->
<h2 class="wp-block-heading has-x-large-font-size">From our LinkedIn</h2>
<!-- /wp:heading --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%"><!-- wp:paragraph -->
<p>Stay up to date with product news, tips, and behind-the-scenes. Follow us on LinkedIn to see what we’re shipping and learning.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"style":{"spacing":{"margin":{"top":"var:preset|spacing|20"}}}} -->
<div class="wp-block-buttons" style="margin-top:var(--wp--preset--spacing--20)"><!-- wp:button {"className":"is-style-icon-right is-style-fill"} -->
<div class="wp-block-button is-style-icon-right is-style-fill"><a class="wp-block-button__link wp-element-button" href="https://www.linkedin.com/company/YOUR-COMPANY/" target="_blank" rel="noreferrer noopener">Follow ProfeedWP on LinkedIn</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:group {"align":"wide","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide"><!-- wp:profeedwp/profeedwp {"companyUrl":"profeedwp","postsToShow":4,"textTruncationType":"characters","textTruncationLimit":50,"textTruncationLimitNoImage":40,"theme":"modern","customBorderRadius":12,"imageAspectRatio":"1","align":"wide"} -->
<div class="wp-block-profeedwp-profeedwp alignwide profeedwp-feed profeedwp-feed--modern" data-api-url="https://api.accomplice-dev.se/api/linkedin/company-posts" data-company-url="profeedwp" data-posts-to-show="4" data-show-images="true" data-show-date="true" data-show-text="true" data-show-like-count="false" data-show-comment-count="false" data-show-only-with-images="false" data-text-truncation-type="characters" data-text-truncation-limit="50" data-text-truncation-limit-no-image="40" data-layout="grid" data-columns="3" data-columns-sm="1" data-columns-lg="4" data-refresh-interval="3600" data-theme="modern" data-custom-card-background-color="" data-custom-card-background-gradient="" data-custom-text-color="" data-custom-hover-background-color="" data-custom-hover-text-color="" data-custom-border-radius="12" data-image-aspect-ratio="1" data-grid-gap="20" data-carousel-show-scrollbar="true" data-carousel-draggable="true" data-carousel-hide-overflow="true" style="--columns-sm:1px;--columns:3px;--columns-lg:4px;--lf-grid-gap:20px;--lf-border-radius:12px;--lf-image-border-radius:12px;--lf-aspect-ratio:1"><div class="profeedwp-feed-container"><div class="profeedwp-feed-loading"><div class="profeedwp-feed-spinner"></div><p>Loading LinkedIn posts...</p></div><div class="profeedwp-feed-error" style="display:none"><p>Oops! Something went wrong while fetching our awesome LinkedIn posts. Mind giving it another try? 🤔</p></div><div class="profeedwp-feed-posts" style="display:none"></div></div></div>
<!-- /wp:profeedwp/profeedwp --></div>
<!-- /wp:group --></section>
<!-- /wp:group -->Code language: HTML, XML (xml)

How to insert this pattern (Site Editor)

1. Go to Appearance → Editor.
2. Open your Homepage template (or your front page).
3. Paste the markup above (as plain text) into the Gutenberg editor (or save it as a reusable Pattern first).
4. Save. Done.

Variations you can try

• 3 cards (wider visuals): Try Posts to show to 3 and Columns (Desktop) to 3 in the Grid Settings panel of the ProfeedWP block.
• Show counts in Feed: set Show like count to true in the Display Settings panel of the ProfeedWP block.
• Different theme: Test different themes in ProfeedWP and find a match for your site.

FAQ