¿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 Formulario solo está disponible en Elementor Pro. Esto significa que debes actualizar a la versión Pro si aún usas la versión gratuita. Puedes usar el widget Formulario no solo para crear un formulario de contacto, sino también para crear otros tipos de formularios, como formularios de suscripción por correo electrónico y formularios de registro de usuario. el formulario de carga de archivos, etc ...
Cómo crear un formulario de contacto en Elementor
Al crear un formulario de contacto con el widget Formulario de Elementor, puedes configurar la dirección a la que se enviarán los datos. Esta puede ser tu cuenta de correo electrónico o el gestor de envío 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 Correo electrónico.
Si también configura la acción del formulario en el correo electrónico, puedes abrir el bloque Correo electrónico 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
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 Correo electrónico 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, no todos los proveedores de alojamiento web habilitan esta 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 puedes usar el widget Formulario para crear un formulario de contacto desde cero con tu propio diseño, Elementor también ofrece plantillas de formulario. Incluso puedes crear una página de contacto (con el formulario, 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.
...