How to Connect your Contact Form 7 using Generic Webhook
Last updated
Last updated
Contact Form 7 is a simple form builder for WordPress that makes it easy to setup and manage forms on your WordPress site. Contact Form 7 integration with Gallabox can bring numerous advantages to your customer communication, including:
Automated Responses: Send immediate automated responses to form submissions.
Lead Management: Easily categorize and manage leads generated through Contact Form 7 submissions within Gallabox.
Automated Follow-ups: Set up a sequence of messages for new submissions to convert them as your paid customers.
AI Shopping Assistant: Trigger a Bot (which will act a a shopping assistant) on customer's response to provide them a customized shopping experience.
Collaboration and Analysis: Collaborate with your team more effectively on form submission data and utilize Gallabox's analytics features for insights.
Connecting Contact Form 7 with Gallabox not only simplifies the management of form submissions but also enhances the overall functionality and efficiency of your customer engagement strategies.
To install Contact Form 7, navigate to your WordPress Dashboard, go to Plugins > Add New, search for Contact Form 7, then install and activate the plugin.
Once installed, you can see the “Contact” menu on your dashboard.
To Install CF7 to Webhook Plugin, go to Plugins in your WordPress Dashboard > Add New. Search for "CF7 to Webhook" and install and activate the plugin.
To start the process of integration of Contact Form 7, go to your Gallabox Account. From the left navigation select Integrations.
Select "Generic Webhooks" from the Available Integrations. Click on "Connect". Enter the Webhook Name and click on Submit.
A Webhook URL will be generated. Select the desired Channel (WhatsApp Number) you would like to send the WhatsApp Messages from.
Copy the Webhook URL and open your WordPress account in the next browser. From the left navigation select Contact Form under Contacts.
Select the desired Contact Form you would like to connect with Gallabox. Click Edit. When the form opens for editing, click on Webhooks.
If your Contact form doesn't have any field to collect WhatsApp number, then the WhatsApp Message will not be shared with them.
If you and customer are from India, make sure the phone number should either be with country code (+91) or without the country code.
If your customer is out of India, make sure the country code should be added while asking for the Phone Number.
To activate Webhook, check the box for Integrate and paste the Webhook URL copied from your Gallabox dashboard in the space provided. Click on Save.
Once you have added the webhook URL, it is recommended to test if the Webhook is working or not. Gallabox has this provision to test the Webhook. To do so:
Go back to the Generic Webhook Configuration page in Gallabox. Click on the button "Capture Webhook".
Go to your website where the Contact Form 7 is placed. Fill up the form and submit the form.
Go back again to Gallabox tab and you will see the response captured. This shows that the Webhook is working fine. Click on Update Configuration to start creating Workflows to send WhatsApp Messages.
Once you have updated the configuration, you will be redirected to the Workflows.
Click on Create New Workflow. Provide the workflow name. Also provide conditions (if any).
Choose the desired WhatsApp Template. Map the variables to make the WhatsApp Message personalized.
Choose the Action if you would like to add a tag to enroll the contacts in a Sequence or you would like to update the Marketing Opt - in for the contacts. Click on Create Workflow.
After you are done creating the workflow, test it again. Go to your Website where the Contact Form 7 is displayed. Fill up the form. This time you will receive a WhatsApp Message and you can see in the logs if the WhatsApp message has been sent.
Now you have successfully connected your Contact Form 7 to your messaging system using a generic Webhook, enabling automated WhatsApp notifications upon form submissions.