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

Nota editorial: Ganamos una comisión de los enlaces de socios en WPBeginner. Las comisiones no afectan a las opiniones o evaluaciones de nuestros editores. Más información sobre Proceso editorial.

¿Quieres crear un formulario de subida a Dropbox en WordPress?

Un formulario de contacto con opción de subida de archivos podría ser difícil de gestionar si recibes demasiados adjuntos. Puedes conectar tu formulario a Dropbox y subir esos archivos directamente a la nube.

En este artículo, te mostraremos cómo crear fácilmente un formulario de subida de Dropbox en 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 usted está esperando para obtener una tonelada de entradas / registros y que no están relacionados con los archivos de su sitio web real, entonces es una buena idea para guardarlos por separado.

La subida de 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.

Dicho esto, veamos cómo crear un formulario de WordPress con la opción de subir archivos a Dropbox.

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, necesita instalar y activar el plugin WPForms. Para más detalles, debería marcar / comprobar nuestro artículo sobre cómo instalar un plugin de WordPress.

Nota: WPForms es un plugin de pago creado por el mismo equipo que WPBeginner, y necesitarás al menos su plan ‘Pro’ para acceder a la extensión Zapier que usaremos en este tutorial. También hay una versión Lite de WPForms que puedes usar gratuitamente.

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 de archivos de Dropbox.

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.

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

A continuación, 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 también 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. También puedes consultar nuestra guía sobre cómo organizar un concurso de regalos en WordPress para aumentar la participación de los usuarios y nuestra selección de los mejores plugins de Dropbox para 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 says

    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 says

    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.