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.

paywhirl

<p>PayWhirl Widget Blocks connects your WordPress site to your PayWhirl account so you can embed subscription widgets and buy buttons anywhere the block editor is available. Store owners can manage their PayWhirl API credentials from an admin settings page, test the connection, and drop the <strong>PayWhirl Widget</strong> block into posts, pages, templates, or patterns without touching code.</p>
<p><strong>Watch a quick setup walkthrough</strong></p>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/1gIiPhe296s?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent&listType=playlist&list=PLOHvuO73bXtU-LYGyFpsTHFgBneV6kCue" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<p><strong>Give it a whirl <span aria-hidden="true" class="wp-exclude-emoji">→</span> <a href="https://paywhirl.com/demo" rel="nofollow ugc">View demo</a></strong></p>
<h3>How to Use PayWhirl Widget Blocks</h3>
<h3>Configure API access</h3>
<ul>
<li>Go to <strong>PayWhirl <span aria-hidden="true" class="wp-exclude-emoji">→</span> API Connection</strong>.</li>
<li>Paste your PayWhirl API key and secret. Leave fields blank to keep existing encrypted credentials.</li>
<li>Use <strong>Test Connection</strong> to confirm access and view rate-limit headers.</li>
</ul>
<h3>Add a widget to content</h3>
<ul>
<li>Open any block editor (post, page, template, reusable block).</li>
<li>Search for “PayWhirl Widget”.</li>
<li>Click <strong>Fetch PayWhirl widgets</strong> and select the desired widget or buy button.</li>
<li>Choose the embed type (widget or buy button) in the inspector panel.</li>
<li>Publish or update the content. The live site will load the PayWhirl embed script and render the widget.</li>
</ul>
<h3>Customer portal link</h3>
<ul>
<li>Enable the <strong>Customer Portal Link</strong> section on the settings page to sync a menu item or create an embedded portal page.</li>
<li>Disable the toggle to remove the synced menu item and clear stored menu/page references.</li>
</ul>
<h3>Shortcode</h3>
<p>Use the shortcode <code>[paywhirl_customer_portal]</code> to embed the PayWhirl customer portal inside classic editors or theme builder widgets.</p>
<h3>Blocks</h3>
<ul>
<li><strong>paywhirl/widget</strong> – Embed PayWhirl widgets or buy buttons anywhere in block-based content.</li>
</ul>


PayWhirl Widget Blocks

Your PayWhirl customer portal and widgets, all inside the WordPress editor.

Pym.js Embeds vs PayWhirl Widget Blocks