¿Quieres saber cómo crear un formulario de contacto en Elementor?
La página de contacto es una de las páginas cruciales de un sitio web. A menudo se utiliza como parámetro si un sitio web está aprobado o no. Elementor viene con un widget nativo, el widget Form, que le permite agregar un formulario a una página. Este artículo le mostrará cómo.
El widget de formulario en sí solo está disponible en Elementor Pro. Lo que significa que debe actualizar a la versión pro si todavía está usando la versión gratuita. No solo puede usar el widget Formulario para crear un formulario de contacto, pero también puede usarlo para crear otros tipos de formularios, incluido el formulario de registro de correo electrónico, el formulario de registro de usuario, el formulario de carga de archivos, etc ...
Cómo crear un formulario de contacto en Elementor
Cuando creas un formulario de contacto Usando el widget de formulario de Elementor, puede establecer la ubicación donde se enviarán los datos del formulario. Ya sea en su cuenta de correo electrónico o en el administrador de envío de formularios predeterminado de Elementor.
En este artículo, saltaremos directamente a agregar el widget Form al cuadro de edición de Elementor. Simplemente agregue el widget de formulario desde el panel de widgets al cuadro de edición de la siguiente manera:
Como puede ver, el widget Formulario crea automáticamente un formulario que consta de tres campos.
Lea también: Cómo agregar una cuadrícula de precios en Elementor
Para editar un campo existente, simplemente puede abrirlo. Puede cambiar el tipo de campo, anular la etiqueta y el marcador de posición predeterminados y establecerlo como un campo obligatorio si lo desea.
Para eliminar un campo existente, simplemente haga clic en el X del campo que desea eliminar.
Para agregar un nuevo campo, simplemente haga clic en el botón AÑADIR UN ELEMENTO. El widget Form en sí admite veinte tipos de campos.
Definición de la acción de formulario
Como mencionamos anteriormente, puede enviar los datos del formulario (envíos) a su cuenta de correo electrónico o al envío de formulario integrado de Elementor. Para establecer el destino, puede abrir el bloque Después de enviar acciones debajo de la pestaña Contenido desde el panel de configuración.
Ver también: Cómo crear una imagen redondeada en Elementor
Seleccione una acción que desee definir en el campo disponible (puede agregar varias acciones). En este ejemplo, seleccionamos E-mail.
Si también configura la acción del formulario en el correo electrónico, puedes abrir el bloque E-mail para definir la dirección de correo electrónico para recibir los datos del formulario. Como puede ver, también puede establecer el tema si lo desea.
De forma predeterminada, Elementor incluye el contenido de todos los campos del formulario. Si desea incluir solo contenido de campos específicos, puede pegar los códigos cortos de sus campos preferidos en el campo. Mensaje.
Por ejemplo, la configuración a continuación solo enviará el contenido del campo del mensaje.
Para obtener el código corto de un campo, puede hacer clic en la pestaña AVANZADO en el campo asociado del bloque Campos de formulario.
Definición de mensajes
Cuando los datos del formulario se envían correctamente, sus visitantes verán un mensaje de éxito debajo del formulario. Asimismo, también verán un mensaje de error cuando no se envíen los datos del formulario.
Ver tambien Cómo crear una sección de miembros del equipo con Elementor
Puede anular estos mensajes predeterminados, así como otros dos mensajes, del bloque Opciones adicionales debajo de la pestaña Contenido desde el panel de configuración. Activar el Mensajes personalizados para anular los mensajes predeterminados.
Personalizando el formulario
Una vez que haya terminado de realizar los ajustes básicos en la pestaña Contenido desde el panel de configuración, puede cambiar al Estilo para personalizar el formulario. Hay cinco bloques que puede abrir aquí.
Formulario de Contacto
Puede abrir este bloque para definir el espacio entre las columnas y las líneas del formulario, el espacio entre etiquetas, la tipografía (familia de fuentes, tamaño de fuente, estilo de fuente, etc.) de la etiqueta del formulario y el color del texto de esta última.
- Campo
Puede abrir este bloque para definir la tipografía del texto del campo, así como el color, el color de fondo de los campos del formulario, el tamaño, el color del borde y el radio del borde de los campos del formulario.
- Botones
Puede abrir este bloque para personalizar el botón de envío. Puede configurar elementos como la tipografía del texto del botón, así como el color, el color de fondo, el radio del borde, el tamaño del borde, el color del borde y el relleno del texto. Para configurar el tamaño del botón, puede hacerlo desde el bloque botones sous la pestaña Contenido.
- Mensajes
Puedes abrir este bloque para definir la tipografía así como el color del texto de los mensajes.
- pasos
Puede abrir este bloque solo si desea crear un formulario de varios pasos.
Una vez que haya terminado de personalizar el formulario, así como la página, puede publicar su página.
Error potencial
Uno de los errores más comunes al establecer la acción del formulario en E-mail es que el formulario no se envía. En su lugar, verá el siguiente mensaje.
Elementor y la mayoría de los complementos de formularios de contacto, incluido el Formulario de contacto 7, utilizan la función de entrega de correo predeterminada de WordPress llamada wp_correo. Esta función depende de la función enviar correo que depende de PHP para funcionar.
Lea también: Cómo agregar un control deslizante de testimonios en Elementor
Desafortunadamente, todos los proveedores deAlojamiento web no activar la función enviar correo de PHP. Si es así, su formulario no será enviado. En su lugar, recibirá un mensaje de error como el anterior.
Para resolver el problema, puede instalar y configurar un servicio de entrega de correo personalizado en su WordPress. Alternativamente, si es posible, puede pedirle a su proveedor de alojamiento que habilite la función enviar correo de PHP.
Por último
Elementor es uno de los complementos de creación de páginas más completos. Viene con una serie de elementos de diseño (llamados widgets) para que pueda agregar elementos fácilmente a la página, incluido un formulario de contacto.
Aunque puede usar el widget Formulario para crear un formulario de contacto desde cero con su propio diseño, Elementor también ofrece plantillas de formulario que puede usar. Usted puede incluso crear una página de contacto (completa con el formulario de contacto, por supuesto) a partir de una plantilla.
¡Obtenga Elementor Pro ahora!
Conclusión
Listo ! Eso es todo por este artículo que le muestra cómo crear un formulario de contacto en Elementor. Si tiene alguna duda sobre cómo llegar favísanos en el comentarios.
Sin embargo, también puedes consultar nuestros recursos, si necesita más elementos para llevar a cabo sus proyectos de creación de sitios de Internet, consulte nuestra guía sobre Creación de blog de WordPress o el de Divi: el mejor tema de WordPress de todos los tiempos.
Pero mientras tanto, comparte este artículo en tus diferentes redes sociales.
...
