Form widget faq

If you're having trouble with Elementor forms, read this FAQ for common solutions.

How can I save Elementor form submissions to a database?

De forma predeterminada, Elementor no guarda los formularios enviados. Puede guardar formularios utilizando un plugin de terceros como Elementor DB contact form.

Where have all my files gone after uploading?

The uploaded files are saved in a dedicated directory at 'uploads / elementor / forms /'.

Why does my file name change after upload?

The file names are set randomly, for security reasons (we don't want users to load 'yo_mama.jpg' now, do we?).

I set the number of Max. Files, but I still can't upload as many files as the number I set. Why?

Esta configuración no anula la configuración del server de su host. Esta opción limita la cantidad de archivos que se pueden cargar desde el formulario en sí, pero solo si este valor límite no excede el valor «max_file_uploads» de PHP. Si necesita más, comuníquese con usted para que aumente el valor de «max_file_uploads» para su sitio.

How do I customize the date and time design on my forms?

Los campos de fecha y hora se pueden diseñar con CSS personalizado. En dispositivos móviles, se utiliza el diseño HTML5 nativo del browser. Puede activar HTML5 nativo, por lo que el diseño del navegador se utiliza en todos los dispositivos. Una vez que elija Fecha u Hora, verá el interruptor HTML5 nativo.

¿Por qué no puedo ver el marcador de posición del campo de fecha / hora en algunos browsers móviles?

Labels for date / time entries are not properly supported by all browsers, especially mobile device browsers. Because of this, the placeholder may not always be visible. This is not an Elementor specific issue. This is a well known development problem. There are no perfect solutions to solve this, but you can add code like the following to the Advanced tab> Custom CSS section of your form widget:

input [type = "time"]: after {color: #aaa; content: attr (placeholder); } input [type = "date"]: after {color: #aaa; content: attr (placeholder); }

Note: The downside to using this code is that the placeholder will still appear, even after selecting the time and date.

¿Cómo puedo colocar metadata dinámicos en un campo de formulario?

1. Click on the form field Advanced tab as shown below.
2. Click on the dynamic icon to the right of the Default value field.
3. Select the desired metadata from the drop-down list.

Why is Redirect not working?

Redirigir al Username a una página de agradecimiento designada siempre es una buena idea. Lleva a su usuario convertido al siguiente paso, lo que le permite realizar ventas adicionales, realizar un seguimiento de los embudos de usuarios y brindarle una buena experiencia.

Para activar la redirect: Vaya a Acciones después de enviar, agregue la redirección y pegue la Url completa de su página de agradecimiento.

Having problems?

Here are some troubleshooting ideas:

1. Make sure you don't paste an empty character by mistake.
2. Make sure to paste the full URL and not a relative URL. ('/Thank you/')
3. Elimine cualquier JavaScript de la página y vuelva a intentarlo. Puede buscar errores de Javascript en las herramientas de desarrollo.
4. Disable other plugins and switch to GeneratePress theme and see if Redirect works.

What custom messages can I modify in forms?

The forms include 3 different types of messages:

1. Browser messages - they are sent from the browser and cannot be customized. For example, if you do not enter a correct email address, you will receive a message saying "Please include an @ in email address." These messages appear if the form was not completed correctly before submitting it.
2. Server messages they are sent from the server. You can format as you need, using custom CSS. These messages appear after the form is submitted. There are some custom options including Success, Error, Invalid, etc. Example: The form was submitted successfully! Siempre puede modificar el contents de los mensajes personalizados yendo a Form> Additional options, on Personalized messages and locate the relevant message.
3. Third party servers. Error messages that come from email marketing service companies like MailChimp cannot be modified. Please note that some of the error messages sent by these third party products are displayed only to the administrator (you and not the subscribers) and this is not something we can control.

¿Cómo realizo un seguimiento de los envíos de formularios y las conversiones con Google analytics y Tag Manager?

Add your tracking code to a thank you page and redirect your form to that page after submission.

También hay un event de Javascript que el formulario se activa automáticamente después del envío, que se puede usar para agregar a su código de seguimiento personalizado. Estos se agregan externally to Elementor, using functions.php for example.

Here's a base snippet you can build on:

// The event is submit_success so you can catch it for example: jQuery (document) .ready (function ($) {jQuery (document) .on ('submit_success', function () {// form has been submitted do your tracking here ...});});

Be sure to replace the above comment "// form has been submitted, track here ..." with your custom tracking code. Otherwise the snippet will do nothing.

How can I integrate another service with webhook and field mapping?

Elementor has a webhook option in Actions after submitting. By default, our webhook sends each field with the label as the name, or all the fields in a single array when the Advanced data option is activated.

To control field names, give your form fields a custom ID and use the following snippet.

Make sure to update the form name and the URL of your webhook.

Below is an example of how to customize your webhook, where field IDs are sent instead of names.

add_action( 'elementor_pro/forms/new_record', function( $record, $handler ) {
	//make sure its our form
	$form_name = $record->get_form_settings( 'form_name' );
	if ( 'MY_FORM_NAME' !== $form_name ) {
		return;
	}
	
	$raw_fields = $record->get( 'fields' );
	$fields = [];
	foreach ( $raw_fields as $id => $field ) {
		$fields[ $id ] = $field['value'];
	}

	wp_remote_post( 'HTTP://YOUR_WEBHOOK_URL', [
		'body' => $fields,
	]);
});

How can I troubleshoot forms not submitting?

This generally occurs due to server errors or fields that are not mapped correctly. To learn more, read this guide:

https://docs.elementor.com/article/202-form-server-error

"There is something wrong. The form is not valid »

If you receive an error message such as' There is something wrong. The form is invalid ”, this could be for a number of reasons.

• One reason is that the form has been added as a widget within another widget via a shortcode. This is an unofficial and unreliable method of adding a form to a page, so it should be avoided.

Some users only receive a red X after submitting a form. Why?

La integración de MailChimp con el widget de formulario de Elementor solo actúa como un ‘formulario de registro’. No es posible volver a suscribirse a través de un widget de formulario de Elementor ya que la API de MailChimp no lo permite. La resuscripción a una lista se realiza solo a través de los formularios de registro alojados en MailChimp. Esta misma situación puede aplicarse a otros servicios que se integran con formularios.

Para manejar este tipo de usuarios, puede colocar una nota en algún lugar debajo del formulario que mencione que si ya estaban inscritos en la lista, entonces no pueden volver a suscribirse de esta manera. En su lugar, proporcióneles un link para redirigirlos a los formularios de registro alojados en MailChimp, para que puedan volver a suscribirse allí.

Learn more about the form widget and its options here.