2fox4oliver

<p><strong>2fox4 Custom Popup</strong> lets you build fully custom popup windows using the native WordPress block editor. Use any standard block – headings, images, buttons, columns, lists – as well as shortcodes from third-party plugins like Contact Form 7 or WPForms.</p>
<h4>Features</h4>
<ul>
<li><strong>Gutenberg-powered</strong> – design popups with the block editor you already know.</li>
<li><strong>Display targeting</strong> – choose exactly where your popup appears: homepage, posts, pages.</li>
<li><strong>Smart triggers</strong> – time delay (seconds), scroll depth (%) and exit intent. All can be combined.</li>
<li><strong>Flexible repeat control</strong> – set the pause between re-appearances in minutes, hours or days, or show the popup on every visit.</li>
<li><strong>Entrance animations</strong> – choose between a bounce effect, a shake effect or a simple fade-in.</li>
<li><strong>Cookie technology</strong> – once a visitor closes or sees the popup a cookie prevents it from showing again for the configured duration.</li>
<li><strong>Modern responsive design</strong> – fade-in with backdrop blur, mobile-optimised bottom sheet on small screens.</li>
<li><strong>Easy exit</strong> – close via the × button, the Escape key or a click outside the popup.</li>
<li><strong>WooCommerce integration</strong> – optional cart abandonment popup with coupon code display when a visitor tries to leave with items in the cart.</li>
</ul>
<h4>Quick Start</h4>
<ol>
<li>Navigate to <strong>Popups <span aria-hidden="true" class="wp-exclude-emoji">→</span> New Popup</strong>.</li>
<li>Design your content (e.g. an image on the left, text and a CTA button on the right).</li>
<li>In the right sidebar choose <strong>Homepage</strong> and set scroll depth to <strong>30 %</strong>.</li>
<li>Hit <strong>Publish</strong>. Done!</li>
</ol>
<h4>Links</h4>
<ul>
<li><a href="https://www.2fox4.de/wordpress-plugins/" rel="nofollow ugc">More plugins by 2fox4</a></li>
<li><a href="https://www.2fox4.de/wordpress-plugins/" rel="nofollow ugc">Plugin homepage</a></li>
</ul>
<h3>External services</h3>
<p>This plugin includes a voluntary donation link that points to PayPal (paypal.com). The link is displayed inside an admin notice (“Buy me a coffee”) and does not transmit any data automatically. No connection to PayPal is made unless the site administrator clicks the link themselves.</p>
<ul>
<li>Service provider: PayPal (Europe) S.à r.l. et Cie, S.C.A.</li>
<li><a href="https://www.paypal.com/de/webapps/mpp/ua/useragreement-full" rel="nofollow ugc">PayPal Terms of Service</a></li>
<li><a href="https://www.paypal.com/de/webapps/mpp/ua/privacy-full" rel="nofollow ugc">PayPal Privacy Policy</a></li>
</ul>


2fox4 Custom Popup

Create highly customisable, conversion-focused popup windows right inside the Gutenberg editor – no external services required.

Jon Christopher

Pavlo

<p>Use SearchWP Modal Search Form to easily integrate an accessible, lightweight modal search form into your WordPress website! SearchWP Modal Search Form <strong>does not require <a href="https://searchwp.com/?utm_source=wordpressorg&utm_medium=link&utm_content=readme&utm_campaign=modalform" rel="nofollow ugc">SearchWP</a></strong> but it will utilize SearchWP if it’s installed and activated! 👍</p>
<p>Beyond the information made available in this <code>README</code> there is <a href="https://searchwp.com/extensions/modal-form/?utm_source=wordpressorg&utm_medium=link&utm_content=readme&utm_campaign=modalform" rel="nofollow ugc">full documentation</a> available as well.</p>
<h3>What makes it different from other modals?</h3>
<p>The philosophy behind SearchWP Modal Search Form is to make it easy to implement accessible and lightweight modal search forms but perhaps even more important make it a great developer (and user) experience.</p>
<p>SearchWP Modal Search Form directly integrates with WordPress in the way you use it, and the default modal form theme builds upon the styles put in place by your active theme, making the overhead as small as possible. There’s a full template loader built in as well, allowing you to <em>fully customize</em> your SearchWP Modal Search Form with minimal hassle.</p>
<p>Check out the <a href="https://github.com/jchristopher/searchwp-modal-search-form/blob/master/templates/default.php" rel="nofollow ugc">default template</a> for an example of how easy it is to customize 🤓</p>
<h3>Adding modal forms to your site</h3>
<p>SearchWP Modal Search Form makes it easy to implement modal search forms anywhere in your WordPress website. The following methods are built in and available to you:</p>
<ol>
<li>As a <a href="https://searchwp.com/extensions/modal-form/?utm_source=wordpressorg&utm_medium=link&utm_content=readme&utm_campaign=modalform#menu-item" rel="nofollow ugc">Menu Item</a></li>
<li>Using a <a href="https://searchwp.com/extensions/modal-form/?utm_source=wordpressorg&utm_medium=link&utm_content=readme&utm_campaign=modalform#shortcode" rel="nofollow ugc">Shortcode</a></li>
<li>As a <a href="https://searchwp.com/extensions/modal-form/?utm_source=wordpressorg&utm_medium=link&utm_content=readme&utm_campaign=modalform#block" rel="nofollow ugc">Gutenberg Block</a></li>
<li>Within your template(s) <a href="https://searchwp.com/extensions/modal-form/?utm_source=wordpressorg&utm_medium=link&utm_content=readme&utm_campaign=modalform#code" rel="nofollow ugc">programmatically</a></li>
</ol>
<h3>Template Customization</h3>
<p>SearchWP Modal Search Form integrates a proper template loader for displaying search forms in any number of templates, allowing you to <em>fully customize</em> what the modal looks like per template.</p>
<p>The most straightforward way to create a custom template is as follows:</p>
<ol>
<li>Create a folder named <code>searchwp-modal-form</code> within your theme</li>
<li>Create a file within that folder named <code>template.php</code> (or any name ending in <code>.php</code>)</li>
<li>Copy the contents of the <a href="https://github.com/jchristopher/searchwp-modal-search-form/blob/master/templates/default.php" rel="nofollow ugc">default template</a> into that file</li>
<li>Customize the <code>SearchWP Modal Form Name</code> value in the header comment block</li>
<li>Make any other customizations you\’d like to the markup/style, paying attention to the documentation</li>
</ol>
<p>There are (jQuery) events that fire when modals are opened and closed. jQuery <em>is not</em> a dependency, but if jQuery is loaded the events will fire.</p>
<pre><code>// Add a callback when a modal is opened:
jQuery('body').on('searchwpModalOnShow', function(e) {
    // Focus an input in the template.
    e.el.find('input').focus();
});

// Add a callback when a modal is closed:
jQuery('body').on('searchwpModalOnClose', function(e) {
    alert('Modal closed!');
});
</code></pre>
<p>Please review the <a href="https://searchwp.com/extensions/modal-form/?utm_source=wordpressorg&utm_medium=link&utm_content=readme&utm_campaign=modalform#templates" rel="nofollow ugc">full template documentation</a> for more detailed information.</p>


SearchWP Modal Search Form


Very helpful support, thanks for everything that you do!


Great support

Quickly and easily insert modal search forms into Menus, as a Block, or directly within theme templates.

2fox4 Custom Popup vs SearchWP Modal Search Form