Thanks to visit codestin.com
Credit goes to docs.fluentforms.com

Skip to content

Integrate Discord

Fluent Forms allows you to integrate with Discord to send desired information as instant notifications to your Discord channel when a form is submitted. This article will guide you through integrating Discord in Fluent Forms on your WordPress Site.

NOTE

Discord requires Fluent Forms Pro. See Upgrade to Fluent Forms Pro Add-on.

Enabling Discord Integration

First, go to Integrations from the Fluent Forms Navbar, search for Discord through the search bar, and enable the Discord integration module by turning on the Toggle.

Enabled Discord Module

Integrating Discord with Forms

First, go to Forms from the Fluent Forms Navbar, select the Desired Form where you want to integrate your Discord, and click the Settings button.

NOTE

If you do not have an existing form, see Create a Form from Scratch or Create a Form using Templates.

Open Settings Integrate Discord

Once you are on the Settings & Integrations, go to the Configuration Integrations tab, click the Add New Integration button, and select Discord Integration feed from the dropdown list.

Add Integration Button Integrate Discord

Now, a pop-up page will appear with various settings options for configuring Discord.

  1. Name: Here, you can set a name according to your preference for your feed. This field is required to be filled in.

  2. Webhook URL: Here, you need to provide the desired Discord Channels' Webhook URL where you want to send the notification. To learn how to get the Webhook URL, see the Getting Webhook URL from Discord section below and follow the process accordingly.

  3. Description: Here you can set the texts and information you want to send to the Discord Channel as a notification. Also, you can use the Shortcode button to set the user data from form entries that you want to send to your Discord Channel.

  4. Input Fields: Here, you can also select which input fields' information you want to send to the Discord Channel by checking the box.

  5. Footer: Here you can set the texts and information you want to add as a footer in the notification. Also, you can use the Shortcode button to set the user data from form entries that you want to add as a footer to your Discord Channel.

  6. Conditional Logics: This option allows Discord integration to function conditionally based on your submission values according to your set conditional logic/s. To learn more, read the Conditional Logic guide.

  7. Enable This Feed: Check this option to ensure this integration feed remains enabled and all its actions function properly.

Once the setup is done, click the Save Feed button, and your Discord will be integrated into this specific form!

Save Feed Button Integrate Discord

After successful Integration, you will now see that your Discord Integration Feed has been added here.

You can modify your feed anytime by clicking the Settings Icon and delete it by clicking the Trash Icon. Also, you can disable or enable this feed anytime by turning off the Toggle if needed.

Added Discord Integration Feed

Getting Webhook URL from Discord

First, go to your Discord App or open Discord in your browser. Now, you can create a new server by clicking the Plus Icon (+), or you can use any existing server.

Add Servar Plus Icon Integrate Discord

For example, I am using an existing channel to show you the whole process. First, go to the desired channel settings by clicking the Settings Icon on the right side of the channel name.

Settings Servar Integrate Discord

Then, select the Integrations from the left sidebar and click the Create Webhook button.

Create Webhook Fluent Forms

Finally, click the Arrow Icon next to Captain Hook to get your desired Webhook URL inside the Copy Webhook URL button. Simply click it, and your Webhook URL will be copied.

Copy Webhook URL

Preview of Integrated Discord

Here, you can see the preview of added Discord Notifications through the Form Entries based on the Integration.

For example, you can see three new Form Submissions under the Entries tab on this particular form.

Entries Tab Fluent Forms

Now, go to the Discord Channel you integrated and you can see the preview of the notification messages of Discord through the Form entries.

Preview Added Notifications Integrate Discord

This way, you can easily integrate Discord with Fluent Forms!