Elementor Pro includes a form builder widget, complete with a webhook to which all form data can be sent and a redirect URL to send users after successful submissions. I have been tasked with adding a second webhook to a form because the first was being used for an integration with Zapier.
We need to use the
elementor_pro/forms/new_record hook to make this work, and it is possible to prevent the form from submitting if our additional webhook fails. Here is a simple plugin that adds a webhook to all Elementor Forms sitewide:
If you need to target a specific form, access the form name or ID using the
//Get the Elementor form ID $form_id = $record->get_form_settings( 'id' ); //Get the Elementor form name $form_name = $record->get_form_settings( 'form_name' );