Ravi Soni

Younes

Custom Connect Button Block for Discord adds a flexible Gutenberg block that allows users to connect or disconnect their Discord accounts from any page or post.
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).
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.
<h3>Features</h3>
– Add a fully customizable “Connect to Discord” button. 
– Display a “Disconnect” button for already connected users. 
– Show assigned Discord roles dynamically. 
– Real-time live preview in the editor with Play/Stop toggle. 
– No coding required – all options are visual in the block editor.
<h3>Supported Add-ons</h3>
This block requires one of the following plugins for the actual Discord integration (authentication and role sync): 
– <a href="https://wordpress.org/plugins/pmpro-discord-add-on/" rel="ugc">PMPro Discord Add-on</a> 
– <a href="https://wordpress.org/plugins/expresstechsoftwares-memberpress-discord-add-on/" rel="ugc">ExpressTech MemberPress Discord Add-on</a> 
– <a href="https://wordpress.org/plugins/ultimate-member-discord-add-on/" rel="ugc">Connect Ultimate Member to Discord</a> 
– <a href="https://wordpress.org/plugins/connect-tutorlms-to-discord/" rel="ugc">Connect Tutor LMS to Discord</a>
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>. 
Contributions and bug reports are welcome.
<h3>External services</h3>
This plugin does not connect to external APIs directly. 
Instead, supported add-ons (listed above) handle all communication with the Discord API.
Optional external call used by this plugin: 
– Discord CDN (https://cdn.discordapp.com/) — to display a connected user’s avatar image, if provided by the add-on. 
– Data sent: None. 
– Data retrieved: Avatar image. 
– When: Only when the user is already connected to Discord through a supported add-on.
For more details: 
– <a href="https://discord.com/terms" rel="nofollow ugc">Discord Terms of Service</a> 
– <a href="https://discord.com/privacy" rel="nofollow ugc">Discord Privacy Policy</a>

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.

Sarvesh M Rao

Create a vanity URL to your Discord Server in your WP Domain.
The plugin creates a URL <code><your_site_url>/<what_ever_you_want_here></code> which redirects to the invite link specified in WP-Admin.
The plugin also creates a rich embed when sent in Discord and other social media.

It has awesome Embed Preview to see how the embeds will look like.
This plugin can send webhook to Discord when the link is clicked.
It has an awesome link click counter and other simple stats.
Official Documentation at <a href="https://docs.sarveshmrao.in/en/wp-discord-invite?mtm_campaign=WP%20Discord%20Invite&mtm_kwd=wp-readme" rel="nofollow ugc">SMR Docs</a>.
Disclaimer: This plugin or this plugin’s developer does not have any kind of affiliation with Discord Inc. 
The word Discord and it’s respective logo’s are registered trademarks of Discord Inc.
Logo crafted with love by <a href="http://dawn-s-portfolio.firebaseapp.com/" rel="nofollow ugc">Dawn Saju</a>

WP Discord Invite

Create a vanity URL to your Discord Server in your WP Domain.

Custom connect button block for Discord vs WP Discord Invite