Matt Cromwell

Synced Pattern Popups helps you create popups using the WordPress editor you already know, not yet another builder. Create a Pattern yourself or from the Pattern Library, paste the trigger code as a link anywhere on your site, and your Pattern is now opened via a beautiful and accessible modal popup. Manually triggered by your website viewers because they are interested in your content, not because you’re punishing them for scrolling too far, or exiting your tab.
Most popup plugins are built on a desperate lie: if you interrupt your visitor enough times, they’ll eventually give in. They sell “triggers” like exit intent and scroll depth as features, but in reality, these are just ways to guess what a user wants. When you guess wrong, you don’t get a lead; you get a “close” click and a bruised brand reputation.
Synced Pattern Popups was built for the site owner who trusts their content and respects their visitors’ time.
<h4>Built for the Modern WordPress Stack</h4>
Don’t step out of your workflow into a bespoke, clunky UI. Synced Pattern Popups uses 100% Native Architecture. If it’s a block, it works—forms, videos, or third-party embeds.
<ul>
<li>🧱 100% Native Architecture: Your popups are Synced Patterns. No parallel builders, no proprietary styling engines, no bloat.</li>
<li>🔌 Zero Integration Friction: If it’s a block, it works. Forms, videos, or third-party embeds—if you can drop it on a page, you can put it in a popup.</li>
<li>♿ Radical Accessibility: Inclusion isn’t an afterthought. Our modals feature rock-solid focus trapping, full keyboard support, and screen-reader optimization out of the box. You don’t have to “fix” your popups for compliance; they’re born ready.</li>
<li>🔄 Global Updates, Zero Effort: Edit your Synced Pattern once, and every instance—across your pages and inside your popups—updates instantly.</li>
<li>🖼️ Media-First Popups: Full support for the Core Gallery block. Stop settling for static images; give your visitors the high-fidelity experience they asked for.</li>
<li>⌘ Built into your Workflow: With Command Palette integration, managing your popups is as fast as typing a shortcut.</li>
</ul>
<h4>Key Benefits</h4>
<ul>
<li>Global Updates, Zero Effort: Edit a Synced Pattern once, and every instance across your site updates instantly.</li>
<li>Performance Optimized: Intelligent caching and AJAX loading ensure your initial page load stays lightning-fast.</li>
<li>Developer Friendly: Clean code, WordPress hooks, and Abilities API support for programmatic workflows.</li>
<li>AI-Powered TLDR: Generate instant summaries of page content (requires AI Experiments plugin).</li>
</ul>
<h4>Major Features</h4>
↗️Modal popups powered by Synced Patterns 
Create your popup content using the native Block Editor – layouts, images, galleries, buttons, and third-party blocks all work.
<h4>Simple trigger system (class or href)</h4>
Highlight a word or click into a button then open the hyperlink option. Paste in your Trigger code, for example: <code>#spp-trigger-{id}</code> and now that link will open your modal on click, just like that!
You can also set a custom class name on a block:
<ul>
<li>Custom Class name: <code>spp-trigger-{id}</code> (like on a column or section block)</li>
<li>Link: <code>href="#spp-trigger-{id}"</code> (handy in the Block Editor)</li>
</ul>
<h4>Width overrides</h4>
By default all modals open at 600px. You can override that in your general settings at “Appearance → Synced Pattern” then the “Defaults” tab.
Or you can also set it on a per modal basis within the trigger code by appending the width in pixels to the end of the trigger code: <code>spp-trigger-{id}-{width}</code>.
🖼️Core Gallery Block Support 
The Core Gallery block has a “lightbox” feature. But that feature does not support image navigation within the lightbox or captions or width management. Synced Pattern Popups lets you do all of that with your Core Gallery blocks. Simply choose the Gallery block (not the individual images within the Gallery block), and click on the link icon (“🔗”). There you’ll see several options, including the Core lightbox feature, and now also “Open in Synced Pattern Popups”.
🤖AI-powered TLDR (optional)
Generate AI summaries of the current page content on demand by adding a <code>spp-trigger-tldr</code> trigger. This feature requires the AI Experiments plugin and configured credentials (you’ll see guided setup in the TLDR tab).
💻Handy for Developer Features 
Synced Pattern Popups is made to be user friendly, but it’s also full of useful utilities for developers.
<ul>
<li>On-demand loading (AJAX) 
Popup content loads only when needed, which keeps initial page loads fast.</li>
<li>Smart caching with automatic invalidation 
Rendered popup output is cached using WordPress transients for performance, and automatically cleared when synced patterns or default settings change. You can also clear a single pattern’s cache from the admin UI.</li>
<li>Full block styling support (core + third‑party) 
The plugin loads the styles required to render the synced pattern correctly inside the modal – including WordPress core block styles and supported third-party block styles.</li>
<li>Accessibility-first modal behavior 
Includes keyboard navigation (Escape to close, Tab stays within the popup), focus management, and screen-reader friendly UI.</li>
<li>Abilities API integration (WordPress 6.9+) 
On WordPress 6.9+, the plugin registers Abilities to enable programmatic use cases (e.g., rendering popup content via <code>wp_execute_ability()</code> in custom workflows). If the Abilities API isn’t available, the plugin simply skips this integration.</li>
</ul>
<h4>How It Works</h4>
<ol>
<li>Create a Synced Pattern in WordPress (Appearance → Synced Patterns)</li>
<li>Add a trigger as a link or class to any block or element: <code>class="spp-trigger-{ID}"</code> or <code>href="#spp-trigger-{ID}"</code></li>
<li>When clicked, the popup opens with your pattern content</li>
<li>Content loads via AJAX for optimal performance</li>
</ol>
<h4>What are Synced Patterns?</h4>
Synced Patterns (stored as <code>wp_block</code> posts) are reusable block layouts you can create and manage once, then reuse across your site. When you edit a synced pattern, any place it’s used is updated automatically.
This plugin surfaces them with a dedicated admin screen at Appearance → Synced Patterns, making it easy to: 
– See each pattern’s ID at a glance 
– Copy the trigger code 
– Edit or delete the pattern 
– Clear the cached popup output when needed
<h3>Support</h3>
For support, feature requests, or bug reports, please visit the plugin’s support page or GitHub repository.

Synced Pattern Popups


This plugin is pretty easy to use.




Create a synced pattern (I used a download CTA)



Add the Synced Pattern Popups trigger code to a download button.



You now have an interactive CTA that pops open a download modal.




This is just one of many use-cases. This plugin is very nice and I will be adding an integration with it to the next version of Pattern Wrangler.


Great For Quick Button Modals

Synced Pattern Popups helps you create popups using the WordPress editor you already know, not yet another builder.

Ronald Huereca

Pattern Wrangler makes managing WordPress block patterns easy, and is designed for both hybrid classic/block themes, block themes, and is compatible with most page builders through its shortcode support. Pattern Wrangler allows you to curate the pattern experience for your clients, controlling down to the pattern and category what the client sees in the block editor.
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/tFnnki9ZOLg?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
<blockquote>
❤️ <a href="https://app.instawp.io/launch?s=pattern-wrangler-20-demo&d=v2" rel="nofollow ugc">Spin up a free demo</a>.
</blockquote>
Here are the major features:
<ul>
<li>New Patterns Screen – A new Patterns screen now shows at a glance all of the patterns available for your site. You can sort through both local and registered patterns, and selectively disable or enable whatever patterns you’d like your client to see. A real-time preview is available by clicking on the pattern. </li>
<li>New Categories Screen – Manage both registered and local categories in one intuitive interface. Bulk-disable categories, or map them to existing ones.</li>
<li>Hide All Patterns – Completely hide patterns from the block editor in one click. This also hides the Patterns menu item.</li>
<li>Selective Hiding – Hide core, remote, theme, or plugin patterns while keeping your custom patterns visible. You can also hide synced and unsynced patterns together or separately. If you need to hide WooCommerce patterns, you can do so by hiding all plugin patterns, or using the Patterns View to disable the patterns individually.</li>
<li>Category Management – Disable, map, and rename registered categories from themes and plugins for better organization. This will help you keep local and registered patterns organized together. For example, you’d like to create a “Call to Action” category for a local pattern, but a registered category already exists, do you have a duplicate in the patterns view. In this case, map the registered category to the local one and remove the duplicate.</li>
<li>Output Patterns Anywhere – Use a shortcode or PHP function to display local patterns in page builders, widgets, your theme, or in other blocks. This works well in Multisite and allows you to use synced patterns across the network.</li>
<li>Pattern Preview – Preview a pattern on the frontend with shortcuts in the block editor.</li>
<li>Cross-Site Pattern Copying – Transfer patterns, including the remote images, between WordPress sites effortlessly. This is useful if you’re copying a pattern from one site to another or copying a pattern from a production site to a development site.</li>
</ul>
Available features on the Patterns screen include:
<ul>
<li>Sort between Local and Registered patterns.</li>
<li>Filter between categories and pattern source.</li>
<li>Click a pattern to view a real-time preview in a lightbox.</li>
<li>Copy registered patterns to a local copy.</li>
<li>Export all patterns to JSON.</li>
<li>Copy a pattern to the clipboard.</li>
<li>Disable each pattern individually.</li>
<li>Quickly edit local patterns.</li>
<li>Add new patterns or import patterns from JSON.</li>
</ul>
Available features on the Categories screen include:
<ul>
<li>Sort between local and registered categories.</li>
<li>Disable and map registered categories to local ones.</li>
<li>Easily create new categories.</li>
<li>Delete local categories as needed.</li>
<li>Bulk options allow you to disable, and enable registered categories.</li>
</ul>
<blockquote>
Pattern Wrangler integrates seamlessly with block-based and classic themes offering a hybrid setup with unmatched flexibility. <a href="https://app.instawp.io/launch?s=pattern-wrangler-20-demo&d=v2" rel="nofollow ugc">Spin up your own demo</a> to see Pattern Wrangler in action.
</blockquote>
<h3>Quick Links</h3>
<a href="https://docs.dlxplugins.com/v/pattern-wrangler" rel="nofollow ugc">All Features and Documentation</a> | <a href="https://github.com/sponsors/DLXPlugins" rel="nofollow ugc">Sponsor Us</a> | <a href="https://dlxplugins.com/plugins/pattern-wrangler/" rel="nofollow ugc">Pattern Wrangler Home</a>
<blockquote>
Source code is available on <a href="https://github.com/DLXPlugins/pattern-wrangler" rel="nofollow ugc">GitHub</a>. Code contributions and sponsorships appreciated.
</blockquote>
<h3>Requirements and Compatibility</h3>
Requires WordPress 6.8 or higher. 6.9 is recommended.
Fully compatible with most themes, including block themes. Ideal for hybrid setups and page builders. If you need to use a block in a page builder or classic editor, you can create a new pattern, configure the block, and use the built-in shortcode. If you need to use the pattern in a template, you can use the built-in PHP function, which is available for all local patterns.
This plugin has been tested almost exclusively with <a href="https://wordpress.org/themes/ollie/" rel="ugc">the Ollie theme</a>, which is a phenomenal block theme. All the 202x themes have also been tested, as well as Blocksy, Astra, and GeneratePress.
If you have any issues with the previews, please be patient in your support requests, and also specific as to which themes or plugins may be involved.
<h3>Integrations</h3>
This plugin integrates well with the following:
<ul>
<li><a href="https://wordpress.org/plugins/synced-pattern-popups/" rel="ugc">Synced Pattern Popups</a>: Synced Pattern Popups helps you create popups using the WordPress editor you already know, not yet another builder.</li>
<li><a href="https://wordpress.org/plugins/block-visibility/" rel="ugc">Block Visibility</a>: Easily create dynamic content in WordPress that will increase conversions, enhance the user experience, and improve your workflow.</li>
<li>Spectra, Kadence, and GenerateBlocks.</li>
</ul>
If you have an idea for other integrations, please leave a support thread.
<h3>Help This Plugin Grow</h3>
❤️ Please help spread the word about this plugin through your kind review and by telling others about this plugin.

Pattern Wrangler – Manage Block Patterns and Pattern Categories

Curate and manage your block patterns, registered patterns, synced patterns, and pattern categories efficiently with Pattern Wrangler.

Synced Pattern Popups vs Pattern Wrangler – Manage Block Patterns and Pattern Categories