INN Labs

<p>Pym.js Embeds provides shortcode and Gutenberg block wrappers for embedding responsive iframes using <a href="http://blog.apps.npr.org/pym.js/" rel="nofollow ugc">Pym.js</a>, developed by the NPR Visuals Team. Embedded content resizes vertically to match its container’s width.</p>
<p>AMP compatibility is provided by the <a href="https://wordpress.org/plugins/amp/" rel="ugc">official AMP plugin</a>.</p>
<h3>Pym.js Resources from NPR</h3>
<p>You may also want to look at NPR’s Pym.js resources:</p>
<ul>
<li><a href="http://blog.apps.npr.org/pym.js/" rel="nofollow ugc">Pym.js homepage</a></li>
<li><a href="https://github.com/nprapps/pym.js/" rel="nofollow ugc">Pym.js repo on GutHub/nprapps</a></li>
</ul>


Pym.js Embeds

A WordPress block and shortcode for embedding iframes that are responsive horizontally and vertically, using the NPR Visuals Team's Pym.js.

topdevs.net

Illia Kopturov

Illia

<p>Embedding social Page content often slows down WordPress sites and loads third-party scripts before visitors interact.</p>
<p>Simple Like Page Plugin helps you embed Meta™ Page content without hurting performance, by delaying script loading until interaction or visibility.</p>
<p>This reduces unnecessary requests, improves Core Web Vitals, and gives you control over when external scripts load.</p>
<p>This plugin is not affiliated with, endorsed by, or sponsored by Meta Platforms, Inc.<br />
All trademarks belong to their respective owners.</p>
<h3>Key Features</h3>
<h4>Privacy-First Loading</h4>
<ul>
<li>Delays Facebook script loading until user interaction</li>
<li>Optional lazy loading when the embed enters the viewport</li>
<li>Helps reduce third-party requests on initial page load</li>
</ul>
<h4>Performance Focused</h4>
<ul>
<li>Lightweight HTML placeholder before activation</li>
<li>No render-blocking Facebook SDK on initial page load</li>
</ul>
<h4>Multiple Integration Options</h4>
<ul>
<li>Gutenberg block</li>
<li>Shortcode</li>
<li>Classic widget</li>
<li>Theme template tag</li>
</ul>
<h4>Extensible</h4>
<ul>
<li>Hooks and filters for add-ons</li>
<li>Architecture designed for future consent-based extensions</li>
</ul>
<h3>How It Works</h3>
<ol>
<li>Renders a placeholder instead of the Facebook embed</li>
<li>Loads Facebook scripts only after user interaction (or when in view, if enabled)</li>
<li>Renders the Page Plugin once scripts are available</li>
</ol>
<p>This approach is designed to improve performance and reduce unnecessary third-party requests.</p>
<h3>Usage</h3>
<p>You can add the Facebook Page Plugin in four different ways.</p>
<h4>1. Gutenberg Block (Recommended)</h4>
<ol>
<li>Edit any post or page</li>
<li>Click <strong>Add Block (+)</strong></li>
<li>Search for <strong>Simple Like Page Plugin</strong></li>
<li>Insert the block</li>
<li>Paste your Facebook Page URL</li>
<li>Adjust layout and privacy options in the block sidebar</li>
</ol>
<h4>2. Shortcode</h4>
<p>Use the shortcode inside any post or page:</p>
<pre><code>sfp-page-plugin
</code></pre>
<p>Shortcode parameters:</p>
<ul>
<li><code>url</code></li>
<li><code>width</code></li>
<li><code>height</code></li>
<li><code>hide_cover</code></li>
<li><code>show_facepile</code></li>
<li><code>small_header</code></li>
<li><code>timeline</code></li>
<li><code>events</code></li>
<li><code>messages</code></li>
<li><code>locale</code></li>
<li><code>click_to_load</code></li>
<li><code>lazy_load</code></li>
<li><code>placeholder_text</code></li>
<li><code>placeholder_bg_color</code></li>
<li><code>placeholder_text_color</code></li>
</ul>
<p>Example:</p>
<pre><code>[sfp-page-plugin url="https://www.facebook.com/WordPress" width="320" timeline="true"]
</code></pre>
<h4>3. Widget</h4>
<ol>
<li>Go to <strong>Appearance -> Widgets</strong></li>
<li>Add <strong>SFP – Like Page Plugin</strong></li>
<li>Enter your Facebook Page URL</li>
<li>Configure display options</li>
<li>Save</li>
</ol>
<h4>4. Template Tag (Advanced)</h4>
<p>For theme developers:</p>
<pre><code>`
</code></pre>
<p> ‘https://www.facebook.com/WordPress/’,<br />
        ‘width’ => ‘300’,<br />
        ‘timeline’ => true,<br />
        ‘locale’ => ‘en_US’<br />
    );<br />
    sfp_page_plugin( $args );<br />
} ?><br />
    `</p>
<h3>Performance & Privacy</h3>
<p>By default, the plugin delays Facebook loading until interaction. If you enable lazy loading, scripts are loaded when the embed is in view.</p>
<p>Facebook may set cookies or process data once the embed loads. You are responsible for updating your privacy policy as needed.</p>
<h3>Settings</h3>
<p>The plugin includes a <strong>Performance & Privacy</strong> section where you can control:</p>
<ul>
<li>Click-to-load (default off)</li>
<li>Lazy loading (default on)</li>
<li>Placeholder text</li>
<li>Placeholder colors</li>
</ul>
<p>You can also set a default Facebook Page URL and locale in the settings screen.</p>
<h3>Compatibility</h3>
<ul>
<li>Works with modern WordPress themes</li>
<li>Compatible with caching and performance plugins</li>
<li>Supports Gutenberg and Classic Editor</li>
</ul>
<h3>Support</h3>
<p>Found a bug or have a feature request? Please use the <strong>Support</strong> tab on WordPress.org.</p>


Simple Like Page Plugin – Fast & Privacy-Friendly Page Embeds

A shame they decided to add a SPAM ad for Oxygen to the dashboard. Yes, you can dismiss it, but it is very poor practice to put it there in the first place.

Adding Spam to the dashboard

Nice plugin to embed a FB feed on a page/widget. Thanks!

works nicely

Embed Meta™ Page content without slowing down your site or loading third-party scripts before user interaction.

Pym.js Embeds vs Simple Like Page Plugin – Fast & Privacy-Friendly Page Embeds