{"id":247103,"date":"2025-08-25T15:36:23","date_gmt":"2025-08-25T15:36:23","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/all-in-one-discord-connect-block\/"},"modified":"2025-09-04T10:38:12","modified_gmt":"2025-09-04T10:38:12","slug":"custom-connect-button-block-for-discord","status":"publish","type":"plugin","link":"https:\/\/mr.wordpress.org\/plugins\/custom-connect-button-block-for-discord\/","author":13942258,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.0.1","stable_tag":"1.0.1","tested":"6.8.5","requires":"6.8","requires_php":"7.4","requires_plugins":null,"header_name":"Custom connect button block for Discord","header_author":"Younes DRO","header_description":"A Gutenberg block that provides a customizable \"Connect to Discord\" button, designed to work with supported Discord integration add-ons: PMPro Discord Add-on, ExpressTech MemberPress Discord Add-on, Connect Ultimate Member to Discord, and Connect Tutor LMS to Discord.","assets_banners_color":"444eb0","last_updated":"2025-09-04 10:38:12","external_support_url":"","external_repository_url":"","donate_link":"https:\/\/paypal.me\/younesdro","header_plugin_uri":"https:\/\/github.com\/younes-dro\/custom-connect-button-block-for-discord","header_author_uri":"https:\/\/github.com\/younes-dro","rating":0,"author_block_rating":0,"active_installs":0,"downloads":257,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.0":{"tag":"1.0.0","author":"vanbom","date":"2025-08-25 15:39:14"},"1.0.1":{"tag":"1.0.1","author":"vanbom","date":"2025-09-04 10:38:12"}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-256x256.png":{"filename":"icon-256x256.png","revision":3349877,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-1544-500.png":{"filename":"banner-1544-500.png","revision":3349873,"resolution":"1544x500","location":"assets","locale":""},"banner-772-250.png":{"filename":"banner-772-250.png","revision":3349873,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":{"dro-block\/custom-connect-button-block-for-discord":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":3,"name":"dro-block\/custom-connect-button-block-for-discord","version":"1.0.0","title":"Connect Button for Discord","category":"widgets","description":"Displays a customizable \"Connect to Discord\" button","example":{},"attributes":{"connectButtonTextColor":{"type":"string","default":"#ffffff"},"connectButtonBgColor":{"type":"string","default":"#77a02e"},"disconnectButtonTextColor":{"type":"string","default":"#ffffff"},"disconnectButtonBgColor":{"type":"string","default":"#ff0000"},"loggedInText":{"type":"string","default":"Connect to Discord"},"loggedOutText":{"type":"string","default":"Disconnect from Discord"},"roleWillAssignText":{"type":"string","default":"You will be assigned the following Discord roles:"},"roleAssignedText":{"type":"string","default":"You have been assigned the following Discord roles:"},"discordConnectedAccountText":{"type":"string","default":"Connected account:"},"isLivePreview":{"type":"boolean","default":false}},"supports":{"html":false},"textdomain":"'custom-connect-button-block-for-discord'","editorScript":"file:.\/index.js","editorStyle":"file:.\/index.css","style":"file:.\/style-index.css","render":"file:.\/render.php"}},"tagged_versions":["1.0.0","1.0.1"],"block_files":[],"assets_screenshots":{"screenshot-1.gif":{"filename":"screenshot-1.gif","revision":3355959,"resolution":"1","location":"assets","locale":""},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3349873,"resolution":"2","location":"assets","locale":""},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3349873,"resolution":"3","location":"assets","locale":""},"screenshot-4.png":{"filename":"screenshot-4.png","revision":3349873,"resolution":"4","location":"assets","locale":""},"screenshot-5.png":{"filename":"screenshot-5.png","revision":3349873,"resolution":"5","location":"assets","locale":""},"screenshot-6.png":{"filename":"screenshot-6.png","revision":3355959,"resolution":"6","location":"assets","locale":""}},"screenshots":{"1":"Animated demo showcasing all block features in action.","2":"Enable live preview for non-connected user.","3":"Live preview for connected user to Discord.","4":"The button text placeholder settings.","5":"The color settings for buttons: front color and background color.","6":"Initial block status - buttons + text."},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[1220,23972,148076,2195,1932],"plugin_category":[58],"plugin_contributors":[187904,211701],"plugin_business_model":[],"class_list":["post-247103","plugin","type-plugin","status-publish","hentry","plugin_tags-block","plugin_tags-discord","plugin_tags-gutenberg","plugin_tags-lms","plugin_tags-membership","plugin_category-user-management","plugin_contributors-vanbom","plugin_contributors-webbdeveloper","plugin_committers-vanbom"],"banners":{"banner":"https:\/\/ps.w.org\/custom-connect-button-block-for-discord\/assets\/banner-772-250.png?rev=3349873","banner_2x":"https:\/\/ps.w.org\/custom-connect-button-block-for-discord\/assets\/banner-1544-500.png?rev=3349873","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/custom-connect-button-block-for-discord\/assets\/icon-256x256.png?rev=3349877","icon_2x":"https:\/\/ps.w.org\/custom-connect-button-block-for-discord\/assets\/icon-256x256.png?rev=3349877","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/custom-connect-button-block-for-discord\/assets\/screenshot-1.gif?rev=3355959","caption":"Animated demo showcasing all block features in action."},{"src":"https:\/\/ps.w.org\/custom-connect-button-block-for-discord\/assets\/screenshot-2.png?rev=3349873","caption":"Enable live preview for non-connected user."},{"src":"https:\/\/ps.w.org\/custom-connect-button-block-for-discord\/assets\/screenshot-3.png?rev=3349873","caption":"Live preview for connected user to Discord."},{"src":"https:\/\/ps.w.org\/custom-connect-button-block-for-discord\/assets\/screenshot-4.png?rev=3349873","caption":"The button text placeholder settings."},{"src":"https:\/\/ps.w.org\/custom-connect-button-block-for-discord\/assets\/screenshot-5.png?rev=3349873","caption":"The color settings for buttons: front color and background color."},{"src":"https:\/\/ps.w.org\/custom-connect-button-block-for-discord\/assets\/screenshot-6.png?rev=3355959","caption":"Initial block status - buttons + text."}],"raw_content":"\n

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>\n\n

The block is fully customizable (text, colors, text, styles) and can display each user\u2019s connection status, including the Discord roles they will be assigned (via the integration add-on).<\/p>\n\n

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>\n\n

Features<\/h3>\n\n

\u2013 Add a fully customizable \"Connect to Discord\" button.\n\u2013 Display a \"Disconnect\" button for already connected users.\n\u2013 Show assigned Discord roles dynamically.\n\u2013 Real-time live preview in the editor with Play\/Stop toggle.\n\u2013 No coding required \u2013 all options are visual in the block editor.<\/p>\n\n

Supported Add-ons<\/h3>\n\n

This block requires one of the following plugins for the actual Discord integration (authentication and role sync):\n\u2013 PMPro Discord Add-on<\/a>\n\u2013 ExpressTech MemberPress Discord Add-on<\/a>\n\u2013 Connect Ultimate Member to Discord<\/a>\n\u2013 Connect Tutor LMS to Discord<\/a><\/p>\n\n

This plugin\u2019s source code is available on GitHub<\/a>.\nContributions and bug reports are welcome.<\/p>\n\n

External services<\/h3>\n\n

This plugin does not connect to external APIs directly.\nInstead, supported add-ons (listed above) handle all communication with the Discord API<\/strong>.<\/p>\n\n

Optional external call used by this plugin:<\/strong>\n\u2013 Discord CDN (https:\/\/cdn.discordapp.com\/)<\/strong> \u2014 to display a connected user\u2019s avatar image, if provided by the add-on.\n\u2013 Data sent:<\/strong> None.\n\u2013 Data retrieved:<\/strong> Avatar image.\n\u2013 When:<\/strong> Only when the user is already connected to Discord through a supported add-on.<\/p>\n\n

For more details:\n\u2013 Discord Terms of Service<\/a>\n\u2013 Discord Privacy Policy<\/a><\/p>\n\n\n

    \n
  1. Upload the plugin files to \/wp-content\/plugins\/custom-connect-button-block-for-discord\/<\/code> or install directly from the WordPress Plugins screen.<\/li>\n
  2. Activate the plugin through the \"Plugins\" menu in WordPress.<\/li>\n<\/ol>\n\n\n
    \n

    What does this block do?<\/h3><\/dt>\n

    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.<\/p><\/dd>\n

    Does this block work with any Discord integration plugin?<\/h3><\/dt>\n

    It currently supports the PMPro, MemberPress, Ultimate Member, and Tutor LMS Discord add-ons.<\/p><\/dd>\n

    Can I customize the button style?<\/h3><\/dt>\n

    Yes. You can set the button\u2019s text, colors, and text directly in the Gutenberg editor.<\/p><\/dd>\n

    Can I preview changes live before saving?<\/h3><\/dt>\n

    Yes. The block includes a Play\/Stop toggle that renders the live frontend output instantly inside the editor.<\/p><\/dd>\n\n<\/dl>\n\n\n

    1.0.0<\/h4>\n\n
      \n
    • Initial release.<\/li>\n<\/ul>","raw_excerpt":"A Gutenberg block that provides a customizable "Connect to Discord" button, designed to work with supported Discord integration add-ons.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/mr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/247103","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/mr.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/mr.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=247103"}],"author":[{"embeddable":true,"href":"https:\/\/mr.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/vanbom"}],"wp:attachment":[{"href":"https:\/\/mr.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=247103"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/mr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=247103"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/mr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=247103"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/mr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=247103"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/mr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=247103"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/mr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=247103"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}