Title: Custom connect button block for Discord
Author: Younes
Published: <strong>25. August 2025</strong>
Last modified: 4. September 2025

---

Plugins suchen

![](https://ps.w.org/custom-connect-button-block-for-discord/assets/banner-772-250.
png?rev=3349873)

Dieses Plugin wurde **nicht mit den 3 neuesten Hauptversionen von WordPress getestet**.
Es wird möglicherweise nicht mehr gepflegt oder unterstützt und kann bei der Verwendung
mit neueren WordPress-Versionen zu Kompatibilitätsproblemen führen.

![](https://ps.w.org/custom-connect-button-block-for-discord/assets/icon-256x256.
png?rev=3349877)

# Custom connect button block for Discord

 Von [Younes](https://profiles.wordpress.org/vanbom/)

[Herunterladen](https://downloads.wordpress.org/plugin/custom-connect-button-block-for-discord.1.0.1.zip)

 * [Details](https://de.wordpress.org/plugins/custom-connect-button-block-for-discord/#description)
 * [Rezensionen](https://de.wordpress.org/plugins/custom-connect-button-block-for-discord/#reviews)
 *  [Installation](https://de.wordpress.org/plugins/custom-connect-button-block-for-discord/#installation)
 * [Entwicklung](https://de.wordpress.org/plugins/custom-connect-button-block-for-discord/#developers)

 [Support](https://wordpress.org/support/plugin/custom-connect-button-block-for-discord/)

## Beschreibung

**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.

### Features

– 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.

### Supported Add-ons

This block requires one of the following plugins for the actual Discord integration(
authentication and role sync):
 – [PMPro Discord Add-on](https://wordpress.org/plugins/pmpro-discord-add-on/)–
[ExpressTech MemberPress Discord Add-on](https://wordpress.org/plugins/expresstechsoftwares-memberpress-discord-add-on/)–
[Connect Ultimate Member to Discord](https://wordpress.org/plugins/ultimate-member-discord-add-on/)–
[Connect Tutor LMS to Discord](https://wordpress.org/plugins/connect-tutorlms-to-discord/)

This plugin’s source code is [available on GitHub](https://github.com/younes-dro/custom-connect-button-block-for-discord).

Contributions and bug reports are welcome.

### External services

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:
 – [Discord Terms of Service](https://discord.com/terms) – [Discord Privacy Policy](https://discord.com/privacy)

## Screenshots

[⌊Animated demo showcasing all block features in action.⌉⌊Animated demo showcasing
all block features in action.⌉[

Animated demo showcasing all block features in action.

[⌊Enable live preview for non-connected user.⌉⌊Enable live preview for non-connected
user.⌉[

Enable live preview for non-connected user.

[⌊Live preview for connected user to Discord.⌉⌊Live preview for connected user to
Discord.⌉[

Live preview for connected user to Discord.

[⌊The button text placeholder settings.⌉⌊The button text placeholder settings.⌉[

The button text placeholder settings.

[⌊The color settings for buttons: front color and background color.⌉⌊The color settings
for buttons: front color and background color.⌉[

The color settings for buttons: front color and background color.

[⌊Initial block status - buttons + text.⌉⌊Initial block status - buttons + text.⌉[

Initial block status – buttons + text.

## Blöcke

Dieses Plugin bietet 1 Block.

 *   Connect Button for Discord Displays a customizable "Connect to Discord" button

## Installation

 1. Upload the plugin files to `/wp-content/plugins/custom-connect-button-block-for-
    discord/` or install directly from the WordPress Plugins screen.
 2. Activate the plugin through the „Plugins“ menu in WordPress.

## FAQ

### What does this block do?

It provides a customizable „Connect to Discord“ button that works alongside supported
add-ons. Those add-ons handle the actual Discord connection, while this block lets
you design and place the button anywhere in the editor.

### Does this block work with any Discord integration plugin?

It currently supports the PMPro, MemberPress, Ultimate Member, and Tutor LMS Discord
add-ons.

### Can I customize the button style?

Yes. You can set the button’s text, colors, and text directly in the Gutenberg editor.

### Can I preview changes live before saving?

Yes. The block includes a Play/Stop toggle that renders the live frontend output
instantly inside the editor.

## Rezensionen

Zu diesem Plugin liegen noch keine Rezensionen vor.

## Mitwirkende und Entwickler

„Custom connect button block for Discord“ ist Open-Source-Software. Folgende Menschen
haben an diesem Plugin mitgewirkt:

Mitwirkende

 *   [ Younes ](https://profiles.wordpress.org/vanbom/)
 *   [ Ravi Soni ](https://profiles.wordpress.org/webbdeveloper/)

[Übersetze „Custom connect button block for Discord“ in deine Sprache.](https://translate.wordpress.org/projects/wp-plugins/custom-connect-button-block-for-discord)

### Interessiert an der Entwicklung?

[Durchstöbere den Code](https://plugins.trac.wordpress.org/browser/custom-connect-button-block-for-discord/),
sieh dir das [SVN-Repository](https://plugins.svn.wordpress.org/custom-connect-button-block-for-discord/)
an oder abonniere das [Entwicklungsprotokoll](https://plugins.trac.wordpress.org/log/custom-connect-button-block-for-discord/)
per [RSS](https://plugins.trac.wordpress.org/log/custom-connect-button-block-for-discord/?limit=100&mode=stop_on_copy&format=rss).

## Änderungsprotokoll

#### 1.0.0

 * Initial release.

## Meta

 *  Version **1.0.1**
 *  Zuletzt aktualisiert **vor 1 Jahr**
 *  Aktive Installationen **weniger als 10**
 *  WordPress-Version ** 6.8 oder höher **
 *  Getestet bis **6.8.11**
 *  PHP-Version ** 7.4 oder höher **
 *  Sprache
 * [English (US)](https://wordpress.org/plugins/custom-connect-button-block-for-discord/)
 * Schlagwörter
 * [block](https://de.wordpress.org/plugins/tags/block/)[discord](https://de.wordpress.org/plugins/tags/discord/)
   [gutenberg](https://de.wordpress.org/plugins/tags/gutenberg/)[lms](https://de.wordpress.org/plugins/tags/lms/)
   [membership](https://de.wordpress.org/plugins/tags/membership/)
 *  [Erweiterte Ansicht](https://de.wordpress.org/plugins/custom-connect-button-block-for-discord/advanced/)

## Bewertungen

Es wurden noch keine Rezensionen eingereicht.

[Deine Rezension](https://wordpress.org/support/plugin/custom-connect-button-block-for-discord/reviews/#new-post)

[Alle Rezensionen anzeigen](https://wordpress.org/support/plugin/custom-connect-button-block-for-discord/reviews/)

## Mitwirkende

 *   [ Younes ](https://profiles.wordpress.org/vanbom/)
 *   [ Ravi Soni ](https://profiles.wordpress.org/webbdeveloper/)

## Support

Möchtest du etwas mitteilen? Brauchst du Unterstützung?

 [Support-Forum anzeigen](https://wordpress.org/support/plugin/custom-connect-button-block-for-discord/)

## Spenden

Möchtest du die Weiterentwicklung dieses Plugins unterstützen?

 [ Für dieses Plugin spenden ](https://paypal.me/younesdro)