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

¬ŅQuieres crear un formulario de carga de Dropbox en WordPress?

Un formulario de contacto con una opción de carga de archivos podría ser difícil de administrar si recibe demasiados archivos adjuntos. Puede conectar su formulario a Dropbox y cargar esos archivos directamente en la nube.

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

Crear un formulario de carga de WordPress Dropbox

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

Algunas veces puede necesitar que los usuarios carguen un archivo adjunto utilizando un formulario en su sitio web.

Por ejemplo, un sitio web de bolsa de trabajo puede necesitar una opción de carga de archivos para cargar CV o muestras de trabajo.

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

A medida que recibe archivos, puede almacenar esos archivos en su sitio web de WordPress. Se agregar√°n a la carpeta wp-content de su sitio web.

Sin embargo, si espera obtener un montón de entradas y no están relacionadas con los archivos reales de su sitio web, es una buena idea guardarlas por separado.

Cargar archivos adjuntos de formulario a Dropbox tiene las siguientes ventajas:

  • Mantiene las entradas de carga de formularios separadas de sus archivos de WordPress
  • Dropbox hace que sea m√°s f√°cil compartir esos archivos con cualquier persona y no tendr√° que darles acceso a su sitio web.
  • Puede explorar y administrar f√°cilmente los archivos adjuntos de formularios desde su tablero de Dropbox
  • Si ya no necesita esos archivos, puede descargarlos, archivarlos y eliminarlos.

Dicho esto, echemos un vistazo a cómo hacer un formulario de WordPress con una opción para cargar archivos a Dropbox.

Crear un formulario de carga de Dropbox en WordPress

Primero debe instalar y activar el complemento WPForms. Para obtener más detalles, debe consultar nuestro artículo sobre cómo instalar un complemento de WordPress.

Nota: WPForms es un complemento pago creado por el mismo equipo que WPBeginner, y necesitar√° al menos su plan "Pro" para acceder al complemento Zapier que usaremos en este tutorial.

Tras la activaci√≥n, debe visitar WPForms ¬ĽAgregar nuevo p√°gina en su √°rea de administraci√≥n de WordPress.

Agregar nuevo formulario

Te llevar√° a la p√°gina del generador de formularios WPForms. Simplemente proporcione un nombre para su formulario y luego seleccione una plantilla de formulario de contacto simple como punto de partida.

Seleccione un formulario de contacto simple

WPForms cargar√° la plantilla de formulario con los campos de formulario utilizados com√ļnmente. 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, debe hacer clic en el campo "Carga de archivos" ubicado debajo de la sección "Campos de fantasía" en la columna izquierda.

Agregar botón de carga de archivos

Esto agregar√° el campo de carga de archivos a su formulario.

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

Integrando Zapier con WPForms

A continuación, debe conectar su formulario a su cuenta de Dropbox.

Utilizaremos un servicio llamado Zapier para hacer eso. Zapier le permite conectar diferentes aplicaciones a su 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 un "complemento Zapier" que puede usar para integrarse con m√°s de 1500 aplicaciones populares, incluido Dropbox.

Para acceder a este complemento, debe ir a WPForms ¬ĽComplementos p√°gina. A partir de ah√≠, debe buscar el complemento Zapier y hacer clic en el bot√≥n "Instalar complemento". Activar√° el complemento autom√°ticamente.

Complemento Zapier

A continuaci√≥n, debes ir a WPForms ¬ĽConfiguraci√≥n¬Ľ Integraciones p√°gina en su √°rea de administraci√≥n de WordPress. A partir de ah√≠, debe copiar la "clave API de Zapier" que necesitar√° para conectar su sitio web de WordPress con Zapier.

Integración Zapier

Una vez copiado, debe ir al sitio web de Zapier e iniciar sesión en su cuenta de Zapier. Luego, haga clic en el botón "Hacer un Zap" para continuar.

Hacer un zap

Habrá muchas aplicaciones disponibles. Busque "WPForms" y selecciónelo como una aplicación de activación.

Elegir aplicación

Después de eso, debe seleccionar "Nueva entrada de formulario" como evento desencadenante para la aplicación WPForms. Creará un disparador en cada envío de formulario.

Elegir evento desencadenante

Ahora, puede continuar y hacer clic en el botón "Iniciar sesión en WPForms" para conectar su cuenta de Zapier con el complemento WPForms en su sitio.

Para conectar Zapier con su sitio web, debe agregar la URL de su sitio web y la clave API de Zapier que copió anteriormente.

Mostrará la cuenta de WPForms. Haga clic en el botón "Continuar".

Elegir cuenta

En el men√ļ desplegable "Formulario", debe seleccionar el formulario de carga de archivos que cre√≥ anteriormente.

Seleccionar entrada de formulario

Después de eso, haga clic en el botón "Continuar".

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 ¬ĽTodos los formularios 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.

Formulario de vista previa

Para facilitar esta prueba, debe cargar un archivo y también agregar texto ficticio en la sección de mensajes. Envíe la entrada de prueba y vaya a su cuenta de Zapier. Haga clic en el botón "Probar y continuar".

Entrada de WPForms

Nota: Puede verificar la entrada de prueba en la sección "Buscar datos".

Si la prueba es exitosa, saltar√° al siguiente paso donde puede integrar su formulario con Dropbox.

Conectando WPForms con Dropbox

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

A continuación, debe volver a su cuenta de Zapier. En la sección "Hacer esto", debe elegir "Dropbox".

Elige Dropbox

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

Elige Acción

Después de eso, debe hacer clic en el botón "Iniciar sesión en Dropbox" para seleccionar su cuenta de Dropbox y conectarla con Zapier.

Inicia sesión en Dropbox

Al conectar la cuenta, haga clic en el botón "Continuar".

Ahora, debe configurar los ajustes del archivo de Dropbox. Le pedir√° 2 opciones:

  1. La carpeta de Dropbox donde desea guardar los archivos adjuntos
  2. El campo de carga de archivos WPForms

Configuración de Dropbox

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

Prueba de carga de archivos

Por √ļltimo, haga clic en el bot√≥n "Activar Zap" para almacenar esta configuraci√≥n. Tomar√° 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 carga de archivos está listo para agregarse a su sitio web.

Agregar 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 donde desee mostrarla.

Simplemente agregue el bloque WPForms al editor de contenido y seleccione el formulario que creó anteriormente.

Widget de WPForms

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

Seleccionar formulario

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

Vista previa 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 consultar nuestra guía sobre cómo organizar un concurso de regalos en WordPress para aumentar la participación del usuario.

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

Botón volver arriba