Cómo crear un widget de carga de archivo en WordPress

¿Desea permitir que los visitantes de su sitio carguen archivos adjuntos de archivos a sus formularios de WordPress en cualquier lugar de su sitio? Ofrecer a los usuarios la oportunidad de agregar archivos y archivos multimedia a los formularios de su sitio puede facilitar la recopilación de la información que necesita. En este artículo, le mostraremos cómo crear fácilmente un widget de carga de WordPress para aceptar archivos de los visitantes a su sitio web. Haga clic aquí para comenzar a crear el widget de carga de WordPress antes de crear el widget de carga de WordPress, deberá crear un formulario de carga de archivo de WordPress. Si ya ha hecho esto, puede moverse al paso 6.
Aquí hay un contenido para la navegación fácil de cada paso:
WPFORMS es el mejor complemento de WordPress Form Builder. ¡Tómelo gratis!
Cree su formulario de carga de archivo en WordPress
Cambiar al cargador de archivo clásico (opcional)
Personalizar la configuración del formulario de carga de archivo
Configurar las notificaciones de formulario de carga de sus archivos
Configuración de confirmaciones de su formulario de carga de archivo
Agregue el formulario de carga de archivo a un widget
Archivos de vista
Cómo crear un widget de carga de archivo en WordPress Dependiendo del tipo de información que desee recopilar en su forma, el uso de un widget de carga de WordPress es una de las mejores maneras de facilitarle obtener más información de los usuarios. Por ejemplo, este sería un excelente destino de colocación para permitir a los visitantes cargar imágenes en WordPress.
La facilidad de los formularios y la accesibilidad de los formularios lo ayuda a reducir la tasa de formularios, para que su sitio de WordPress pueda generar más ingresos. También puede averiguar cómo aceptar tipos de archivos adicionales en sus formularios de carga de WordPress. Puede cambiar a otra guía si desea solicitar el pago con las cargas de archivo. Paso 1: Cree su formulario de carga de archivo en WordPress Aquí hay un video tutorial o puede leer los pasos a continuación: lo primero que tendrá que hacer es instalar y activar el wpfform.wpforms es el mejor complemento para cargar archivos. A diferencia de la función de carga de los archivos de formulario de Google, WPFFORMS le permite agregar archivos cargados en cualquier lugar de su sitio, no solo páginas de formulario. Para obtener más detalles sobre cómo instalarlo, consulte esta guía paso a paso sobre cómo instalar un complemento en WordPress. Luego vaya al tablero de WordPress y haga clic en WPForms »Agregue el panel izquierdo para crear un nuevo formulario y nombrarlo lo que desee.
Luego, desplácese hacia abajo a la sección de plantillas adicionales y escriba el “archivo de carga de formulario”, luego haga clic en él para abrir la plantilla.

Asegúrese de haber activado los formatos de paquete de complementos para buscar este formulario. Ahora, WPFORMS completará un formulario de carga de archivo preconstruido y mostrará el generador de arrastrar y soltar.

Aquí puede agregar campos adicionales a su formulario de contacto sacándolos del panel izquierdo al panel derecho. O puede eliminar los campos para asegurarse de que su formulario se ajuste maravillosamente al widget de carga después de agregarlo al paso # 6. Con el formulario de carga del archivo, ya tendrá los nombres, el correo electrónico, el teléfono, la carga de archivos y los comentarios adicionales. En los ojos del folorio Foles para hacer cambios. También puede hacer clic en un campo de formulario y extraerlo para reorganizar el pedido de su formulario de contacto. No solo eso, sino que puede agregar el campo de carga de archivo a cualquier formulario de WordPress que cree. Simplemente deslice el archivo del formulario de carga del archivo, en los campos de fantasía, desde el panel izquierdo del editor de formulación en el panel derecho.

Puede hacer clic en el campo de carga del archivo y también modificar:
Etiqueta: nombre el formulario del formulario para que los visitantes de su sitio sepan lo que sirve.

Descripción: agregue una descripción que explique los detalles de los usuarios. Por ejemplo, si solo quieres que la gente suba una foto, dígales.
Extensiones de archivo permitidas: si desea restringir los tipos de archivos que se pueden cargar en su formulario de WordPress, colóquelos aquí, cada uno separado por una coma
Tamaño máximo del archivo: especifique, en Megalecto, el archivo con el tamaño máximo que permitirá a los usuarios cargar. Si no ingresa un número aquí, WPFORMS establecerá el tamaño máximo del archivo de su servidor. Solicite a los usuarios que carguen un archivo antes de que puedan enviar su formulario, marque esta casilla de selección.
Estilo: puede cambiar entre el estilo moderno (recomendado) moderno y el estilo clásico (que cubriremos en detalle en el siguiente paso)
¿Se pregunta dónde se almacenarán estas cargas de archivo una vez en su widget de carga de WordPress?
De manera predeterminada, todos los archivos cargados por los usuarios se almacenan en la carpeta WPFFORMS en el administrador de carga en su sitio para facilitar las cosas, también puede almacenar estos archivos en su biblioteca de WordPress de medios seleccionando el campo de la revista en el cuadro de selección de WordPress Media Biblioteca de opciones avanzadas.
También puede hacer que los formularios se vean bien siguiendo los pasos de nuestra publicación sobre cómo crear un formulario de múltiples pasos en WordPress. Pero en aras de este tutorial, permaneceremos con una sola página. Paso 2: Cambie al campo de carga de archivo clásico (opcional) Este paso es opcional y generalmente no se recomienda. Pero, si desea cambiar el estilo del campo de carga de archivos desde el estilo predeterminado en el estilo clásico con un botón “Elija ahora” para su widget de carga de WordPress, vaya a Opciones avanzadas »Estilo y haga clic en el menú de Drop -Down para seleccionar El clásico. al estilo clásico podría ser una buena opción:
Usted o sus usuarios prefieren un campo de carga de archivo de “botón”
Prefiere un campo de carga de archivo más compacto (y solo acepta 1 archivo)

Tenga en cuenta que el estilo de carga de archivo clásico acepta solo 1 carga en el campo. Deberá agregar otro campo de carga de archivo para aceptar más cargas en su formulario si usa el estilo clásico. Para que el formulario se vea sin problemas, deberá activar la lógica condicional en la primera carga de archivo clásico antes de agregar esos otros campos. De esta manera, esos campos de carga de archivos adicionales no aparecerán en su formulario a menos que un usuario los necesite.

Este truco hace que la forma se vea más organizada y ayuda a combatir la fatiga de la forma, lo que puede contribuir al aumento de las conversiones de la forma. Cada estilo clásico de campo de carga de archivos permite a los usuarios cargar un solo archivo. Para averiguar cómo agregar más archivos cargados con la aplicación de carga de estilo clásico, lea más. Si solo un campo de carga de archivo funciona para usted, puede omitir el siguiente paso. Para activar la lógica de las condiciones en una carga de campo de estilo clásico, dibuje un campo desplegable desde el panel izquierdo en su formulario, justo encima del campo de carga del archivo. (Esto funcionará con cualquier cantidad de campos de carga de archivos, pero para este ejemplo haremos 3.) Ahora haga clic en el campo desplegable para ver las opciones de campo en el panel izquierdo y editar la etiqueta del campo desplegable para decir el número de cargar archivos y opciones para decir 1, 2 y 3.
Después de eso, haga clic en el campo de carga del archivo y en las opciones, desplácese hacia abajo y extienda la pestaña de acondicionamiento desde el panel izquierdo. Luego seleccione el BIFA para la activación lógica condicional.
Personalice la lógica condicional de los archivos de carga de archivo igual que la captura de pantalla a continuación:
Tenga en cuenta que se agregan nuevos campos haciendo clic en el botón Agregar nuevo grupo, que aplica la lógica o. Si necesita más detalles sobre el uso de lógica o lea nuestra guía sobre cómo usar la lógica condicional.

El siguiente paso es copiar este campo de carga de archivo. En su formulario, haga clic en el icono duplicado en el lado derecho del campo de carga del archivo.

En el panel izquierdo, cambie la etiqueta del nuevo campo de carga de archivo para cargar el segundo archivo. Ahora configura la lógica condicional para este nuevo campo como la captura de pantalla a continuación. El único cambio del paso anterior es que hemos eliminado la primera acción que dice que el número de archivos de carga es 1.

Ahora, copie el segundo campo de carga de archivo haciendo clic en el icono y cambiando la etiqueta a cargo del tercer archivo.

Configure el campo lógico condicional al igual que la captura de pantalla a continuación. Mantendremos el último campo en el que escribe que el número de archivos de carga es 3.

Después de haber terminado de personalizar el formulario, haga clic en Guardar en la esquina superior derecha. Y ahora acaba de agregar más archivos para cargar archivos en su formulario.
Como puede ver, en la mayoría de los casos, querrá utilizar el estilo moderno para aceptar más cargas de archivos. Entonces, ahora que tiene la cantidad correcta de campos de carga de archivos en el formulario (ya sea solo 1 o más), está listo para configurar la configuración del formulario. Paso 3: Personalice la configuración del formulario de carga del archivo para iniciar, acceder a la configuración »Generalidades.


Aquí puede configurar lo siguiente:

Nombre del formulario: cambie el nombre de su formulario aquí, si lo desea.

Descripción del formulario – Dale una descripción del formulario.

Envíe el texto al botón: personalice la copia del botón de envío.

Prevención de spam: detenga el formulario de contacto con spam con la función anti -spam, hcaptcha o google recaptcha. El cuadro de selección anti-Spama se verifica automáticamente en todos los formularios nuevos.

Formularios AJAX: active la configuración de AJAX sin recarga de la página. Reflexiones GDPR: puede desactivar el almacenamiento de información de entrada y detalles del usuario, como direcciones IP y agentes de usuarios, en un esfuerzo por cumplir con los requisitos de GDPR. Consulte nuestras instrucciones de paso por paso sobre cómo agregar un campo de GDPR a su formulario de contacto simple.

Y cuando haya terminado, haga clic en Guardar. Paso 4: Configure las notificaciones de notificaciones de formulario son una excelente manera de saber cuándo alguien envía un archivo en su widget de carga de WordPress. Y, si no apaga la función de notificación, recibirá una notificación por correo electrónico cuando alguien envíe un formulario en su sitio.
Para recibir un mensaje de correo electrónico cuando alguien completa su formulario, deberá configurar las notificaciones de formulario en WordPress y proporcionar su dirección de correo electrónico. Además, si usa etiquetas inteligentes, puede enviar una notificación personalizada a los visitantes de su sitio después de terminar su formulario, para informarles que lo ha recibido. Esto asegura a los usuarios que su forma ha pasado correctamente, junto con los archivos de carga.
Para obtener más detalles, consulte nuestra guía del paso por paso sobre cómo enviar más formularios en WordPress. Además, tiene la opción de marcar fácilmente los correos electrónicos de notificación agregando el logotipo o cualquier imagen que elija en el área de imagen personalizada. El logotipo / imagen que elija aparecerá en la parte superior de las notificaciones de correo electrónico, como el logotipo de WPForms a continuación.
Nota: Debido a que los archivos adjuntos a menudo pueden afectar la capacidad de entrega de correos electrónicos, WPFFORMS no adjunta los archivos de su usuario a los correos electrónicos de notificación. En cambio, enviamos los archivos cargados por correo electrónico como enlaces. Cargando WordPress. Para obtener ayuda adicional con este paso, consulte nuestro tutorial sobre cómo configurar las confirmaciones de formulario. Hay 3 tipos diferentes de confirmaciones en WPFFORMS:
Mensaje: este es el tipo de confirmación predeterminado que aparece después de que alguien acceda a su formulario y es personalizable. Consulte nuestros consejos sobre las formas de personalizar el mensaje de confirmación para mejorar la felicidad de los visitantes de su sitio.
Pantalla de página: envíe automáticamente a los usuarios a cualquier página en su sitio como una página de gratitud
Redirección: útil si desea llevar al usuario a otro sitio web o a una URL especializada para un desarrollo más complejo.
Entonces, veamos cómo configurar una confirmación simple del formulario en WPFORMS, para que pueda personalizar el mensaje exitoso que los visitantes del sitio verán al enviar un formulario en su sitio para comenzar, haga clic en la pestaña Confirmación desde el editor de formulación en Configuración. . Luego seleccione el tipo de tipo de confirmación que desea crear. Para este ejemplo, seleccionaremos el mensaje.

Luego personalice el mensaje de confirmación de acuerdo con su deseo y haga clic en Guardar cuando haya terminado. Ahora está listo para agregar su formulario a los widgets de su sitio web. Paso 6: Agregue el formulario de carga de archivo a un widget Después de haber creado el formulario, puede agregarlo a un área de widget en su sitio de WordPress. WPFFORMS le permite agregar sus formularios en varios lugares en su sitio web, incluidas páginas, publicaciones de blog y widgets de WordPress. Para agregar el formulario de carga de archivo a un widget y crear su propio widget de carga, vaya al panel izquierdo de la placa de WordPress y haga clic en los widgets. Luego desplácese hacia abajo y haga clic en WPFORMS en los widgets disponibles. Los widgets que se muestran pueden verse diferentes para cada persona, dependiendo de su tema. Ciertos temas de WordPress le permiten tener ciertos widgets de WordPress. Seleccione el área donde desea mostrar su widget de carga de WordPress y haga clic en “Agregar un widget” cuando esté listo. Ahora seleccione qué formulario desea mostrar en ese widget y haga clic en Guardar.

¡Eso es todo! Su formulario de carga de archivos ahora está en un widget WordPress en su sitio web. Paso 7: Vea los archivos WPFFORMS almacene cada formulario del formulario como una entrada a la base de datos de WordPress. Para ver los archivos cargados, vaya a las entradas WPFFORMS ». Desde allí, haga clic en el número en la columna “All Time” para ver todas las entradas.

Una vez que ve todas las entradas, puede hacer clic en Ver en la columna Acciones desde una entrada individual para acceder al archivo que se ha cargado a través del widget de carga de WordPress, puede hacer clic derecho en el archivo para descargar el archivo o hacer clic para verlo en tu navegador.

Mejor, puede usar nuestro suplemento Zapier, para guardar automáticamente todas las cargas de archivo en:
Google Drive
Dropbox
y muchos otros servicios de almacenamiento en la nube
Y para descubrir cómo las personas encuentran su formulario de carga y su sitio web, lea nuestra guía sobre cómo instalar Google Analytics en WordPress. Haga clic aquí para comenzar a crear WordPress Charging Widget ahora en conclusión y aquí. Ahora sabe cómo crear un widget de carga de WordPress para aceptar archivos a través de los formularios de su sitio web. Si desea aceptar archivos de diseñadores, asegúrese de verificar cómo activar Adobe Illustrator (AI) en WordPress. Asegúrese de consultar también nuestra publicación con excelentes consejos sobre marketing para pequeñas empresas que puede probar hoy. ¿Entonces, Qué esperas? Comience hoy con las formas de WordPress más fuertes. Y no olvide, si le gusta este artículo, síganos en Facebook y Twitter.