Send Contact form 7 Data & uploads to External API via WordPress

Collect form Data using Contact Form 7 plugin in WordPress. Store the data in the WordPress Database using the Contact Form 7 DB addon.
Send a copy of the form data to an External API. We also set up our own data server for this task. You can also automate your API Requests and Webhooks via omukiguy.com/integromat.
VIDEO CHAPTERS
00:00 Challenge Introduction
00:34 Writing WordPress Plugin from scratch
02:09 Basic WordPress Plugin Security
02:45 Contact Form 7 hooks & Data
04:12 Creating a Multi-field Form
07:40 Adding Form labels
09:26 Testing Dropdown & Uploads Fields
09:51 Collecting the CF7 submitted Form Data
11:13 How CF7 handles submitted forms
16:36 Contact Form 7 Database Add-on
18:45 Get CF7 Database stored data
24:56 Sending CF7 Data to External API
25:59 Setting up External API receiver
27:51 Receiving Data on External API
32:51 Next video & Conclusion
Code sample: omukiguy.com/get-contact-form...
=============================================
Do you like what I am doing? Buy me a coffee through www.buymeacoffee.com/techiepress or PayPal: paypal.me/laurencebahiirwa
==== Simple WordPress Build Website Tools ====
- Scalable WordPress Hosting with Kinsta --------------- omukiguy.com/kinsta
- Low cost Hosting ---------------------------------------------------- omukiguy.com/bluehost
- Build website with less code via Elementor Pro ----- omukiguy.com/elementor
- Enhance the Elementor Widgets with Crocoblock --- omukiguy.com/crocoblock
- Screen Record with your computer -------------------------- omukiguy.com/screenflow
- Make awesome forms using WPForms ------------------- omukiguy.com/wpforms
- Build Advanced forms using Gravity Forms ------------- omukiguy.com/gravityforms
I am social too:
Facebook: / techiepress-1001496550...
Twitter: / omukiguy
Blog: omukiguy.com
GitHub: github.com/yttechiepress
-------------------------------------------------------------------------------
LEARN MORE IN THE WELL CURATED PLAYLISTS BELOW
--------------------------------------------------------------------------------
Learn how to build a plugin from scratch: • Plugins Vs Functions.p...
WooCommerce E-Commerce customizations
== Build Free Custom E-commerce Online Shop using WooCommerce - • WooCommerce customizat...
== Build Free Custom Theme for E-commerce Online Shop using WooCommerce -
• Woocommerce Restaurant...
====== Build Dynamic Websites with Elementor ======
== Learn the Elementor basics - • Elementor Beginner Tut...
== Build a custom Elementor Widget from Scratch - • Build Custom Elementor...
====== How to use WordPress Gutenberg Block Editor ======
WordPress 5.4 Gutenberg Blocks Updates
== • WordPress 5.4 Gutenber...
WordPress Gutenberg blocks for Designers
== • WordPress Basics Train...
Gutenberg WordPress Block Editor tutorials for beginners
== • WordPress Basics Train...
Custom WooCommerce Gateway Development from Scratch
== • Build Custom WooCommer...
WordPress Custom REST API Namespaces, Endpoints and Examples from Scratch
== • Create Custom WordPres...
====== WordPress Plugin Development from Scratch ======
Build Most Popular & Most Commented Post Plugin
== • Build WordPress Most P...
Build SMS Plugin with External WordPress API Integration using custom WordPress Databases
== • Build SMS Plugin - Ext...
WordPress External APIs Integration Plugin Development
== • WordPress External API...
Convert WordPress to mobile App in Headless WordPress
== Convert WordPress Sports Website into Mobile Application - kzbin.info?list...
Make GraphQL API endpoints with WordPress Headless CMS WPGraphQL Plugin
== • Make GraphQL API endpo...
Customize Your WordPress & ClassicPress
== Build Custom REST API Endpoints with WordPress or ClassicPress - • Build Custom REST API ...
Custom Dashboard Widgets
== • Custom Dashboard Widge...
Build Custom Admin
== • Custom Admin for WordP...
Learn Git
== Git tutorial for writers + software developers for beginners - • Git tutorial for begin...

[@TechiePress]

I have made an updated video here kzbin.info/www/bejne/roempp-YfpicjrM to show how to do uploads as well.

[@juancruzsosagabrielli9153]

Techie i need your help, what happen if the api fail? How can i send a custom message to the user With a custom message from the response of the api? Thanks!

[@TechiePress]

You can trigger a popup in JS for the message. An alert message

[@juancruzsosagabrielli9153]

@@TechiePress yeah, but would be great to use cft functions. I know how to do it, but im having troubles

[@GoTechUG]

I can't thank you enough for this tutorial. I appreciate the value to you bring us always.

[@lucianowebdev8686]

24:20 weeks trying to figure out why I couldn't get this data LOL, thank you so much for answer my question. Now I know how to debug cf7!!!!

[@maypatsawee4420]

Thank you so much.

[@quebuena111]

I love you, thank you very much!!!

[@user-dk9ye2oj8t]

Thanks alot

[@penikmatvideo2]

this is cool

[@aogunnaike]

Awesome 👍😎

[@TechiePress]

Thank you! Cheers!

[@aogunnaike]

@@TechiePress when do you intend to have a course that covers really hard to do stuffs like this course and stuffs like manipulating woocommerce html, ultimate member, buddy press , fetching social media feeds etc, I think I course would pay off on stuffs like this cos they are majorly hardcore, just an idea though,☺️

[@vishalmehta1419]

very nice tutorial. What editor were you using ? It appear to automatically populate the options as you were typing. And the database table view looked great. I use wordpress so curious how to see them. also, can we do the same to KonnectZit automation as well? Can I save form entries to Woocommerce posts (customer, product, order etc)?

[@DanRegalia]

Hey @TechiePress .. Great tutorial! Trying this out to see if I can get it to work, but it seems to never fire the 'add_action('cfdb7_before_save', 'functionname')... Do you think something has changed? 🤟

[@dtvss]

Dear Sir, How to Save Contact Form 7 Data Submissions to Laravel system?. Thank you so much.

[@SamGaming360]

How could i do this with checkboxes?

[@maulikthekdi9131]

cf7 trap Api not available..please send link

[@mahaoueghlani5329]

Thank you for the tutorial, can i use webhook with localhost ?

[@TechiePress]

Unfortunately, that might introduce complexities such as having a dedicated IP address for your computer to connect with the www. But you can try it and make it work.

[@mahaoueghlani5329]

@@TechiePress the error log dosn't displaying and I try to display an alert but nothing work, although I activate the plugin in the admin panel (I work in localhost), i think that the api dosn't work to me because I add an else and nothing was worked

[@stevensoneugenio1172]

can I send data form from my next.js app to contact form 7 wordpress?

[@TechiePress]

Yes, you can but why would you need that instead of sending it to admin email or other places like email marketing tools?

[@maypatsawee4420]

If api response is fail, Can I return fail back to form?

[@davidemadoi1443]

I was wondering the same thing. I need to implement that behavior. How can we override standard mail response message? Thanks a lot

[@juancruzsosagabrielli9153]

Could you Solve this?

[@abdullahimohamed1181]

Hi, the link for Github code sample isn't working? Kindly update please

[@TechiePress]

You needed to click the php file in that repo. See github.com/YTTechiePress/cf7-trap-api/blob/main/cf7-trap-api.php

[@abdullahimohamed1181]

@@TechiePress It's showing me a 404 page

[@TechiePress]

You do not have a github account. I have updated the code to my blog site. omukiguy.com/get-contact-form-7-data-send-it-to-external-api-in-wordpress/

[@abdullahimohamed1181]

@@TechiePress Thanks so much, this works ❤️