How to Use Divi Form Builder Webhooks with n8n (Or Almost Any CRM or SaaS)

What You’ll Need:

• Divi Form Builder plugin installed
• n8n (self-hosted or cloud)
• OpenAI API Key (optional, but recommended for AI features)
• Twilio Account (optional for SMS or WhatsApp notifications)
• Google Sheets (optional for logging data)

Step 1: Create Your Form in Divi Form Builder

To start, create a simple (or not so simple) Divi form with Divi Form Builder. We’ll be adding fields for Name, Email, and Message. You can customize further based on your needs, such as adding a subject line or selection dropdowns. All of this can be passed to n8n and processed.

PRO TIP: Make your life easier by assigning clear, descriptive Field IDs (like “f_name”, “f_email”, and “f_message”). This will simplify your automation setup in n8n.

Step 2: Set Up Your Webhook in n8n

Now for the more exciting and probably more foreign part, working with n8n. If you are not familiar with n8n I highly recommend you check our this video to get the basic down.

Without stalling any further, let’s dive in.

Navigate to n8n and create a new workflow:

• Click Add a Trigger Node, then select Webhook from the list.
• Choose POST as your webhook method.
• Copy the unique webhook URL generated by n8n.

Now, go back to your Divi Form Builder:

• Access your form settings in the Divi Builder.
• Click on the Extra tab.
• Enable Send to Zapier and paste the webhook URL copied from n8n into the provided field.
• Save your form settings.

PRO TIP: Even though it says “Zapier,” this webhook integrates seamlessly with n8n—no Zapier subscription needed!

Step 3: Test the Webhook Integration

With the basics in place, it is time to verify your setup:

• Activate the webhook test mode in n8n by clicking Listen for Test Event.
• Go to your form on the Divi front end and submit test data.
• Confirm in n8n that the form data arrives correctly, displaying your submitted test information.

Step 4: AI-Driven Text Classification (Optional but Powerful)

If it worked on your first try and your reaction was anything like mine, pick up your jaw off the floor, then start imagining the amazing things you can do with this door your just opened. Here are some things you can try out.

Enhance your automation with AI to categorize your form submissions automatically:

• Insert a Text Classifier node into your n8n workflow.
• Connect it with your OpenAI API key, selecting your preferred AI model (e.g., GPT-4o).
• Set up clear categories with descriptive text to help the AI classify effectively.

Example Categories:

• Sales: “This message indicates a sales-related inquiry or request.”
• Documentation: “This message mentions missing, unclear, or incomplete documentation.”
• Support: “This message is related to a customer support issue or troubleshooting.”
• Other: “Messages that don’t match the predefined categories.”

This is important to note, the AI will actually classify the submitted text from your Divi from based on the description you gave the category. No crazy manual mapping here folks.

Step 5: Automate Actions Based on AI Classification

So now that we have classified the incoming Divi form data, we need to start telling n8n what we want to do with that information.

Take action based on the classification of your incoming messages:

Sales Text Messages

For sales messages, we want to send a text message with the contents of the query to one of our sales team members.

• Add a Twilio node.
• Configure your Twilio account to send instant SMS or WhatsApp notifications to your sales representatives.
• Create dynamic, personalized messages using form data (“New sales lead from {Name}: {Message}”).

Missing Documentation

If our Divi form message indicates that we might be missing a doc on a feature or topic, we want to keep track of that so that we can make sure it is created. For this, we will add a new row to a Google Sheet with the relevant data identified by an AI Agent which will also add the row.

• Add an AI Agent node and connect your LLM of choice (we used OpenAI).
• Craft a concise System Message prompt that ensures that it extracts the relevant information in a format you want it to automatically log in a designated Google Sheet.

Evaluate this text and determine which Divi Engine plugin they are referring to, as well as create a short summary of the missing documentation no longer that 15 words.

• Add a Google Sheets node.
• Set Operation to Append Row.
• Select your Google Sheets Document.
• Select the sheet within that document.

Almost there, I just have to break here because we are about to sprinkle in a little more of that AI magic. n8n can use AI to define the values of the attributes we need for our google sheet.

• Define the values that you want to send to your google sheet and think of these are a column value within the row that is being appended.
• Click the stars next to the value input and ask the AI model to define this (yes it works!).

Other

We do not want to do anything special with these as Divi Form Builder will still send the notification email with all the information.

• Handle these submissions with your standard email notifications or keep them in a separate log for later review.

PRO TIP: Regularly refine your AI prompts based on user input to improve classification accuracy and response quality.

Step 6: Activate Your Workflow and Watch Automation in Action!

Enable your n8n workflow and test various form submissions to witness your automated responses in real-time:

Instant notifications for urgent sales messages

Automatic data logging for documentation issues

Additional Automation Ideas:

You head must be whirling with all the integrations that are possible with Divi Form Builder beyond simple Zapier. Once you’re comfortable, you can expand your integrations even further:

• Connect with CRM systems like HubSpot or Salesforce.
• Automatically add subscribers to email marketing lists.
• Trigger alerts in messaging platforms like Slack or Microsoft Teams.

Your imagination is the only limit here!

Wrapping Up

And there you have it—a comprehensive guide to using Divi Form Builder webhooks and n8n to connect your forms effortlessly with virtually any CRM, SaaS tool, or API endpoint. Skip costly integrations and embrace smarter automation!

If this tutorial was helpful, please comment below. I’d also love to hear about any other integration ideas you’re keen to explore!

Happy automating!