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.

WPKube

FancyThemes

Promote Your Content in a Full-Screen Popup!
Page Takeover allows you to create a stunning full-screen popup for your blog or website, without the need to know any HTML or CSS.
Simply install the plugin, pick your colors, change the texts and your call-to-action, and load a distraction-free full-screen popup on your website.
Promote Anything!
<ul>
<li>Promote any post or page</li>
<li>Promote any external URL</li>
<li>Promote your recommended posts</li>
<li>Promote your products or services</li>
<li>Promote your special offers or coupon codes</li>
<li>Promote your lead page or lead magnet</li>
<li>Promote your podcast or webinar</li>
<li>Promote your social media accounts</li>
</ul>
Choose When Your Full-Screen Popup is Loaded
<ul>
<li>Immediately</li>
<li>After 5 seconds</li>
<li>After 10 seconds</li>
<li>After 30 seconds</li>
</ul>
Choose How Often Your Full-Screen Popup is Shown
<ul>
<li>Always</li>
<li>Once per session</li>
<li>Once every day</li>
<li>Once every week</li>
</ul>
Translations
<a href="https://translate.wordpress.org/projects/wp-plugins/page-takeover" rel="nofollow ugc">Translate Page Takeover into your language</a>
What’s Next
If you like this plugin, then please leave us a good rating and review.
Also take a look at our collection of <a href="http://www.designbombs.com/best-free-wordpress-themes/" rel="friend nofollow ugc">free WordPress Themes</a> and <a href="http://www.designbombs.com/best-wordpress-hosting" rel="friend nofollow ugc">Best WordPress Hosting study</a>, if you are looking to switch providers.

Page Takeover

Good plugin. Disturbed that I didn't have this idea to develop a plugin! ;-) Fantastic feedback/support! I really hope this plugin does well!



Fantastic plugin

Create a full-screen popup without a developer. Promote your content and offers in a full-screen overlay.

Emberly Popups vs Page Takeover