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.

miniOrange

miniorangesecurity

Discord login and integration with WordPress allows you to perform User Restriction and Role Mapping for the users who are performing Single Sign-On using discord user profile on your WordPress site. It is embedded with the features like Role Mapping, Attribute Mapping, User Profile Registration & Restriction, Avatar Mapping, Profile Picture Mapping and Role synchronization.
We provide different display options with beautiful login button customizations for free! No CSS knowledge is needed!
<h4>Free Discord Login Features</h4>
<ul>
<li>Login with <a href="https://plugins.miniorange.com/configure-discord-with-social-login-in-wordpress" rel="nofollow ugc">Discord</a>.</li>
<li>One-click Activate Discord login in one click.</li>
<li>Flexible display – Display Discord login icons anywhere on your websites.</li>
<li>Sync user data – Sync user data provided by service provider with wordpress account.</li>
<li>Secure Login – Login with safe and secure authentication and authorization protocols like OAuth.</li>
<li>Customizable discord login icons – Choose from multiple themes and shapes. Pick any size and color!</li>
<li>Assign user roles – Assign WordPress roles on user registration through Discord login.</li>
<li>Shortcodes – Use Shortcode anywhere on your website to display Discord login icons.</li>
<li>Take full control – Setup your Discord login applications with Client ID and Client Secret for Discord profile.</li>
<li>Preview – Preview custom discord login icons before you publish them on your website.</li>
<li>Customizable Text For Discord Login Icons.</li>
<li>24 / 7 Support – Using email and in-plugin support form.</li>
</ul>
<h4>Popular Discord Use cases Integrations</h4>
<ul>
<li>Role mapping from Discord to WordPress</li>
<li>Role mapping from WordPress to Discord</li>
<li>Discord Avatar Mapping to WordPress profile picture</li>
<li>Discord Auto Post</li>
<li>Restricting the user</li>
<li>Managing guild members (add, delete, update)</li>
</ul>
<h4>Why miniOrange Discord Integration</h4>
<ul>
<li>24 / 7 Support – If you face any issues or if you simply require assistance with the WordPress Discord Integration plugin then please contact us. Whatever it may be, we will solve the issue for you and get everything working as soon as possible.</li>
<li>Tons of Free Features – We have a huge roster of free features. With other plugins, you will have to pay for these features.</li>
<li>Icon Customizations – Flexible icon customizations for Discord Login. No CSS knowledge is needed! Choose from different themes, shapes, and sizes. Pick any color you want to display the discord icons.</li>
<li>Easy Integration – Discord Login is the easiest to configure and conveniently allows you to set up and start using the plugin in seconds. Easy integration with your website with options to add Discord login on the login page, and registration page.</li>
</ul>
<h4>Contact Us</h4>
Don’t hesitate to reach out to us. Send an email to info@miniorange.com if you need absolutely anything.
<h4>Website</h4>
To know more about WordPress Discord Login you can visit our website at <a href="https://plugins.miniorange.com/discord-wordpress-single-sign-on-integration" rel="nofollow ugc">https://plugins.miniorange.com/discord-wordpress-single-sign-on-integration</a>.
Check out our website for other plugins <a href="https://www.miniorange.com/" rel="nofollow ugc">https://www.miniorange.com/plugins</a> or <a href="https://wordpress.org/plugins/search.php?q=miniorange" rel="ugc">click here</a> to see all our listed WordPress plugins. 
For more support or info email us at info@miniorange.com or <a href="https://www.miniorange.com/contact" rel="nofollow ugc">Contact us</a>. You can also submit your query from the plugin’s configuration page.

miniOrange Discord Integration

Enable Discord login and integration with WordPress to implement features like Role Mapping, Attribute Mapping, User Profile Registration & Restri …

Custom connect button block for Discord vs miniOrange Discord Integration