Ravi Soni

Younes

<p><strong>Custom Connect Button Block for Discord</strong> adds a flexible Gutenberg block that allows users to connect or disconnect their Discord accounts from any page or post.</p>
<p>The block is fully customizable (text, colors, text, styles) and can display each user’s connection status, including the Discord roles they will be assigned (via the integration add-on).</p>
<p>Unlike shortcodes, this block supports unique design variations per page and offers a real-time preview toggle directly in the editor, so you can instantly view the exact frontend output without publishing.</p>
<h3>Features</h3>
<p>– Add a fully customizable “Connect to Discord” button.<br />
– Display a “Disconnect” button for already connected users.<br />
– Show assigned Discord roles dynamically.<br />
– Real-time live preview in the editor with Play/Stop toggle.<br />
– No coding required – all options are visual in the block editor.</p>
<h3>Supported Add-ons</h3>
<p>This block requires one of the following plugins for the actual Discord integration (authentication and role sync):<br />
– <a href="https://wordpress.org/plugins/pmpro-discord-add-on/" rel="ugc">PMPro Discord Add-on</a><br />
– <a href="https://wordpress.org/plugins/expresstechsoftwares-memberpress-discord-add-on/" rel="ugc">ExpressTech MemberPress Discord Add-on</a><br />
– <a href="https://wordpress.org/plugins/ultimate-member-discord-add-on/" rel="ugc">Connect Ultimate Member to Discord</a><br />
– <a href="https://wordpress.org/plugins/connect-tutorlms-to-discord/" rel="ugc">Connect Tutor LMS to Discord</a></p>
<p>This plugin’s source code is <a href="https://github.com/younes-dro/custom-connect-button-block-for-discord" rel="nofollow ugc">available on GitHub</a>.<br />
Contributions and bug reports are welcome.</p>
<h3>External services</h3>
<p>This plugin does not connect to external APIs directly.<br />
Instead, supported add-ons (listed above) handle all communication with the <strong>Discord API</strong>.</p>
<p><strong>Optional external call used by this plugin:</strong><br />
– <strong>Discord CDN (https://cdn.discordapp.com/)</strong> — to display a connected user’s avatar image, if provided by the add-on.<br />
– <strong>Data sent:</strong> None.<br />
– <strong>Data retrieved:</strong> Avatar image.<br />
– <strong>When:</strong> Only when the user is already connected to Discord through a supported add-on.</p>
<p>For more details:<br />
– <a href="https://discord.com/terms" rel="nofollow ugc">Discord Terms of Service</a><br />
– <a href="https://discord.com/privacy" rel="nofollow ugc">Discord Privacy Policy</a></p>


Custom connect button block for Discord

A Gutenberg block that provides a customizable "Connect to Discord" button, designed to work with supported Discord integration add-ons.

Kamal Hosen

StoreWC

<p><strong>Store Order Notifications for WooCommerce</strong> helps store owners stay updated on every order in real time. Connect your WooCommerce store with Discord, Telegram, Slack, SMS, and Email to receive instant notifications for new orders and status changes. Version 2.0.0 introduced a redesigned dashboard, improved code, and made all notification channels free.</p>
<p>Whether you’re a solo entrepreneur or managing a team, this plugin keeps everyone informed with real-time updates without requiring constant access to the WordPress admin panel.</p>
<h4>Key Features</h4>
<ul>
<li><strong>Multi-Platform Notifications</strong>: Receive order updates on Discord, Telegram, Slack, SMS, and Email.</li>
<li><strong>Real-Time Alerts</strong>: Get instant notifications for new orders and order status changes.</li>
<li><strong>Intuitive Dashboard</strong>: Manage settings effortlessly with a modern, user-friendly interface.</li>
<li><strong>Optimized Performance</strong>: Lightweight and fast, with improved code efficiency for seamless integration.</li>
<li><strong>Customizable Messages</strong>: Tailor notification content to your needs with advanced formatting options.</li>
<li><strong>Notification Filtering</strong>: Choose which order statuses or products trigger notifications.</li>
<li><strong>Order Details</strong>: Notifications include order number, status, customer name, and a direct link to the WooCommerce order edit page.</li>
<li><strong>Branded Notifications</strong>: Display your site’s favicon in notifications for a professional touch.</li>
</ul>
<h4>Supported Notification Channels</h4>
<ul>
<li><strong>Discord</strong>: Send order notifications to your Discord channel via webhook.</li>
<li><strong>Telegram</strong>: Get instant alerts via Telegram bot notifications.</li>
<li><strong>Slack</strong>: Receive notifications in your Slack workspace.</li>
<li><strong>Email</strong>: Get detailed order notifications via SMTP, SendGrid, Mailgun, Sendinblue, or Mailjet.</li>
<li><strong>SMS</strong>: Receive text message alerts via Twilio or Nexmo (Vonage).</li>
</ul>
<h3>External Services</h3>
<p>This plugin connects to the following third-party services to deliver order notifications. Credentials (tokens, webhook URLs, API keys) are stored in your WordPress database and are only transmitted to the respective service when a notification is triggered by a WooCommerce order event.</p>
<h4>Discord</h4>
<p>Used to send order notifications to a Discord channel via an incoming webhook URL that you provide.</p>
<ul>
<li>Data sent: order number, order status, customer name, order total, and a link to the WooCommerce order edit page.</li>
<li>Data is sent every time a WooCommerce order is created or its status changes (based on your configuration).</li>
<li>Service provider: Discord Inc.</li>
<li>Terms of Service: https://discord.com/terms</li>
<li>Privacy Policy: https://discord.com/privacy</li>
</ul>
<h4>Telegram</h4>
<p>Used to send order notifications via the Telegram Bot API using a bot token and chat ID that you provide.</p>
<ul>
<li>Data sent: order number, order status, customer name, order total, and a link to the WooCommerce order edit page.</li>
<li>Data is sent every time a WooCommerce order is created or its status changes (based on your configuration).</li>
<li>Service provider: Telegram FZ-LLC.</li>
<li>Terms of Service: https://telegram.org/tos</li>
<li>Privacy Policy: https://telegram.org/privacy</li>
</ul>
<h4>Slack</h4>
<p>Used to send order notifications to a Slack channel via an incoming webhook URL that you provide.</p>
<ul>
<li>Data sent: order number, order status, customer name, order total, and a link to the WooCommerce order edit page.</li>
<li>Data is sent every time a WooCommerce order is created or its status changes (based on your configuration).</li>
<li>Service provider: Salesforce, Inc. (Slack).</li>
<li>Terms of Service: https://slack.com/terms-of-service</li>
<li>Privacy Policy: https://slack.com/privacy-policy</li>
</ul>
<h4>Twilio (SMS)</h4>
<p>Used to send SMS order notifications using the Twilio API with an Account SID, Auth Token, and phone number that you provide.</p>
<ul>
<li>Data sent: order number, order status, and a short notification message, along with the destination phone number.</li>
<li>Data is sent every time a WooCommerce order is created or its status changes (based on your configuration).</li>
<li>Credentials (Account SID and Auth Token) are stored securely in your WordPress database and are never shared with anyone other than Twilio.</li>
<li>Service provider: Twilio Inc.</li>
<li>Terms of Service: https://www.twilio.com/en-us/legal/tos</li>
<li>Privacy Policy: https://www.twilio.com/en-us/legal/privacy</li>
</ul>
<h4>Nexmo / Vonage (SMS)</h4>
<p>Used to send SMS order notifications using the Vonage SMS API with an API key and secret that you provide.</p>
<ul>
<li>Data sent: order number, order status, and a short notification message, along with the destination phone number.</li>
<li>Data is sent every time a WooCommerce order is created or its status changes (based on your configuration).</li>
<li>Credentials (API key and secret) are stored securely in your WordPress database and are never shared with anyone other than Vonage.</li>
<li>Service provider: Vonage Holdings Corp.</li>
<li>Terms of Service: https://www.vonage.com/legal/</li>
<li>Privacy Policy: https://www.vonage.com/legal/privacy-policy/</li>
</ul>
<h3>Source Code</h3>
<p>The admin JavaScript (<code>assets/admin/admin.js</code>) is compiled and minified from source using npm and webpack. The full, human-readable source code is included in the <code>src/</code> directory of this plugin. To rebuild the assets, install Node.js dependencies with <code>npm install</code>, then run <code>npm run build</code>.</p>


Store Order Notifications for WooCommerce

Send real-time WooCommerce order notifications to Discord, Telegram, Slack, and SMS channels.

Custom connect button block for Discord vs Store Order Notifications for WooCommerce