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.

Marian Balev

<p>This plugin sends a Discord notification for WooCommerce order events. It uses native WordPress/WooCommerce APIs and supports WooCommerce Custom Order Tables (v8+). You can choose which order statuses trigger notifications, customize which details are included, set different webhook URLs and embed colors per status, and optionally remove product images from the embed.</p>
<h3>Features</h3>
<ul>
<li>✅ Customizable message fields:
<ul>
<li>🏷️ Order Status</li>
<li>💳 Payment Info</li>
<li>🛒 Product Lines (names, qty, price)</li>
<li>🧩 Product Options (add-ons / custom fields)</li>
<li>📅 Order Date</li>
<li>👤 Billing Info</li>
<li>🔢 Transaction ID</li>
</ul>
</li>
<li>🖼️ Option to disable product image in the embed</li>
<li>🧩 Per-status webhook URL and embed color</li>
<li>🔒 Duplicate-send protection via internal tracking</li>
<li>⚙️ Built using native WordPress/WooCommerce APIs</li>
<li>🧠 Compatible with WooCommerce Custom Order Tables (v8+)</li>
</ul>
<h3>Requirements</h3>
<ul>
<li>WordPress 6.2 or higher (tested up to 6.8.2)</li>
<li>WooCommerce 8.5 or higher (tested up to 10.1.2)</li>
<li>PHP 7.4 or higher</li>
</ul>
<h3>Configuration</h3>
<ol>
<li>
<p><strong>Webhook URL</strong><br />
Enter your Discord Webhook URL (from your Discord server settings).</p>
</li>
<li>
<p><strong>Order Status Notifications</strong><br />
Choose which order statuses should trigger notifications. You can also:</p>
<ul>
<li>Add different webhook URLs per status</li>
<li>Choose unique embed colors</li>
</ul>
</li>
<li>
<p><strong>Information to Include</strong><br />
Select which fields should appear in the Discord embed (status, payment info, items, custom product fields, order date, billing info, transaction ID).</p>
</li>
<li>
<p><strong>Disable Product Image</strong><br />
Toggle this to prevent the product image from appearing in the embed.</p>
</li>
</ol>
<h3>Duplicate Protection</h3>
<p>To prevent duplicate Discord messages (for example, if the thank-you page is refreshed), the plugin keeps track of sent events. Each entry logs <code>order_id|event_type</code> (e.g. <code>1655|new</code>). Before sending, the plugin checks whether that combination has already been sent and skips if so. This ensures each notification is only sent <strong>once per order event</strong>.</p>
<h3>Usage</h3>
<ol>
<li>After installing and activating the plugin, go to <strong>WooCommerce <span aria-hidden="true" class="wp-exclude-emoji">→</span> Discord Notifications</strong>.</li>
<li>Paste your Discord Webhook URL and select which statuses should send notifications.</li>
<li>Choose which fields to include and whether to show product images.</li>
<li>Save your settings.</li>
</ol>
<h3>Author</h3>
<p><a href="https://github.com/Cral-Cactus" rel="nofollow ugc">Cral_Cactus</a></p>
<h3>Support</h3>
<p>Found a bug or have a suggestion? Open an issue on the GitHub repo: <a href="https://github.com/Cral-Cactus/wc-sale-discord-notifications/issues" rel="nofollow ugc">https://github.com/Cral-Cactus/wc-sale-discord-notifications/issues</a></p>


WC Sale Discord Notifications

A powerful WooCommerce extension that sends order updates directly to your Discord server. ✨

Custom connect button block for Discord vs WC Sale Discord Notifications