How to Send Contact Form 7 Submissions to Tawk.to
Tawk.to is a live chat platform. Form submissions can trigger instant notifications. Contact Form 7 is the most popular form plugin on WordPress, and Tawk.to is where that data needs to land. Here is how to connect the two without writing code.
Why connect directly?
Cloud automation tools like Zapier charge per task and route your data through external servers. AFI processes everything on your WordPress site. No per-submission fees, no external dependencies.
What you will need
- A WordPress site with Contact Form 7 installed and at least one form.
- A Tawk.to account.
- The Advanced Form Integration plugin (free from WordPress.org).
Connect Tawk.to to AFI
- Log in to your Tawk.to account.
- Copy your API Key and Property ID.
- In WordPress, go to AFI → Settings → Tawk.to.
- Enter the credentials and click Save.
Setting up the integration
1. Create a new integration
Go to AFI → Add New. Name it CF7 to Tawk.to.
2. Pick your trigger
Select Contact Form 7 and choose your form. Fields are detected automatically.
3. Select Tawk.to as the destination
Choose Tawk.to and pick Add Property. This adds a property in Tawk.to.
4. Map fields
Match each Tawk.to field to the corresponding Contact Form 7 field. Smart tags like {{_submission_date}} are available.
5. Add conditions if needed
Send only specific submissions based on conditional rules.
6. Save and test
Click Save Integration. Submit a test form and verify in Tawk.to. Check AFI → Log if needed.
Free vs Pro
Free maps name and email with unlimited submissions. Pro adds custom field mapping. No per-submission fees.
Frequently asked questions
Do I need coding skills?
No. Everything is visual.
Will this slow down my form?
No. Data is sent asynchronously after submission.
Can I connect multiple forms?
Yes. Create as many integrations as you need.
Get started
Install Advanced Form Integration free from WordPress.org and connect Contact Form 7 to Tawk.to in minutes.
Leave a Reply