¿Le gustaría aprender a crear un formulario de carga de archivos en Elementor?
Como probablemente sepas, la versión pro de Elementor viene con un widget de formulario que puedes usar para crear formas en su sitio web de WordPress. Con este widget puedes crear casi cualquier tipo de formas. Este widget ofrece alrededor de 19 tipos de campos, incluido un campo para poner en linea un archivo.
En este artículo, le mostraremos cómo crear un formulario que consta de un campo de carga de archivos.
Pero antes de comenzar, asegúrese de haber actualizado su versión de Elementor a la versión Pro ya que, nuevamente, el widget Form solo está disponible en Elementor Pro.
Lea nuestra guía sobre: Cómo instalar Elementor en WordPress
Primero, cree una nueva página o publíquela y edítela con Elementor.
Antes de comenzar a crear la página para agregar su formulario, primero configure el diseño. Para hacerlo, haga clic en el ícono de ajustes en la esquina inferior izquierda del panel izquierdo. Establezca su diseño preferido en el menú desplegable Disposición.
Agregue una nueva sección haciendo clic en el ícono más en el cuadro de edición de Elementor. Puede seleccionar cualquier estructura en función del concepto de diseño que desee crear. Elegimos una estructura de columna única en este ejemplo.
Agregue el widget Formulario arrastrándolo desde el panel izquierdo al área del lienzo.
De forma predeterminada, tiene un formulario compuesto por tres campos: Nombre, Correo electrónico y Mensaje. Elimine un campo que no necesita haciendo clic en el icono x del campo.
En este artículo, crearemos un formulario compuesto por 4 campos: Nombre, Correo electrónico, Mensaje y Carga de archivo. Dado que el formulario tiene solo 3 campos de forma predeterminada, debe agregar un nuevo formulario para el campo Carga de archivos.
Lea también: Cómo agregar reCAPTCHA a su formulario Elementor
Haga clic en el botón AÑADIR UN ARTÍCULO para agregar un nuevo campo. Definir el tipo de campo al cargar archivo. Si quieres definirlo como campo obligatorio, activa la opción Necesario. Establezca el tamaño máximo de archivo en el menú desplegable para Tamaño máximo de archivo.
Para definir los tipos de archivo permitidos, ingrese las extensiones de archivo Tipos de archivos permitidos. Puede aceptar varios tipos de archivos separando las extensiones de archivo con una coma. Si desea permitir que sus visitantes envíen varios archivos, active la opción Varios archivos y establezca el número máximo de archivos que pueden descargar.
Si desea cambiar el orden de los campos, simplemente arrastre cada campo hacia arriba o hacia abajo. En este ejemplo, colocamos el campo Carga de archivo encima del campo Mensaje.
Definición de acción
Sería genial si pudiera conectar su formulario Elementor con servicios de backend de formulario tal como Obtener formulario ou llevar formulario. Desafortunadamente, Elementor no admite la integración con ningún servicio de backend de formulario.
Averiguar como: Cómo agregar divisor para crear una sección en Elementor
Entonces, en este artículo, vamos a definir la acción en el correo electrónico. Esto significa que los envíos enviados a través de su formulario se enviarán a través del correo electrónico especificado.
De forma predeterminada, la acción del formulario se estableció en correo electrónico. Puedes asegurarte desde la opción Acciones después de enviar.
Entonces abre la opción E-mail y establezca la dirección de correo electrónico a la que se enviarán los envíos de formularios. También defina el asunto del correo electrónico.
Siempre bajo la opción Email, establecer el cuerpo del correo electrónico en la opción Mensaje.
Para personalizar el cuerpo del correo electrónico, puede pegar los códigos cortos de los campos que desea agregar al cuerpo. Puedes encontrarlos en la pestaña AVANZADO de cada campo.
También puede personalizar los metadatos del cuerpo de su correo electrónico en la sección Meta Data. Elimina los metadatos que no quieras incluir.
Los metadatos en sí aparecerán debajo del cuerpo del correo electrónico.
En los campos de Email, De nombre y respuesta a, puede dejarlos en blanco.
Personalizando el formulario
Hasta ahora, su formulario está listo para ser publicado. Antes de publicarlo, puede personalizar el formulario para hacerlo más atractivo. De forma predeterminada, cada campo de su formulario contiene una etiqueta. Si quieres apagarlo, puedes hacerlo desde Opción Campos de formulario sous la pestaña Contenido.
Para crear opciones de estilo más avanzadas, puede acceder a la pestaña Estilo. Aquí hay algunas opciones de estilo que puede configurar.
- Definir el espacio entre las líneas y la tipografía de las etiquetas.
Para definir el espacio entre las líneas (campos) así como la tipografía de las etiquetas, puede abrir la opción Formulario.
Establecer el espacio de línea en la sección Separación de filas. Para definir la tipografía de las etiquetas (tamaño de fuente, estilo de fuente y familia de fuentes), puede hacer clic en el icono de lápiz de tipografía en la sección Etiqueta.
- Defina la tipografía del campo, el color de fondo, el color del borde, el ancho del borde y el radio del borde
Puedes abrir la opción Campo para definir la tipografía del control, el color de fondo del control, el color del borde, el ancho del borde y el radio del borde.
- Botón personalizar
Para personalizar el botón, puede abrir la opción Botones. Desde allí, puede establecer el color de fondo, el color del texto, la tipografía, el color del borde, el radio del borde, etc. Cambiar a la pestaña LIBRACIÓN para personalizar el botón que apunta.
Hay varias otras opciones de personalización que puede configurar. Puede jugar con el panel izquierdo hasta que esté satisfecho con el aspecto de su formulario. Una vez hecho esto, puede hacer clic en el botón PUBLICAR para publicar su formulario.
Error potencial
Cuando prueba su formulario, pueden aparecer mensajes de error. A continuación se muestra un ejemplo de un error.
El error anterior generalmente ocurre si está utilizando un servicio.Alojamiento web intercambio. La mayoría de los proveedores deAlojamiento web función de desactivación compartida php enviar_correo, que es utilizado por la funcionalidad de WordPress wp_correo para enviar correos electrónicos.
¡Obtenga Elementor Pro ahora!
Conclusión
Listo ! Eso es todo por este artículo que le muestra cómo crear un formulario de carga de archivos 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.
...
