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.
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.
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.
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.
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
For those who don’t know, Zapier allows you to integrate your form to over 1300 apps and do various tasks easily.
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.
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.
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.
WPForms offers just one trigger option. So select the trigger option New Form Entry and click on Save + Continue.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
We hope this article helped you to understand how to connect your WordPress form to Discord.
If you want to add events to Google Calendar from your WordPress form, please check out our tutorial on how to send WPForms entries to Google Calendar.
Not using WPForms so far? Get started with the best WordPress form plugin today!