skip to Main Content

How to Connect WordPress to IFTTT: Beginner’s Guide

IFTTT stands for “If This, Then That”. It is a popular automation platform that can connect your favorite apps without any coding knowledge.

The tool that can connect WordPress to IFTTT is Uncanny Automator. This plugin uses the power of webhooks to connect your WordPress site (and WordPress plugins) to IFTTT.

But why should you connect WordPress and IFTTT? Connecting IFTTT to WordPress will open up a world of automation opportunities and will help you to connect your WordPress site to 700+ web apps.

In this article, we’ll show you the step-by-step process of connecting WordPress to IFTTT with the help of the Uncanny Automator plugin. Let’s dive in.

How to Connect WordPress to IFTTT

It’s time to explain the process of connecting WordPress to IFTTT with the help of an example – create a new card on Trello when someone submits a “Request a Quote” form on your WordPress site. We can automate this task in 3 simple steps:

  1. Get the Webhook URL from the IFTTT website
  2. Create an Uncanny Automator recipe to connect the WordPress form to the IFTTT webhook
  3. Configure an IFTTT applet to connect the webhook to Trello

Uncanny Automator supports many form plugins like Formidable Forms, Ninja Forms, Contact Form 7, Gravity Forms, Fluent Forms, Caldera Forms, and more. So you can use any form plugin of your choice to create the Request a Quote form. However, we’ll be using the WPForms plugin for the sake of this tutorial.

Also, we’re assuming that you already have an IFTTT account. If not, you can create an account for free.

With that said, let’s get started with the step-by-step process of connecting WordPress to IFTTT.

Step 1: Get the Webhook URL from IFTTT

The first step is to get the webhook URL from the IFTTT website. We’ll be using this webhook to send our form data to Trello via IFTTT.

To get started, you need to go to the IFTTT Explore section. Here you need to search and select Webhooks:

select the webhooks integration

This will take you to the Webhooks integration page where you need to click on the Documentation button.

click on the documentation button

Clicking on that button will open a new webpage. Here you’ll see your webhook URL:

your ifttt webhook url

However, you need to make changes to the {event} textbox before copying this URL. The event name can be anything you like, but make sure you use only letters, numbers, and underscores (no spaces allowed). Let’s name our event – request_a_quote.

copy the webhook url

We’ll need this webhook URL in the next step. So you can either copy this URL or keep this tab open on your web browser.

Step 2: Create a Recipe in Uncanny Automator

Now that we have the webhook URL from the IFTTT website, let’s head over to our WordPress site and log in to our admin panel. Here we’ll be creating an Uncanny Automator recipe with the following trigger and action:

  • Someone submits a “Request a Quote” form (trigger)
  • Send data to IFTTT webhook (action)

To get started, you need to go to Automator -> Add new from the left sidebar. This will open a new recipe page and will ask you to select the recipe type. Since we want prospective and new customers to use this form, you should select Everyone as the recipe type and click on Confirm.

select everyone as the recipe type

You can also give a name to this recipe if you want. Let’s name our recipe WordPress Form to Trello.

In the next few steps, we’ll configure the trigger and the action for our recipe.

A. Set Up the Trigger

We’re assuming that you’ve already created the “Request a Quote” form using the WPForms plugin (or any other form plugin of your choice). So let’s set up the trigger now.

To get started, you need to select WPForms under Select an Integration:

select wpforms integration

You’ll now see a list of options to choose from. Here you need to select – A form is submitted.

select trigger option

Next, you’ll have to select the “Request a Quote” form from the Form dropdown.

choose form from the dropdown

Once done, you need to click on the Save button to make your trigger live.

B. Set Up the Action

Let’s configure the action part now. To do that, you need to click on the Add action button to open the list of available integrations.

Next, you need to choose IFTTT under Select an integration:

choose ifttt integration

After that, you need to select the “Send data to IFTTT webhook” option.

select ifttt action

Clicking on that option will open up a number of fields. Let’s configure them now.

First, you need to add the IFTTT webhook URL (that we copied in step 1) to the URL field. You can go to the IFTTT tab on your web browser to get the URL.

configure url field

You can keep the Request method, Headers, and Data format fields as it is.

The Body field is the most important part of this action. It’ll help us to organize our form data in key and value pairs (the key represents the data’s label and the value is the dynamic content in the form of tokens). And we’ll send these key/value pairs from WordPress to IFTTT.

Note that IFTTT supports up to 3 key/value pairs only. Also, you need to name the keys as value1, value2, and value3.

Let’s add the first key/value pair. In the Key field, you need to write value1. Then, in the Value field, click on the Asterisk icon to add the Name token to that field.

configure key value pairs

Similarly, you can add value2 to the Key field and Email token to the Value field. Also, you can add more than 1 token to the value field. For example, you can add the Phone and Request tokens as shown below:

configure the body field

Once done, you need to click on the Save button to make the action live.

C. Publish the Recipe

Once you’ve configured the trigger and the action, you need to make your recipe live. To do that, you should change the toggle option in the Recipe box from Draft to Live.

wordpress to ifttt recipe

That’s it! From now on, whenever someone submits the form on your WordPress site, Uncanny Automator will send the form data to IFTTT.

Step 3: Create an Applet in IFTTT

After configuring the recipe in Uncanny Automator, let’s get back to the IFTTT website. We’ll be creating a new IFTTT applet here to connect our webhook to Trello.

To get started, you need to click on the Create button, present at the top-right side of your screen.

create new ifttt applet

This will open a new page and will ask you to set up the “If This” and “Then That” parts.

A. Configure “If This”

First of all, click on the Add button to configure the If This part of the applet:

click on the add button

Next, you need to search for Webhooks using the search bar.

click on webhooks

Clicking on Webhooks will open up two options to choose from. Here you need to select Receive a web request:

receive a webhook request

Next, you’ll have to add the event name to the Event Name textbox. Make sure the event name is the same as what you’ve selected in Step 1.

creat ifttt trigger

Finally, you need to click on the Create Trigger button to complete the process. After this, you’ll be taken back to the “Create your own” applet page.

B. Configure “Then That”

Once the If This part is configured, let’s set up the Then That part by clicking on the Add button.

configure then that part

Next, you’ll have to search and click on the Trello service:

find trello integration

IFTTT offers one Trello option only – Create a card. You need to click on it since you want to create a new card on Trello when someone submits the form on your WordPress site.

Clicking on that option will open up a number of fields. Let’s configure them now.

First, you need to choose the Trello board from the Which Board dropdown. Also, you need to enter the list name in the List name box. If the list name doesn’t exist, IFTTT will automatically create a new one with this name.

You can also select the position of the new card – the bottom of the list or the top of the list.

configur the action part

In the Title field, you can add static text and variables. For example, you can add “New request from” to the Title field. Then, click on the Add ingredient button to add Value1 to that field (Value1 variable will have the Name data – refer to step 2B).

Similarly, you can add Value1, Value2, and Value3 variables to the Description field. You can also add static text and HTML tags to that field if you want.

set up the description field

IFTTT also allows you to add labels, assign members, and add attachment URLs to the Trello card. These are optional fields, so you may ignore them if you want.

Finally, you need to click on Create Action to complete the Then That part.

C. Publish the Applet

It’s time to make our applet live.

In case you don’t want to make any other changes to the If This and Then That parts, you need to click on Continue to proceed.

click on the continue button

Clicking on that button will open a new page. Here you can give a name to the applet for future reference. You can also click on the toggle button to receive notifications every time the applet runs successfully.

Finally, click on the Finish button to complete the process.

complete the applet process

That’s it! Your IFTTT applet is live now. Every time someone submits the request a quote form on your WordPress site, Uncanny Automator will send the data to IFTTT and a new card will be automatically created on your Trello account.

Endnote

As you can see, Uncanny Automator makes it easy to connect your WordPress site to IFTTT. This way, you can connect your WordPress site to more than 700 non-WordPress applications. This will help you to automate important tasks and run your business on autopilot.

Uncanny Automator also allows you to receive data from IFTTT to your WordPress site with the help of webhooks. You can follow our knowledge base article if you need any help.

If you’ve any questions on how to connect WordPress to IFTTT, please feel free to comment below. Also, don’t forget to share this article on your favorite social media platform.

This Post Has 0 Comments

Leave a Reply

Your email address will not be published. Required fields are marked *

Back To Top