En este artículo descubrirás cómo crear un formulario con Elementor gratuito.
Aunque el widget de formulario solo está disponible en Elementor Pro, no significa que no pueda crear un formulario en la versión gratuita de Elementor.
Si necesita agregar un formulario a la página que está creando con la versión gratuita de Elementor, puede usar los dos métodos que cubriremos en este artículo.
Elementor, ya sea la versión pro o la versión gratuita, viene con dos widgets que puede usar para crear un formulario. Estos son los widgets HTML y Shortcode. Con el widget HTML, puede incrustar un formulario HTML, mientras que el widget de código abreviado le permite incrustar un formulario desde complementos de formulario que usan el código abreviado, como Formulario De Contacto 7.
Crear formulario con la versión gratuita de Elementor usando el widget HTML
Este método requiere que tenga conocimientos de HTML para crear el formulario. O bien, puede descargar una plantilla de formulario HTML de Internet. W3docs tiene más de 60 Plantillas de formulario HTML que puedes descargar gratis.
Para comenzar, cree una nueva página y edítela con Elementor (Páginas – > Agregar). Por supuesto, también puede modificar una página existente. Si desea crear un formulario en una página nueva, recuerde configurar el diseño del formulario haciendo clic en el ícono de ajustes en el panel inferior izquierdo.
Agregue una nueva sección haciendo clic en el botón más en el área de edición y agregue el formulario HTML arrastrándolo desde el panel izquierdo al área de edición. Colóquelo en el área que desee. Luego vaya al panel izquierdo y pegue el código HTML del formulario en el campo código HTML debajo de la pestaña Contenido.
Publica/actualiza la página una vez que hayas terminado de editarla.
Ver también: Cómo usar widgets/plantillas de Elementor como bloques de Gutenberg
Una cosa. Si su formulario HTML utiliza CSS externo, imágenes o JavaScript para diseñar, asegúrese de cargar las carpetas que contienen el código CSS, las imágenes y JavaScript en el directorio raíz de su sitio web.
Crea un formulario en Elementor gratis usando el formulario de contacto 7
Si no tiene conocimientos de HTML y no desea utilizar una plantilla de formulario HTML, puede crear un formulario en la versión gratuita de Elementor utilizando el complemento. Contacto 7. En realidad, hay muchos otros complementos de formulario. Recomendamos Contacto 7 Forma porque es el complemento de formulario más popular para WordPress y completamente gratuito.
Primero, instale el complemento Formulario De Contacto 7. Para hacer esto, vaya a Extensiones – > Añadir. Escriba "formulario de contacto 7" en el cuadro de búsqueda y haga clic en el botón Instalar ahora una vez que lo hayas encontrado.
Active el complemento inmediatamente una vez instalado.
Contact Form 7 viene con un formulario predeterminado (un formulario de contacto ). Puedes usarlo si quieres. Si desea crear un nuevo formulario en su lugar, puede ir a Contacto – > Agregar. Asigne un nombre a su formulario para que pueda identificarlo fácilmente en el futuro.
De forma predeterminada, su formulario constará de cuatro campos: nombre, correo electrónico, asunto y mensaje.
Si desea agregar un nuevo campo, coloque su puntero en el área donde desea agregar el nuevo campo (puede colocarlo debajo o encima de un campo existente). Agregar etiqueta para el nuevo campo de formulario en formato <label> votre label préféré </label>.
Coloque su puntero justo después de la etiqueta y seleccione un campo en la pestaña de campo. Puede agregar un nuevo salto de línea para que su nuevo campo sea más limpio que otros campos existentes.
Rellene los campos y haga clic en Insertar la etiqueta (puedes dejar todo por defecto).
Contact Form 7 enviará los envíos enviados a través de su formulario a un correo electrónico. Puede configurar el correo electrónico desde la pestaña E-mail.
Puedes ir a la pestaña Mensajes si desea anular los mensajes predeterminados. Puede personalizar el mensaje que aparece después de que sus visitantes envíen correctamente el formulario o el mensaje de error cuando no se envía el formulario, etc.
Haga clic en el botón Siguiente una vez que haya terminado de editar el formulario y copiar el código abreviado.
Para agregar el formulario que acaba de crear a su página de Elementor, cree una nueva página y edítela con Elementor, o también puede editar una página existente.
Lea también: Cómo deshabilitar una ventana emergente de Elementor en teléfonos inteligentes
Agregue una nueva sección para colocar el formulario y agregue el Widget de código corto. Una vez que se agrega el widget de código abreviado, vaya al panel izquierdo y pegue el código abreviado que copió en el campo Shortcode debajo de la pestaña Contenido.
Publica/actualiza tu página una vez que hayas terminado de editarla.
Contact Form 7 utiliza el formato de estilo del tema de WordPress que usas Puede diseñar su formulario Contact Form 7, pero se requieren habilidades de CSS. También puedes ver este artículo en Cómo personalizar un formulario de Contact Form 7 con Essential Addons y Elementor.
¡Consigue Elementor Pro ahora!
Conclusión
Listo ! Eso es todo por este artículo que le muestra cómo crear un formulario con Elementor gratuito. Si tiene alguna inquietud sobre cómo llegar, hágaselo saber 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.
...
