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

¬ŅQuieres crear un formulario de Dropbox en WordPress?

Un formulario de contacto con una opción para cargar archivos puede ser difícil de administrar si obtiene demasiados archivos adjuntos. Puede conectar su formulario a Dropbox y cargar estos archivos directamente a la nube.

En este artículo, le mostraremos cómo crear fácilmente un formulario de carga de Dropbox en WordPress.

  

¬ŅPor qu√© usar Dropbox para cargar archivos adjuntos?

A veces, los usuarios necesitan cargar un archivo adjunto a su sitio mediante un formulario.

Por ejemplo. Un sitio de tarjeta de trabajo puede necesitar una opción de transferencia de archivos para cargar hojas de vida o muestras de trabajo.

Un formulario de comentarios del cliente puede requerir una opción para cargar archivos para permitir a los usuarios enviar capturas de pantalla. Un sitio web de concurso de fotografía puede necesitarlo para que los usuarios puedan subir sus entradas.

Una vez que reciba los archivos, puede guardarlos en su sitio de WordPress. Se agregar√°n al directorio de contenido de wp de su sitio.

Sin embargo, si espera muchos registros y no est√°n relacionados con los archivos reales en su sitio, es una buena idea guardarlos por separado.

Subir archivos adjuntos de formularios a Dropbox ofrece los siguientes beneficios:

  • Mantiene las entradas de formulario de carga separadas de sus archivos de WordPress
  • Dropbox facilita compartir estos archivos con otros, y no tiene que darles acceso a su sitio.
  • Puede buscar y administrar f√°cilmente archivos adjuntos de formulario desde su panel de Dropbox
  • Si ya no necesita estos archivos, puede descargarlos, archivarlos y eliminarlos.

Veamos cómo crear un formulario de WordPress con la opción de subir archivos a Dropbox.

Crear un formulario de carga de Dropbox en WordPress

Primero debe instalar y activar el complemento WPForms. Para obtener más información, consulte nuestro artículo sobre la instalación de un complemento de WordPress.

nota: WPForms es un complemento pago creado por el mismo equipo que WPBeginner. Necesita al menos su plan "Pro" para acceder al complemento Zapier que usaremos en este tutorial.

Despu√©s de la activaci√≥n, visite WPForms ¬ĽAgregar nuevo P√°gina en su √°rea de administraci√≥n de WordPress.

A√Īadir nueva forma

Se lo dirigir√° a la p√°gina Crear formularios WPForms. Simplemente ingrese un nombre para su formulario y luego seleccione una plantilla de formulario de contacto simple como punto de partida.

Elija un formulario de contacto simple

WPForms carga la plantilla de formulario con los campos de formulario utilizados con frecuencia. Puede hacer clic en cualquier campo para editarlo, y también puede arrastrar los campos para reorganizarlos o agregar nuevos campos al formulario.

A continuación, haga clic en el cuadro "Carga de archivos", ubicado en la sección "Campos de fantasía" de la columna izquierda.

Agregar botón para cargar el archivo

Esto agrega el campo de transferencia de campo a su forma.

Haga clic en el botón "Guardar" para guardar su formulario y su formulario de carga de archivos está listo.

Integración de Zapier en WPForms

Luego, vincule su formulario a su cuenta de Dropbox.

Utilizamos un servicio llamado Zapier para esto. Zapier le permite conectar diferentes aplicaciones a su sitio sin tener que escribir código. En este caso, lo usamos para establecer una conexión entre WPForms y Dropbox.

WPForms incluye un "complemento Zapier" que le permite integrar m√°s de 1500 aplicaciones populares, incluido Dropbox.

Para acceder a este complemento, vaya WPForms ¬ĽComplementos Lado. Desde all√≠, busque el complemento Zapier y haga clic en el bot√≥n "Instalar complemento". El complemento se activa autom√°ticamente.

plugin de Zapier

Entonces ve a WPForms ¬ĽConfiguraci√≥n¬Ľ Integraciones P√°gina en su √°rea de administraci√≥n de WordPress. A partir de ah√≠, copie la "clave API de Zapier" que necesita para conectar su sitio de WordPress a Zapier.

Integración Zapier

Después de copiar, vaya al sitio de Zapier e inicie sesión en su cuenta de Zapier. Luego haga clic en el botón "Zap" para continuar.

¬°zas

Muchas aplicaciones estarán disponibles. Busque "WPForms" y selecciónelo como la aplicación de activación.

Selecciona la aplicación

Luego seleccione "Nueva entrada de formulario" como evento desencadenante para la aplicación WPForms. Se crea un activador cada vez que se envía un formulario.

Seleccionar evento desencadenante

Ahora puede hacer clic en el botón "Registrarse en WPForms" para vincular su cuenta de Zapier con el complemento WPForms en su sitio.

Para vincular Zapier a su sitio, agregue la URL de su sitio web y la clave API de Zapier copiada anteriormente.

Se muestra la cuenta de WPForms. Haga clic en el botón "Siguiente".

Selecciona una cuenta

En el men√ļ desplegable "Formulario", seleccione el formulario de carga de archivos creado anteriormente.

Seleccionar entrada de formulario

Luego haga clic en el botón "Siguiente".

Antes de continuar con el siguiente paso, Zapier le pedir√° que pruebe el nuevo formulario de carga de archivos para ver si todas las configuraciones funcionan correctamente.

Puedes visitar WPForms ¬ĽTodas las formas P√°gina en el √°rea de administraci√≥n de WordPress y haga clic en el enlace "Vista previa" debajo del formulario de carga de archivos.

Ejemplo de Formulario

Para simplificar esta prueba, suba un archivo y agregue texto ficticio en el área de notificación. Envíe la entrada de prueba y vaya a su cuenta de Zapier. Haga clic en el botón "Probar y continuar".

de entrada WPForms

nota: Puede revisar el registro de prueba en la sección "Buscar datos".

Si la prueba es exitosa, contin√ļe con el siguiente paso donde puede integrar su formulario en Dropbox.

Conecte WPForms a Dropbox

Primero debe visitar su cuenta de Dropbox y crear una nueva carpeta de carga de Dropbox. Puede cambiar el nombre de esta carpeta "WP Forms Loads" o asignarle cualquier nombre. Todos los archivos adjuntos se cargan autom√°ticamente en esta carpeta.

Luego regrese a su cuenta de Zapier. En la sección "Hacer esto", seleccione "Dropbox".

Seleccione Dropbox

Se le pedirá que cree una acción para Dropbox. Seleccione la opción "Cargar archivo" y haga clic en el botón "Siguiente".

Elige acción

Luego, haga clic en el botón "Iniciar sesión en Dropbox" para seleccionar su cuenta de Dropbox y conectarla a Zapier.

Inicia sesión en Dropbox

Cuando se conecte a la cuenta, haga clic en el botón "Siguiente".

Ahora necesita configurar los ajustes para el archivo de Dropbox. Tu 2 La configuración establecida:

  1. La carpeta de Dropbox donde desea guardar archivos adjuntos
  2. El campo para cargar el archivo WPForms

configuración de Dropbox

Después de la configuración, puede probar su configuración. Haga clic en el botón "Probar y continuar" para continuar.

Prueba de carga de archivos

Finalmente, haga clic en el botón "Habilitar Zap" para guardar esta configuración. Tardará unos segundos y verá el estado de Zap en la esquina superior derecha de la pantalla.

Encienda Zap

Su formulario en línea con la opción de cargar archivos ahora se puede agregar a su sitio.

Agregue el formulario de carga de Dropbox en WordPress

Para agregar el formulario de carga de Dropbox en WordPress, puede editar cualquier página o publicación en la que desee verla.

Simplemente agregue el bloque WPForms al editor de contenido y seleccione el formulario creado previamente.

WPForms Reproductor

WPForms carga la vista previa en vivo de su formulario en el editor de contenido.

Seleccionar formulario

Ahora puede visitar su sitio con el formulario en acción. También puede probar el formulario cargando un archivo y rellenando el formulario.

Ejemplo del formulario de carga de Dropbox

Eso es todo

Esperamos que este artículo te haya ayudado a aprender cómo crear un formulario de carga de Dropbox en WordPress. También puede leer nuestra guía sobre cómo organizar una competencia de WordPress para aumentar la interacción del usuario.

Si te gustó este artículo, suscríbete a nuestro canal YouTube para ver videos tutoriales de WordPress. También nos puede encontrar en Twitter y Facebook.