Buttons

In this tutorial, we will be building a simple button that sends a message when clicked.

×

Create Flow 1#

Create your first flow. This flow will have a slash command, and will send the message with a button on it.

×

×

Setup and Sync Command#

Enter a command name and description, then click “Sync Command”.

×

Add an Embed Button Builder Block#

Switch to the Add Block page, then add an Embed Button Builder block.

×

Fill in First Button#

Fill in the details for only the first button. You must fill out all fields. For the dropdown fields, click the down arrow then select an option rather than typing it in. For the emoji, you can copy/paste this one ✅ or search for an online emoji directory for copy/pasting.

Be sure to set the Custom ID field to “example” (or another value, just remember it for later).

×

Add a Embed Reply to Interaction Block#

×

Fill in Content, and Insert the Button Builder Output for Buttons#

×

×

Create Flow 2#

We’ve now created the first part - the user can run a slash command, and will see a button on Discord.

It’s time to create the second part, which will respond to the button press.

To do this, we need to create a new flow.

×

Select the Button Click Trigger#

×

Set the Button ID#

This should be set to the same value we used when filling out the button builder earlier. We suggested setting this to “example”.

×

Add a Text Reply to Interaction Block#

This will reply after the user clicks the button.

×

Test Everything on Discord#

Go into a Discord server with your bot and run the /send-button command, then click the button. You should get a result that looks like this:

×

If the command isn’t showing up, make sure you synced it from the trigger page.