Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Cómo crear un formulario de subida de Dropbox en WordPress

Crear un formulario de subida de Dropbox en WordPress puede facilitar la gestión de archivos.

Con esta integración, puedes enviar archivos directamente a tu cuenta de Dropbox en lugar de tener que lidiar con los desbordantes adjuntos de correo electrónico. Esto mantiene tus envíos organizados y fácilmente accesibles.

Además, un formulario de subida a Dropbox simplifica la gestión de archivos y mejora la experiencia del usuario.

En este artículo, te guiaremos a través de los sencillos pasos para establecer un formulario de subida de Dropbox en tu sitio de WordPress.

Creating a WordPress Dropbox upload form

Por qué usar Dropbox para subir adjuntos de formularios

A veces, puede que necesite que los usuarios suban un archivo adjunto utilizando un formulario de su sitio web. Por ejemplo, un sitio web de empleo puede necesitar una opción de subida de archivos para subir CV o muestras de trabajo.

Un formulario de respuesta / comentario / opinión de un cliente puede necesitar una opción de subida de archivos para que los usuarios puedan enviar capturas de pantalla. O un sitio web de concursos fotográficos puede necesitarla para que los usuarios suban sus entradas / registros.

A medida que vaya recibiendo archivos, podrá almacenarlos en su sitio web WordPress. Se añadirán a la carpeta wp-content de su sitio web.

Sin embargo, si espera recibir un gran número de entradas / registros que no estén relacionados con los archivos reales de su sitio web, es una buena idea guardarlos por separado.

Ahora, subir adjuntos de formularios a Dropbox tiene las siguientes ventajas:

  • Puede mantener las entradas / registros de subida de formularios separados de sus archivos de WordPress.
  • Dropbox hace que sea más fácil compartir esos archivos con cualquiera, y no tendrás que darles acceso a tu sitio web.
  • Puedes examinar y gestionar fácilmente los adjuntos de formularios desde tu Escritorio de Dropbox.
  • Si ya no necesita esos archivos, puede descargarlos, archivarlos y borrarlos.

Con esto en mente, te mostraremos cómo crear un formulario de WordPress con una opción para subir archivos a Dropbox. Aquí tienes un vistazo rápido a todos los pasos que darás:

¿Preparados? Primeros pasos.

Crear un formulario de subida de Dropbox en WordPress

La forma más sencilla de crear un formulario de Dropbox en WordPress es utilizar WPForms. Es el mejor plugin de formularios de contacto para WordPress y ofrece plantillas prediseñadas, un maquetador de formularios de arrastrar y soltar e integraciones premium.

Primero, instalemos y activemos el plugin WPForms. Para más detalles, puede marcar / comprobar nuestro artículo sobre cómo instalar un plugin de WordPress.

Nota: WPForms es un plugin de pago creado por una de las empresas colaboradoras de WPBeginner. Necesitarás al menos su plan ‘Pro’ para acceder a la extensión Zapier, que usaremos en este tutorial. Si quieres probarlo primero, también hay una versión Lite de WPForms que puedes usar gratis.

Tras la activación, tendrá que ir a WPForms ” Ajustes desde su escritorio de WordPress e introducir su clave de licencia. Puede encontrar fácilmente la clave de licencia en el área de su cuenta WPForms.

Entering your WPForms license key on your site

A continuación, debe visitar WPForms ” Añadir nuevo en su área de administrador de WordPress.

Desde aquí, puedes añadir un nuevo formulario de subida a Dropbox de WordPress.

Add new form

Le llevará a la página del maquetador de formularios WPForms.

Sólo tiene que dar un nombre al formulario en la parte superior y seleccionar la plantilla “Formulario de contacto sencillo” como punto de partida.

Choose simple contact form template

WPForms cargará la plantilla del formulario con los campos de formulario más utilizados. Puede hacer clic en cualquier campo para editar y arrastrar los campos para reorganizarlos o añadir nuevos campos al formulario.

A continuación, debe hacer clic en el campo “Subida de archivos” situado en la sección “Campos de fantasía” de la columna de la izquierda.

Add file upload button

Esto añadirá el campo de subida de archivos a su formulario.

Adelante, haga clic en el botón “Guardar” para guardar su formulario, y su formulario de subida de archivos estará listo.

Integración de Zapier con WPForms

En esta etapa, tienes que conectar tu formulario a tu cuenta de Dropbox.

Para ello utilizaremos un servicio llamado Zapier. Zapier te permite conectar diferentes apps a tu sitio web sin escribir ningún código. En este caso, lo usaremos para crear una conexión entre WPForms y Dropbox.

WPForms viene con una extensión Zapier que puedes usar para integrarte con más de 1500 aplicaciones populares, incluyendo Dropbox.

Para acceder a esta extensión, debe ir a la página WPForms ” Extensiones. Desde allí, debe buscar la extensión Zapier y hacer clic en el botón “Instalar extensión”. Se activará la extensión automáticamente.

Install Zapier addon

A continuación, debe ir a la página WPForms ” Ajustes ” Integraciones en su área de administrador de WordPress.

A partir de ahí, tienes que copiar la ‘Zapier API key’ que necesitarás para conectar tu sitio web WordPress con Zapier.

Copy Zapier API key

Una vez copiado, debes ir al sitio web de Zapier y acceder a tu cuenta de Zapier.

A continuación, haz clic en el botón “Crear Zap” para continuar.

Create a zap

A continuación, Zapier le pedirá que seleccione un activador.

Habrá muchas aplicaciones disponibles. Busque ‘WPForms’ y selecciónela como aplicación activadora.

Select WPForms app

Después de eso, usted necesita seleccionar ‘New Form Entry’ como un evento disparador para la aplicación WPForms.

Creará un disparador en cada envío de formulario.

Choose an event

A continuación, deberá seleccionar una cuenta de formularios WPForms.

Puede seguir adelante y hacer clic en el botón ‘Sign’ para conectar su cuenta Zapier con el plugin WPForms en su sitio.

Sign in to your WPForms account

Se abrirá una nueva ventana.

Para conectar Zapier con tu sitio web, tendrás que añadir la URL de tu sitio web y la clave API de Zapier que copiaste anteriormente.

Enter Zapier API key and website

Tras introducir estos datos, haga clic en el botón “Sí, continuar”.

Esto mostrará la cuenta de WPForms. Haga clic en el botón ‘Continuar’.

Choose your WPForms account in Zapier

A continuación, en el desplegable “Formulario”, debe seleccionar el formulario de subida de archivos que creó anteriormente.

Una vez hecho esto, siga adelante y haga clic en el botón “Continuar”.

Choose your contact form

Antes de pasar al siguiente paso, Zapier te pedirá que pruebes el nuevo formulario de subida de archivos para ver si todos los ajustes funcionan correctamente.

Puede visitar la página WPForms ” Todos los formularios en el área de administrador de WordPress y hacer clic en el enlace ‘Vista previa’ debajo del formulario de subida de archivos.

Preview form

Para realizar esta prueba sin problemas, debe subir un archivo y añadir un texto ficticio en la sección de mensajes.

Envíe la entrada / registro de prueba y vaya a su cuenta Zapier. A continuación, haga clic en el botón “Activador de prueba”.

Test your trigger

Nota: Puede marcar / comprobar la entrada / registros de prueba en la sección “Buscar datos”.

Si la prueba es correcta, saltará al siguiente paso, donde podrás integrar tu formulario con Dropbox.

Conexión de WPForms con Dropbox

En primer lugar, debes visitar tu cuenta de Dropbox y crear una nueva carpeta de subida de Dropbox.

Puede renombrar esta carpeta como ‘WPForms Subidas’ o darle cualquier nombre. Todos sus archivos adjuntos serán subidos a esta carpeta automáticamente.

A continuación, tienes que volver a tu cuenta de Zapier. En la sección “Acción”, busca la aplicación Dropbox y haz clic en ella.

Choose Dropbox as the action app

Te pedirá que crees una acción para Dropbox.

Seleccione la opción “Subir archivo” y haga clic en el botón “Continuar”.

Choose Dropbox action event

A continuación, haga clic en el botón “Acceder”.

De esta forma, puedes seleccionar tu cuenta de Dropbox y conectarla con Zapier.

Sign in to your Dropbox account

A continuación, tendrás que seleccionar tu cuenta de Dropbox en el menú desplegable.

Tras seleccionar la cuenta, basta con hacer clic en el botón “Continuar”.

Choose your Dropbox account

Ahora, tienes que establecer los ajustes de los archivos de Dropbox. Te pedirá 2 opciones:

  1. La carpeta de Dropbox en la que desea guardar los archivos adjuntos
  2. El campo de subida de archivos de WPForms
Set up Dropbox settings

A continuación, puede desplazarse hacia abajo para ver ajustes más avanzados.

Basta con hacer clic en el botón “Continuar”.

More Dropbox settings in Zapier

Una vez establecida la configuración, puedes seguir adelante y probarla.

Haga clic en el botón “Probar y continuar”.

Test your action

Una vez que la prueba sea correcta, tendrás que publicar tu Zap.

Basta con hacer clic en el botón “Publicar Zap”.

Click publish zap button

Por último, se abrirá una ventana emergente.

Puede seguir adelante y hacer clic en el botón “Publicar y activar”.

Click publish and turn on zap

Su formulario en línea con opción de subida de archivos está listo para añadirlo a su sitio web.

Añadir el formulario de subida de Dropbox en WordPress

Para añadir el formulario de subida de Dropbox en WordPress, puedes editar cualquier página o entrada donde quieras mostrarlo.

Simplemente añade el bloque WPForms al editor de contenido y selecciona el formulario que creaste anteriormente.

WPForms widget

En el bloque WPForms, simplemente selecciona tu formulario de subida de archivos de Dropbox en el menú desplegable.

WPForms cargará la vista previa en vivo de su formulario dentro del editor de contenido.

Select form

Ahora puede visitar su sitio web para ver el formulario en acción.

También puede probar el formulario subiendo un archivo y rellenándolo.

Previewing Dropbox upload form

Esperamos que este artículo te haya ayudado a aprender a crear un formulario de subida de Dropbox en WordPress. Puede que también quieras ver nuestra selección de expertos de los mejores plugins de Dropbox para WordPress y nuestra guía sobre cómo crear un formulario Airtable personalizado en WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Descargo: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPBeginner , por qué es importante, y cómo puede apoyarnos. Aquí está nuestro proceso editorial .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

El último kit de herramientas de WordPress

Obtenga acceso GRATUITO a nuestro kit de herramientas - una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Reader Interactions

2 comentariosDeja una respuesta

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Jiří Vaněk

    WPForms is a great plugin and the more I see what it can do, the more I’m glad I have the full version. I see a great advantage in storing data on DropBox in that I can also protect my website space from malicious files. I will definitely use this guide, as I don’t want to let website users upload data directly to wp-content. It seems dangerous to me.

Deja tu comentario

Gracias por elegir dejar un comentario. Tenga en cuenta que todos los comentarios son moderados de acuerdo con nuestros política de comentarios, y su dirección de correo electrónico NO será publicada. Por favor, NO utilice palabras clave en el campo de nombre. Tengamos una conversación personal y significativa.