how to connect wordpress contact form to discord

How to Connect Your WordPress Contact Form to Discord

Are you wondering how to integrate Discord with your contact form? Discord allows you to text and voice chat with other gamers while you’re playing your favorite game. In this article, we’ll show you how to connect your WordPress contact form to Discord.

How to Connect WordPress Form to Discord?

Discord is a free text and voice chat app for gamers. It works on every device including your phone and desktop. You can use it to:

  • Allow people to join your Discord channel.
  • Host gaming tournaments and invite gamers to participate in it.
  • Connect with like-minded people.

To allow people to join your Discord server, you can start a WordPress website and add a contact form to your site. And then, you’ve to connect your form to your Discord server.

Thus, whenever someone submits the form, an automatic message will be sent to your Discord channel. And later you can invite them to your server.

So let’s show you to the step by step process of connecting your WordPress contact form to Discord.

Step 1: Create a WordPress Form

The first thing you need to do is install and activate WPForms plugin. It’s the best drag and drop form builder plugin that allows you to create different types of forms without any hassle.

WPForms is the best WordPress Form Builder plugin. Get it for free!

You can follow the guide on how to install a WordPress plugin if you need any help.

Now, you can always use a simple contact form for this tutorial. However, let’s create a gaming tournament registration form assuming that you’re planning to host a gaming tournament.

And for that, you need to install the Form Templates Pack addon.

install Form Templates Pack addon

Form Templates Pack addon comes with more than 100 pre-built form templates for almost every niche. To install this addon, go to WPForms » Addons and click on the Install Addon button once you find it.

Now go to WPForms » Add New to create a new form. Search for the gaming tournament form in the Additional Templates section and click on it to use the template.

additional templates

With WPForms, you can customize your form easily and that too without any coding skills. You can add or remove fields and even reorder them by merely dragging and dropping the fields.

Once you’re done with the design part, you can change the notification and other settings of this form. Finally, save the form using the Save button present in the top-right corner.

Want to check out our form? Here’s the gaming tournament form demo.

Step 2: Add a Test Entry to Your Form

You’ll have to add at least one entry to your form to test the connection between Discord and WPForms. This will be required in the later stage of this tutorial.

To create a new entry, you can embed your form to any post, page, or even the sidebar of your website.

But let’s use the preview option and create one test entry. So go to WPForms » All Forms, hover the mouse cursor over the title of your form and click on the Preview option.

preview form

Once your form opens in a new page, fill in the form and click on the Submit button to create a new entry for testing purpose.

Let’s move to the next step now.

Step 3: Install Zapier Addon

We’ll be using Zapier addon to connect our WordPress form to Discord. So go to WPForms » Addons and install the Zapier addon.

For those who don’t know, Zapier allows you to integrate your form to over 1300 apps and do various tasks easily.

zapier addon

Next, go to WPForms » Settings and click on the Integration tab.

Here you’ll see the Zapier API key for your site. You’ll need this API key to connect your WPForms site to Zapier. So keep this page open and proceed to the next step.

WPForms Zapier integration api key

Step 4: Create a New Zap

Zapier allows you to connect two or more apps to do automated tasks. This process is called Zap. It requires a trigger to do a particular action.

In our case, the trigger is when someone submits the form and the action is a message will be posted in the Discord channel of your choice.

To create a new Zap, go to the Zapier website and log in to your account. If you don’t have a Zapier account, you can create a new account for free.

make a zap

Now click on the Make a Zap! button present in the top-right corner of your screen. This will open up a new page where we’ll be selecting WPForms as our trigger app.

You can use the Choose a Trigger App search box to find WPForms. Once you find it, click on it to go to the next step.

choose a trigger app

WPForms offers just one trigger option. So select the trigger option New Form Entry and click on Save + Continue.

new form entry

In the next step, you’ll have to connect your WPForms account to Zapier. To do that, click on the Connect an Account button.

This will open up a popup window. Here you’ve to enter your full website URL and the Zapier API key. You can go back to step 3 to understand how to get your API key.

allow access to Zapier

Once done, click on Yes, Continue button to connect your website to Zapier.

Now you’ll be taken back to the configuration wizard where you’ll see your WPForms account. You can click on the Test button to check if your website is connected or not.

test connection

If you get a success message, then click on Save + Continue button to go to the next step.

Zapier will now fetch all your website forms and ask you to select one from the dropdown box. Select the Gaming Tournament Registration form that you’ve created earlier and click Continue.

select form from dropdown

Next, Zapier will show you all the entries of your gaming tournament form. Just select any one of the entries for testing purpose and then click on Continue.

Step 5: Choose Discord as an Action App

In the last step, you’ve successfully created your trigger app. It’s time to choose Discord as the action app.

So search for Discord and click on it to continue.

choose an action app

In the next step, you’ll be asked to select a Discord action that you want to happen when your form is submitted.

Since you want a message to be posted to your Discord channel, select Send Channel Message and click on the Continue button.

select Discord action

You need to connect your Discord server to Zapier now. To do this, click on Connect an Account.

A popup window will open up asking you to select a Discord server from the dropdown menu. And then, you’ve to click on the Authorize button to give Zapier the permission to use your Discord account.

authorize discord app

After this, you need to click on the Google reCaptcha box to prove that you’re not a robot. Once done, your Discord account will be added to Zapier.

You can check the connection by clicking on the Test button. Once you get the success message, click on Save + Continue to proceed to the next step.

test Discord connection

Now, you’ll have to set up the Discord channel message template. Don’t worry! It’s very simple.

First of all, select a Discord channel from the Channel dropdown box. This will be the channel where all the form entries will be posted automatically.

The Message Text box allows you to decide what message you want to be posted on your channel when someone submits the contact form on your site.

You can click on the Insert a Field icon to add the contact form fields to the text area. And you can also add custom text if you want.

discord channel message template

Rest of the fields are optional. So scroll down to the bottom of the form and click on Continue.

To test whether everything is working properly, you can click on Send Test to Discord button in the next step. You’ll receive a success message saying that your test message was sent to Discord. You can also confirm that by checking your Discord channel.

Now click on Finish to complete the action setup process and go to the final step.

WPForms to Discord Zap

Lastly, give any name to your Zap and turn it to ON to make your WPForms to Discord zap start working.

That’s it! You’ve successfully connected your WPForms contact form to Discord. So whenever someone submits the form, a message will be sent to your Discord channel automatically.

In Conclusion

We hope this article helped you to understand how to connect your WordPress form to Discord.

For more awesome ways to use WPForms and Zapier together, check out these guides on how to:

Not using WPForms so far? Get started with the best WordPress form plugin today!

If you liked this article, please follow us on Twitter and Facebook to get updates from our blog.

Using WordPress and want to get WPForms for free?

Enter the URL to your WordPress website to install.

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

This form is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.