CMS Plugins WordPress

[WordPress] Adjuntar varios archivos en Contact Form 7

[titulo]Subir múltiples archivos con barra de carga en CF7[/titulo]

Tal y como vimos en el artículo sobre cómo enviar archivos adjuntos en Contact Form 7, tenemos la opción de poner múltiples campos [codigo]archivo[/codigo]. Uno por cada archivo que queramos adjuntar. Pero esa opción, además de parecer estéticamente poco profesional, tiene algunos inconvenientes:

  • Cada campo archivo tiene su propia configuración individual. Por lo que si queremos que a través de nuestro formulario se envíen max. 5 archivos con un total de 16MB, habrá que ir haciendo la cuenta y limitando cada campo de manera independiente.
  • Cuando se adjuntan los archivos desde el equipo, éstos quedan indicados como en un formulario de HTML cualquiera, [subraya_verde]pero no se inicia la carga hasta que pulsamos el botón enviar. Como no aparece ningún gif indicando que se están subiendo los archivos, el usuario puede creer que el formulario no está haciendo nada y no funciona, y volver a pulsar una y otra vez el botón enviar interrumpiendo la carga de archivos.[/subraya_verde].

 

Para evitar todos estos inconvenientes, hay un excelente plugin desarrollado por Glen Don L. Mongaya:

Drag and Drop Multiple File Upload [Descargar]

Este plugin hace de CF7 lo que CF7 debería ser por defecto si cuidase un poquito más la estética y la usabilidad.

Tiene un Drag and Drop (pincha y arrastra) para subir los archivos, además del tradicional botón “Explorar”.

Y como hemos comentado, cada archivo que se sube, muestra una barrita de carga indicándole al usuario si se ha subido ya, y si lo ha hecho correctamente:

Aportando de esa forma mucha más información al usuario, y no demorando el envío cuando se haga clic en el botón “Enviar”.

En definitiva, mucha más información para el usuario que dará una estética más agradable, útil e intuitiva, y sobretodo evitará errores de impaciencia y desconocimiento.

 

¡A disfrutarlo!

Cristian Sarabia Martínez

Desde que a principios de los 90 mi padre desempolvó su Spectrum, no he dejado de probar y experimentar con la tecnología.

Enamorado del mundo web, Full Stack Developer de profesión y diseñador por devoción.

Ahora hago mis pinitos en esto del blogging para compartir con vosotros un poquito de todo lo que la comunidad me ha dado.

2 Comentarios

Haz clic aquí para dejar tu comentario

Flickr

  • Querschnitt
  • Sunbath
  • Run, run, run, the bullet is close to you (ou la tentative d'assassinat d'un coureur de jupons)
  • Le crêpier
  • La déesse de l'Abondance
  • Ufer
  • Bridge
  • Ballhaus
  • Training

About Author

ThemeForest

Collaboratively harness market-driven processes whereas resource-leveling internal or "organic" sources. Competently formulate.

Calendar

julio 2024
L M X J V S D
1234567
891011121314
15161718192021
22232425262728
293031  

RSS Meks Blog

  • How Adding Slack Bot Boosted Our Culture of Appreciation 3 julio, 2024
    Sweet Kudos is a Slack bot that enhances employee recognition, rewards, and celebrations within your team. It empowers team members to express gratitude and appreciation effortlessly by giving virtual Kudos. The post How Adding Slack Bot Boosted Our Culture of Appreciation appeared first on Meks.
    Dusan Milovanovic
  • 10 Best Knowledge Base & Wiki WordPress Themes 2021 15 septiembre, 2021
    Running a successful online business requires an exceptional WordPress knowledge base theme that organizes documentation and helps customers. Customization options, intuitive navigation, unique layouts, and fast responsiveness are just some of the features you need. The following 10 WordPress wiki themes represent the best options for 2021 and beyond. Explore the full range to determine […]
    Dusan Milovanovic
  • How to increase WordPress Memory Limit (quick fixes) 16 junio, 2021
    Here is a post about how to increase the memory limit in WordPress. Allowed memory size exhausted error message showed up in your WordPress installation? No worries – this is one of the most common errors in WordPress. You can apply an easy fix by increasing the memory limit in your PHP. Table of Contents […]
    Dusan Milovanovic
  • How to use (and why) WordPress sitemap plugin 1 marzo, 2021
    Did you know that by knowing how to use the WordPress sitemap plugin you can significantly improve your site’s visibility and traffic? Although it isn’t mandatory to have a sitemap on your site, having one significantly improves the site’s quality, crawlability and indexing. All this is important for better optimization, which is why we wanted […]
    Ivana Cirkovic
  • 22 free and premium podcast software for your show [2021 edition] 18 enero, 2021
    You’re determined to start or improve your podcast but don’t know which podcast software to use to really make it stand out? We’ve got you! #podcasting Top 22 free and premium podcast software for your show #WordPressTips #podcasting The post 22 free and premium podcast software for your show [2021 edition] appeared first on Meks.
    Ivana Cirkovic
  • Digital storytelling with WordPress – an all-in-one guide to make your web stories pop! 23 noviembre, 2020
    Wondering how to improve digital storytelling with WordPress and build more awareness and exposure of your business? Let our guide lead the way. The post Digital storytelling with WordPress – an all-in-one guide to make your web stories pop! appeared first on Meks.
    Ivana Cirkovic
  • How to use WordPress autoposting plugin to improve your visibility and SEO? 10 septiembre, 2020
    Did you know you can use the WordPress autoposting plugin for your content efforts and improve not only your time management but your business and visibility as well? The post How to use WordPress autoposting plugin to improve your visibility and SEO? appeared first on Meks.
    Ivana Cirkovic
  • How to create a personal branding site? Step-by-step DIY guide 15 agosto, 2020
    Looking for ways and means to create a personal branding site? Well, look no further ’cause we’re giving away all the how-to’s to do it yourselves! The post How to create a personal branding site? Step-by-step DIY guide appeared first on Meks.
    Ivana Cirkovic
  • Top 15 WordPress content plugins and tools to improve your visibility and rankings 16 julio, 2020
    Let’s take a look at some of the must-have WordPress content plugins and tools to use to improve both your UX and rankings. The post Top 15 WordPress content plugins and tools to improve your visibility and rankings appeared first on Meks.
    Ivana Cirkovic
  • WCEU 2020 recap – key takeaways from the biggest online WordPress conference 9 junio, 2020
    Missed WCEU 2020 and all the exciting stuff from there? Here are all the key takeaways and main points to remember so, take notes! The post WCEU 2020 recap – key takeaways from the biggest online WordPress conference appeared first on Meks.
    Ivana Cirkovic

Text

Distinctively utilize long-term high-impact total linkage whereas high-payoff experiences. Appropriately communicate 24/365.

Archives