Blog

  • How to add an additional webhook to an Elementor Form

    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:

    https://gist.github.com/csalzano/dfd754e0fe8b6ac10731fad8f257c0bf

    If you need to target a specific form, access the form name or ID using the $record object.

    //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' );

  • Lititz Homebrewer’s Cooperative

    Lititz Homebrewer’s Cooperative

    A logo for the local homebrew club. Join our mailing list at brew.lititz.beer.