Elementor form custom webhook returns "error" message - forms

Question

I'm using Elementor form with custom webhook but every time I submit it, I just get "error" message.
In my functions.php file I've got Form New Record Action according Forms API documentation.
// A send custom WebHook
add_action( 'elementor_pro/forms/new_record', function( $record, $handler ) {
$form_name = $record->get_form_settings( 'form_name' );
if ( 'test_form' !== $form_name ) {
return;
}
$raw_fields = $record->get( 'fields' );
$fields = [];
foreach ( $raw_fields as $id => $field ) {
$fields[ $id ] = $field['value'];
}
wp_remote_post( 'https://example.com', [
'body' => $fields,
]);
}, 10, 2 );
I have "wp_remote_post" there with URL I want to post the form to, but it does not redirect me or something, just returning "error" message.
On Elementor editor I added Webhook action after form submission
What could be wrong? Thanks

Answer 1

In the last example you need to fill in the wbbhook field at the appropriate URL
webhookfield

Answer 2

I had a similar error and it turned out it was a timeout.
By default, the timeout is set to only 5 seconds. This can be increased by using an add_filter in PHP. For example, if you are using make.com as the webhook, you can specify:
add_filter('http_request_timeout', function($timeout, $url = '') {
$start_with = 'https://hook.us1.make.com';
//return is_string($url) && str_starts_with($url, $start_with) // PHP 8
return is_string($url) && strncmp($url, $start_with, strlen($start_with)) === 0 // PHP 7 or older
? 30 // TODO: set appropriate timeout, WordPress default is 5 seconds
: $timeout; // return unchanged url for other requests
}, 10, 2);
This was the original issue I logged.
https://github.com/elementor/elementor/issues/20452