Emberly Digital

Emberly Popups is a simple PHP function that generates ARIA‑compliant modal popups. Great for newsletters, surveys, announcements, or any call‑to‑action:
<ul>
<li>Auto‑open after a configurable delay </li>
<li>Cookie‑ or session‑based “show once” control </li>
<li>Repeat interval (milliseconds) between popups </li>
<li>Shortcode support inside popup content </li>
<li>Adjustable width and padding </li>
<li>Accessible markup with proper ARIA roles</li>
</ul>
<h3>Usage</h3>
<h3>PHP 8+ (named arguments)</h3>
“`php 
emberly_popup( 
 title : ‘Welcome!’, 
 content : ‘
Thanks for visiting our site. Don’t miss our latest offers!
‘, 
 id : ‘welcome-popup’, 
 width : ’50rem’, 
 padding : ‘3rem’, 
 echo : true, 
 output_shortcodes: true, 
 auto_open : true, 
 delay : 2000, 
 show_once : false, 
 persistence_method: ‘session’, 
 show_interval_ms : 1800000 // 30 minutes 
); 
 <code><h3>PHP 7 & earlier (ordered arguments)</h3>```php 
emberly_popup( 
 '', // $title 
 'Thanks for visiting our site. Don't miss our latest offers!', 
 'category-survey-popup', // $id 
 '50rem', // $width 
 '3rem', // $padding 
 true, // $echo 
 true, // $output_shortcodes 
 true, // $auto_open 
 2000, // $delay 
 false, // $show_once 
 'session', // $persistence_method 
 1800000 // $show_interval_ms 
);</code>
<h3>Manual triggers</h3>
Anywhere in your markup, add: 
 <code>html 
<a href="#" em-popup-trigger-id="welcome-popup">Open Welcome Popup</a></code> 
The <code>em-popup-trigger-id</code> value must match the <code>$id</code> you set in <code>emberly_popup()</code>.
<h3>Parameters</h3>
 Parameter 
 Type 
 Default 
 Description
 title 
 string 
 ” 
 Popup heading text.
 content 
 string 
 ” 
 HTML for the popup’s body.
 id 
 string 
 ” 
 Unique popup identifier (required for cookies/sessions & triggers).
 width 
 string 
 ’60rem’ 
 CSS max-width for the popup container.
 padding 
 string 
 ‘3rem’ 
 Inner padding inside the popup.
 echo 
 bool 
 true 
 Echo the markup immediately (false to return as string).
 output_shortcodes 
 bool 
 false 
 Process WordPress shortcodes in <code>content</code>.
 auto_open 
 bool 
 false 
 Automatically open after <code>delay</code> ms.
 delay 
 int 
 0 
 Milliseconds to wait before auto-open.
 show_once 
 bool 
 false 
 If true, shows only once per session/cookie period.
 persistence_method 
 string 
 ‘cookie’ 
 Where to store “shown” flag: ‘cookie’ or ‘session’.
 show_interval_ms 
 int 
 0 
 Minimum interval (ms) before showing again. 0 disables repeats.
 debug 
 bool 
 false 
 Log internal events to browser console (load, open, cookies, scroll lock).
<h3>Debugging</h3>
Add <code>debug: true</code> (PHP 8+) or append <code>true</code> as the 13th argument (PHP 7) to enable console logging:
<pre><code>`php
</code></pre>
// PHP 8+ example 
emberly_popup( 
 title : ‘Debug Popup’, 
 content: ‘
Debugging is on!
‘, 
 id : ‘debug-popup’, 
 debug : true 
); 
 `

Emberly Popups

Lightweight, accessible popups for WordPress—made by developers, for developers.

Franchi Web Design

codtommy

<h4>Engage and convert visitors with ease using CocoPopup – the ultimate WordPress popup plugin built for Gutenberg.</h4>
CocoPopup seamlessly integrates with the Gutenberg editor, giving you a powerful yet simple way to create fully customizable popups. Whether you’re capturing leads, promoting offers, or delivering important messages, CocoPopup helps you boost conversions without disrupting the user experience.
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/6gyoMN1uSJQ?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>
Key Features:
<ul>
<li>
100% Gutenberg-Ready: Easily add and customize popups directly within the Gutenberg editor, making it the perfect solution for Full Site Editing (FSE) themes.
</li>
<li>
Customizable Popup Design: Personalize every aspect of your popup, including the background, borders, text, colors, animations, and more.
</li>
<li>
Advanced Triggering Options: Display popups based on specific events like page load, hover, inactivity, and exit intent. Premium features also include advanced targeting like device-based triggers, WooCommerce integration, and more.
</li>
<li>
Seamless Performance: Built with performance in mind, CocoPopup ensures fast loading times and seamless integration with your theme, providing a smooth user experience.
</li>
<li>
Analytics & Statistics: Track popup views, interactions, and more to optimize your conversions and engagement.
</li>
</ul>
Why Choose CocoPopup?
CocoPopup is the ideal plugin for creating highly engaging, non-intrusive popups on WordPress. Designed specifically for Gutenberg, it offers full customization and flexibility to meet your marketing needs, whether you’re a blogger, marketer, or online store owner.
Perfect for Marketing & Lead Generation:
Capture leads with attractive opt-in forms or drive sales with promotional offers and discounts. With CocoPopup’s advanced targeting and customizable design, you can effectively engage your visitors and drive better results.
FREE FEATURES
<ul>
<li>Create and manage all the popups you desire on your WordPress site</li>
<li>You can place the popup anywhere on your site without having to insert code; being a block, it seamlessly adapts to your preferences</li>
<li>You can create popups on a single post, page, WooCommerce product, WooCommerce cart, footer</li>
<li>As a block, you can customize it as you wish, choosing from various pre-set patterns or unleashing your ideas using any Gutenberg block</li>
<li>Customizable close button</li>
<li>Fully customizable structure and close button style</li>
<li>Entrance animations</li>
<li>Popup position within the page wherever you desire</li>
<li>Popup close button position wherever you desire</li>
<li>Body overflow</li>
<li>Dashboard with statistics</li>
<li>Dashboard with pro extensions viewable</li>
<li>Support</li>
</ul>
PREMIUM FEATURES
<ul>
<li>Scroll Triggered Popup</li>
<li>Countdown Popup</li>
<li>Age Restriction Popup</li>
<li>Woocommerce Popup</li>
<li>Button Adder Popup</li>
<li>Exit Intent Popup</li>
<li>Inactivity Event Popup</li>
<li>Advanced Targeting Popup</li>
<li>Schedule Popup</li>
<li>Advanced Closing Popup</li>
<li>Overlay Filter Popup</li>
<li>Analytics Popup</li>
<li>Custom Popup</li>
<li>Support Premium</li>
</ul>
<h3>SUPPORT & DOCUMENTATION</h3>
<ul>
<li>If you have any more questions, visit our support on the <a href="https://wordpress.org/support/plugin/cocopopup/" rel="ugc">Plugin’s Support</a>.</li>
<li>Find out how to use CocoPopup with our <a href="https://franchiwebdesign.com/documentation/" rel="nofollow ugc">detailed documentation</a>.</li>
<li>For information about our features, FAQs and more, check out our website at <a href="https://cocopopup.franchiwebdesign.com/" rel="nofollow ugc">CocoPopup</a>.</li>
</ul>
<h3>CONTRIBUTE</h3>
The full source code is available on <a href="https://github.com/DenisFranchi1974/cocopopup" rel="nofollow ugc">GitHub Repository</a>. Feel free to contribute or report an issue.
<h3>Update Notice</h3>
<h4>2.0.1</h4>
<ul>
<li>Tested the plugin with the new WordPress version 6.8.</li>
</ul>
<h3>EXTERNAL RESOURCES</h3>
<h4>Images</h4>
The images used in this plugin were obtained from <a href="https://pxhere.com/" rel="nofollow ugc">Pxhere</a> and are released under the GPL (GNU General Public License).
<h3>POWERED BY</h3>
CocoPopup was created by <a href="https://franchiwebdesign.com/" rel="nofollow ugc">Franchi Design</a>.

CocoPopup – Gutenberg Popup Builder for WordPress

Create powerful popups in WordPress with CocoPopup – a flexible Gutenberg popup builder for marketing, WooCommerce & more.

Emberly Popups vs CocoPopup – Gutenberg Popup Builder for WordPress