wpappricos

<p><strong>Pushinator</strong> allows you to receive instant push notifications on your iPhone or Android device when important events happen on your WordPress site.</p>
<h4>Features</h4>
<ul>
<li><strong>WordPress Events</strong>: Get notified about new posts, pages, comments, user registrations, login attempts, and system updates</li>
<li><strong>WooCommerce Support</strong>: Receive alerts for new orders, order status changes, low stock, out of stock, new customers, and product reviews</li>
<li><strong>Multiple Channels</strong>: Create different channels for different types of notifications</li>
<li><strong>Acknowledgment Support</strong>: Require confirmation that notifications were received (paid plans)</li>
<li><strong>Detailed Logs</strong>: Track all sent notifications with success/failure status</li>
<li><strong>Easy Setup</strong>: Simple configuration with API token</li>
</ul>
<h4>Supported WordPress Events</h4>
<ul>
<li>New post/page published</li>
<li>Post updated or deleted</li>
<li>Draft published, pending post approved</li>
<li>New comments, comment approved/spam/trashed</li>
<li>User registration, login, failed login attempts</li>
<li>User role changes, password resets</li>
<li>WordPress/plugin/theme updates</li>
<li>Theme changes</li>
</ul>
<h4>Supported WooCommerce Events</h4>
<ul>
<li>New orders</li>
<li>Order status changes (pending, processing, completed, cancelled, refunded, failed, on-hold)</li>
<li>Low stock and out of stock alerts</li>
<li>Product backorders</li>
<li>New customer registrations</li>
<li>Customer address updates</li>
<li>New product reviews</li>
</ul>
<h4>How It Works</h4>
<ol>
<li>Create a channel at <a href="https://console.pushinator.com" rel="nofollow ugc">Pushinator Console</a></li>
<li>Install the Pushinator app on your mobile device</li>
<li>Scan the channel QR code to subscribe</li>
<li>Configure which WordPress events should trigger notifications</li>
<li>Receive instant push notifications on your phone</li>
</ol>
<h4>External Service</h4>
<p>This plugin connects to the Pushinator API (https://api.pushinator.com) to send push notifications to your mobile devices.</p>
<ul>
<li><strong>Service Website</strong>: <a href="https://pushinator.com" rel="nofollow ugc">https://pushinator.com</a></li>
<li><strong>Terms of Service</strong>: <a href="https://pushinator.com/terms" rel="nofollow ugc">https://pushinator.com/terms</a></li>
<li><strong>Privacy Policy</strong>: <a href="https://pushinator.com/privacy" rel="nofollow ugc">https://pushinator.com/privacy</a></li>
</ul>
<p>Data sent to the service includes:<br />
* Your API token for authentication<br />
* Channel ID for routing notifications<br />
* Notification message content</p>
<p>No personal user data from your WordPress site is shared without your explicit configuration.</p>


Pushinator

Send instant push notifications to your mobile device for WordPress and WooCommerce events.

Roel Magdaleno

<p>The callout box includes an icon, and the post content. This plugin uses <a href="https://heroicons.com" rel="nofollow ugc">Heroicons</a> and  <a href="https://github.com/roelmagdaleno/php-heroicons" rel="nofollow ugc">php-heroicons</a> PHP package.</p>
<h3>Icons</h3>
<p>A callout box includes an icon that describes what’s the purpose of the callout box.</p>
<p>The plugin is using <a href="https://heroicons.com" rel="nofollow ugc">Heroicons</a> so you can go to its website and see what icons are available to use within this plugin.</p>
<p>You can use <code>solid</code> and <code>outline</code> icons.</p>
<h3>Types</h3>
<p>A callout box can have multiple types:</p>
<ul>
<li><code>primary</code></li>
<li><code>success</code></li>
<li><code>danger</code></li>
<li><code>warning</code></li>
</ul>
<p>By default, the callout box is <code>primary</code>.</p>
<h3>Icon Methods</h3>
<p>The icon method can be 2 types:</p>
<ul>
<li><code>solid</code></li>
<li><code>outline</code></li>
</ul>
<p>By default, for shortcodes and Gutenberg the icon method is <code>solid</code>.</p>
<h3>Shortcode</h3>
<p>For WordPress Classic Editor or even Gutenberg, you can use the shortcode:</p>
<pre><code>[wp-callout icon="check-circle" type="primary" method="solid"]
Welcome to WordPress. This is the post content.
[/wp-callout]
</code></pre>
<p>The shortcode supports 3 attributes:</p>
<ul>
<li><code>icon</code>. The icon to show in the callout box. (Default: <code>check-circle</code>)</li>
<li><code>type</code> Callout box type. (Default: <code>primary</code>)</li>
<li><code>method</code> (Default: <code>solid</code>)</li>
</ul>
<h3>Gutenberg Block</h3>
<p>For Gutenberg users, you can use <strong>Callout Box</strong> block.</p>
<p>Every Gutenberg Callout Box, you can change the icon, type and method using the block properties.</p>
<p>Those properties are the same for the shortcode.</p>
<p>Then, you just type your callout box content inside the Gutenberg block.</p>
<h3>Block Presets</h3>
<p>When you insert a new Gutenberg Block Callout you can select 1 of the 4 presets installed in the plugin:</p>
<ul>
<li>Information</li>
<li>Success</li>
<li>Danger</li>
<li>Warning</li>
</ul>
<p>After you select one preset, your callout box will change its background color and icon.</p>


Callout Boxes

Insert callout boxes in your posts and pages using shortcodes and Gutenberg blocks.

Pushinator vs Callout Boxes