ReInSpirit

  • Contacto
  • Blog
  • Servicios
    • Alojamiento Web
    • Desarrollo y diseño web
  • Descuento E T
  • Sobre Nosotros

2 Plugins para Subir Archivos con Arrastrar y Soltar con CF7

30 enero, 2022 por Pedro Mendez Deja un comentario

Tabla de Contenidos

  • Drop Uploader para CF7
    • Características al detalle
  • Drag and Drop Multiple File Upload
    • Características
  • Terminando

En esta entrada vamos a ver un par de plugins (gratuito y premium) para subir archivos con la opción de arrastrar y solgar al formulario de contacto del plugin Contact Form 7, uno de los plugins mas populares para incluir formularios en WordPress.

Estos plugins tienen mas opciones que la de arrastrar y soltar archivos, las cuales pueden dar un plus a tus formularios y mejorar bastante la interacción de los usuarios en tu sitio web. Son dos complementos ideales para páginas de WordPress que mueven grandes cantidades de datos a través de los formularios de contacto.

En esta entrada puedes ver como poner un formulario de contacto en múltiples pasos con Contact Form 7

Sin mas dilación vemos las características de estos plugins a continuación:

Drop Uploader para CF7

CF7 Drop Uploader es un complemento de WordPress premium que te permite añadir un área de carga de archivos de arrastrar y soltar a tu formulario de Contact Form 7. Puedes incluir varias áreas de carga de archivos para un formulario, establecer la cantidad máxima de archivos para cada campo, tamaño máximo de archivo y tipo de archivo para cada uno de ellos.

Puedes enviar archivos cargados como archivos adjuntos de correo, enlaces a Dropbox o cargarlos a tu servidor y enviar los enlaces. Además, Drop Uploader admite la validación de archivos Javascript, por lo que puedes manejar los errores antes de cargar el archivo.

Ejemplo de archivos con soltar y pegar en CF7

Características al detalle

  • Integración de Dropbox. Ahora puedes recibir los archivos cargados directamente en la carpeta de Dropbox.
  • No hay límite de tamaño de archivo. Puedes recibir archivos muy grandes a través de CF7.
  • Diseños de miniaturas y listas. Puedes elegir qué diseño es más adecuado para tu sitio.
  • Validación de tipo de archivo. Establece qué tipo de archivos se pueden cargar en tu sitio.
  • Validación de tamaño de archivo. Establece el límite de tamaño máximo para un solo archivo.
  • Validación de la cantidad. Limitar el número de archivos cargados
  • Arrastrar, soltar y buscar archivos. Los usuarios pueden usar la función de arrastrar y soltar, además de los métodos de búsqueda de archivos predeterminados para añadir archivos
  • Opciones de estilo. Puedes configurar el color para un borde en estado predeterminado y desplazado, grosor del borde e incluso iconos de carga y archivo.
  • Estilo del enlace «Examinar». Si necesitas cambiar los estilos del enlace Examinar, puedes añadir clases CSS personalizadas para esto.
  • Posibilidad de recibir archivos como archivos adjuntos de correo o enlaces a archivos cargados. Puedes recibir los archivos cargados como archivos adjuntos de correo o como enlaces a archivos en tu hosting. O ambos.
  • Posibilidad de recibir archivos adjuntos archivados en un archivo zip. Puedes recibir archivos adjuntos como un archivo zip, en lugar de varios archivos.
  • Opción de establecer varios campos en un solo formulario. Puedes agregar varios campos de Drop Uploader a un formulario.
  • Se pueden eliminar archivos antiguos. Si recibes archivos como enlaces, puedes configurar una opción para eliminar los archivos cargados después de varios días

Traducción lista. Este complemento es compatible con los estándares de traducción de WordPress y ya se tradujo en los siguientes idiomas:

Inglés
Español
Francés
Italiano
Alemán
Ruso
Ucraniano

Drag and Drop Multiple File Upload

Aquí tenemos la opción gratuita para hacer el trabajo. Con este sencillo plugin puedes arrastrar y soltar para la subida de archivos con el complemento de Contact Form 7, que te permitirá cargar múltiples archivos usando el llamado «Drag&Drop» o «Examinar múltiples» en el área de carga de tu formulario.

Aquí puedes ver una pequeña demostración de como funciona.

Características

  • Validación del tipo de archivo
  • Validación de tamaño de archivo
  • Subir archivos con Ajax
  • Limitar el número de archivos a subir.
  • Arrastrar y soltar o buscar archivo – Carga múltiple
  • Soporta múltiples arrastrar y soltar en un formulario.
  • Adjuntar al correo electrónico o enviar como enlaces.
  • Responsive para móvil
  • Barra de progreso
  • Compatibilidad del navegador

Terminando

Como puedes ver con estos complementos puedes mejorar la usabilidad de tus formularios de contacto con CF7 sin muchos quebraderos de cabeza, e incluir la función Drag&Drop que los usuarios van a agradecer sin duda. ¿Utilizas este método en tus formularios de contacto? ¿Conoces otros plugins similares? Pues espero tus comentarios aquí debajo…

..Entradas Relacionadas

  • Plugin Premium para conectar la Base Datos con Contact Form 7
  • Problemas en el envio de archivos con Contact Form 7
  • Como tener un diseño personalizado de Contact Form 7 en Wordpress
  • Como crear dos columnas responsive en Contact Form 7
  • Como poner el Plugin Contact Form 7 en Múltiples Pasos

Publicado en: Wordpress Etiquetado como: Contact form 7

Sobre el autor

Pedro Mendez. Webmaster apasionado de WordPress. Autodidacta empedernido buscando siempre nuevas fuentes de conocimientos.

Deja una respuesta Cancelar la respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.


Descarga gratis la guía

guia 14 plugins

Política de privacidad


Más un correo a la semana con algún truco y consejo. ¿Te apuntas?

También con regalos y ofertas

icono Twittericono Facebookicono YouTube

Archivos

Categorías

  • Blogging (5)
  • Comercio Eléctronico (48)
  • Diseño (40)
  • Email Marketing (3)
  • Genesis (4)
  • Google (14)
  • herramientas (23)
  • hosting (8)
  • Marketing en Internet (13)
  • Prestashop (4)
  • Programación (4)
  • Redes Sociales (9)
  • SEO (24)
  • Sin categoría (22)
  • Trabajo (7)
  • Wordpress (511)

© Copyright 2021 ReInSpirit.com · Todos los derechos reservados ·Aviso legal·Política de Privacidad·Dos Hermanas (Sevilla)