Adjuntar archivo a formulario de contacto en DIVI de WordPress
ฝัง
- เผยแพร่เมื่อ 18 ต.ค. 2024
- Adjuntar archivo a formulario de contacto en DIVI de WordPress en español 2018
Página donde encontrar los códigos y explicaciones adicionales:
www.ingresosvi...
Divi es un gran tema, se lo recomiendo a todo el que quiera crear páginas webs y no tenga mucho conocimiento de programación, el sistema de módulos exclusivo de Elegant Themes lo convierte en una herramienta muy fácil de manejar.
Pero este sistema de módulos también lo limitan en algunos pequeños detalles, como colocar un campo en un formulario para poder adjuntar un archivo y enviarlo junto al mensaje que escribamos.
Para conseguir tener esta opción en nuestra web es necesario acudir a un plugin adicional llamado Contact form 7, que permite crear formularios avanzados con campos especializados.
Es un plugin muy potente para crear formularios, pero muy simple en cuanto aspecto, si sólo creamos los campos del formulario de contacto, lo veremos muy soso.
Pero una de las grandes opciones de este complemento es poder añadir y asignar estilos CSS sin límite.
Gracias a esto, podemos utilizar el código CSS ya creado en DIVI para dar forma a los formularios que vayamos creando en Contact Form 7, sólo tenemos que colocar el nombre de las clases (class) de las etiquetas de DIVI en los diferentes campos del formulario.
AÑADIR CAMPO PARA ADJUNTAR ARCHIVO:
A la hora de colocar este campo, es necesario configurarlo también en el cuerpo del mensaje que recibimos, de lo contrario no se adjuntara al formulario y no será enviado.
________________________
Si te gusta el tema DIVI, te dejo dos enlaces donde puedes conseguirlo con descuento. ¡No lo dejes escapar!
10% todos los planes: bit.ly/2A3G875
20% plan anual developer: bit.ly/2LXJsVf
________________________
TAGS:
Adjuntar archivos a un formulario con el plugin Contact Form 7
Como adjuntar y enviar archivos con Contact Form 7 de Wordpress
Cómo crear y enviar archivos con Contact Form 7 de Wordpress
Contact Form 7: Formulario de contacto con carga de archivos en WordPress
Al crear una web o un sitio con WordPress, muchas veces, por desconocimiento, no configuramos bien nuestro sitio, no basta con instalar un tema y ponerlo bonito.
En la zona premium de mi blog podrás encontrar un curso de WordPress que te ayudará a posicionarlo mejor y mantenerlo seguro.
goo.gl/qrK4vv
****SUSCRIBIRSE****
►Suscríbete al canal y pinchar en "LIKE" si te ha gustado: goo.gl/52aZ4B
►FACEBOOK: / ingresospasivosviaweb
►TWITTER: / moneybyweb
►WEB: www.ingresosvi...
Música de entrada adqurida en Envanto Marketen con "Music Standard License".
Atribución: STUDIO MONKEY
goo.gl/qI5uRK
![The Wall Song ร้องข้ามกำแพง | EP.215 | พาเวล นเรศ - พูห์ กฤติน | 17 ต.ค. 67 [1/5]](http://i.ytimg.com/vi/IUzrjuf60P4/mqdefault.jpg)
![일상 속 기분 좋음 [Proto disco meme]](http://i.ytimg.com/vi/DwmEIaZ7XGQ/mqdefault.jpg)
Muy bien explicado, además tiene todos los recursos para solo copiar y pegar. Muchas gracias.
Un espectáculo tu tutorial!!! MIL gracias!!!!
Que buen tutorial para Form . Muchas gracias. Muy valioso!!!
Gracias Juan, justo lo que buscaba, nada dejaste de explicar. Excelente.
Está buenísimo y bien explicado, muchas gracias, con tu video encontré la importancia de saber css, sería bueno acceder a un curso de eso, pero bueno, gracias, ahora a ponerse a trabajar :-)
Juan hombre muchas gracias, excelente vídeo, un saludo desde Colombia, gracias por compartir sus conocimientos
Hola Leonardo Pedraza, gracias por pasarte por mi canal
Como siempre este canal con material de primera, gracias
pro trick : you can watch movies at KaldroStream. I've been using them for watching lots of of movies during the lockdown.
@Jeffrey Zakai definitely, I have been using kaldrostream for since december myself :)
@Jeffrey Zakai Yup, I have been watching on kaldroStream for months myself =)
Me ha sido muy muy útil, ¡muchísimas gracias!
Excelente vídeo Juan, muy bien explicado y con todos los detalles necesarios para manejar y hasta dominar el Contact Form 7, que te confieso, siempre le he dejado por fuera en desarrollo de mis clientes porque me parecía muy old fashion pero esta opción con los aditamentos del css que le colocaste lo pone nuevamente en el top, sobre todo que el tema de manejar los adjuntos de audio y vídeos los competidores lo activan en las versiones de pago....muchas gracias por la explicación
Muchas gracias por el video, esta excelente y muy bien explicado
Saludos de Ciudad de Panamá
Funciona todo bien. ¡Gracias!
Solo una duda: si quiero subir varios archivos ¿tengo que poner varios botones de 'subir archivo'? ¿No es posible añadir los archivos, uno tras otro, con el mismo botón?
Excelente video bien explicado, recomendado 100%
Excelente tutorial, la verdad me has salvado y ayudado mucho, mi like y suscripción para ti, éxitos!!
Muchas gracias por la ayuda. Funciona perfecto.
Hola de nuevo Juan,
Cuando entro en el personalizador de temas para copiar en el CSS adicional el código de tu web, yo ya tengo ahí mucho código...entonces copio el tuyo a continuación verdad?
Mil gracias!
te agradezco mucho este video, saludos
Que buen video, fue de gran ayuda, gracias!!
Excelente Video 😀..Muchas Gracias
súper bien explicado. gracias
eres un chingón!!
excelente tutorial
Excelente cómo siempre!
Excelente tutorial, estuve buscando esto hace un buen tiempo. No sé si podrías responderme una duda que tengo, ¿cómo cambiaría el color y los bordes redondeados del formulario?
Agregando estilos personalizados 13:05, identificas el elemento y le creas el estilo que quieres
Buenas noches, se puede agregar un selector de fecha y hora en el mismo cajon en un formulario de DIVI? tiene algun tutorial para ver? le agradesco mucho sus conocimientos desde Argentina!
Hola, he aprendido mucho con tus tutoriales, me pregunto sí puedes hacer uno de contact form 7 y PDF filler para contact
form 7, ya que el que encontré esta en inglés y lo trato de hacer pero no me adjunta el archivo.
Gracias
Muchas Gracias!! Una consulta: Todo funciona perfecto, los archivos se envían y todo bien, pero tengo un problema, en el constructor de divi el formulario se ve bonito y todo, pero al salir del constructor vuelve a verse feo como estaba originalmente, y ya en la web igual se ve feo... ¿qué podrá ser? Saludos!
Tienes que desactivar la opción "Dynamic CSS" en las opciones de Divi, dentro de la pestaña "General > Performance". Por defecto viene marcada para optimizar al máximo la web, pero no permite personalizar las hojas de estilo de forma adecuada.
@@ingresosviaweb Muchísimas gracias!!! Quedó perfectamente resuelto
@@ingresosviaweb Muchisimas gracias, no me salia por esa razón. Grandisimo tutorial. Ole tu!!!!!
Gracias me fue muy util el video
Gracias por este tutorial es excelente , sin embargo el boton de enviar no se puede customizar, tienes alguna idea de como se podria realizar? muchas gracias!!!
Hola @jengjyh , El botón de subir archivos está programado en javascript y se necesita modificar el código para poder cambiar el botóm, pero he publicado un vídeo donde explico como modificar el aspecto del botón con CSS superponiendo un elemento. Puedes echar un vistazo en ente enlace: th-cam.com/video/FpOsYQY9jIU/w-d-xo.htmlsi=z5hN5ntHSw2ws4mH&t=1468
Gracias. Quedo genial...
Buenas tardes creo que lo hice tal como está en el vídeo pero no me resulta un será que en divi se han hecho cambios gracias
Hola Juan, solo adjunta un documento a la vez ¿Qué se debe hacer para que adjunte más de un documento?
Ya lo logré, es creando otro item de adjuntos (adjuntos2) se inserta en la pestaña de correos como se hizo con el anterior y listo!. Se puede hacer tantas veces como se desee :)
Hila Juan,
Muchas gracias por el vídeo. Una duda, es que no sé nada de códigos...etc. Cuando he copiado todo el código de tu web y lo he pegado en el formulario que hemos creado, donde hay que insertar la URL de nuestra política de privacidad, lo que veo en tu vídeo no es igual que lo que aparece en lo que hemos copiado de tu web y no sé bien dónde insertar la URL. Me podrías ayudar?
Un saludo y muchas gracias!
El link o enlace a la página de protección o política de privacidad se coloca dentro del texto de la aceptación. Como en esta imagen: www.ingresosviaweb.com/wp-content/uploads/2018/11/url-de-acceso-al-aviso-legal.jpg
Muchísimas gracias!@@ingresosviaweb
Hola pude hacer perfectamente el todo péro al querer subir las iamgenes que quiero adjuntar me da la leyenda " No tiene permido para subir archivos de este tipo y lo q estoy subiendo es jpg que esta en el codigo del contact form7, me puede ayudar a solucionar?
Hola, como le puedo poner color, al boton Enviar del formulario?
muy bueno, gracias
Buenas¡¡ Todo me funciona perfectamente hasta que adjunto un archivo y nunca me llega a cargar el mail... Como puedo arreglarlo?
Muchisimas gracias¡¡
Hola pude instalar el formulario , todo barbaro pero cada vez que adjunto un archivo, por mas chico que sea me dice que es demasiado grande. como lo puedo solucionar? gracias
lo solucionaste?
Hola Sebastián, en el vídeo me quedo corto poniendo el límite de tamaño de archivo, 2000 bytes son 2Kb. Prueba a cambiar el límite en la configuración del formulario a 5000000 (5millones) que corresponden a 5 Mb, o elije un valor que se adapte a lo que necesitas siguiendo esta proporción.
buenas noches! Hice el formulario con algunas modificaciones (anexando unas casillas) y me salio con errores, lo hice nuevamente copiando el código tal cual ustedes lo tienen y me muestra errores, donde puedo estar fallando? mil gracias
M sale igual, me sale con errror, encontraste la solucion ?
No me quiere coger hice todos los paso bien verificado. Y se queda buscando me puedes ayudar
Hola buenos dias, gracias por la explicacion. Lo unico que no encontre el codigo CSS que usas para estilar el formulario. Alguien lo tiene para pasarmelo ? Gracias
Hola. En la descripción del video tienes el enlace al blog y al artículo en particular donde está publicado todo el código y su explicación
@@ingresosviaweb siii entre al articulo, encontre todo menos el codigo css que pones para estilar el form. Puede ser que no este?
@@florenciareyes2059 @florenciareyes2059 Hola, El código CSS se encuentra dentro del tema, no hay que copiarlo. Solo se ponen las "clases" o nombres de referencia al código dentro de la configuración del formulario. De esta forma se adapta automáticamente al formato del formulario que ya tiene Divi integrado. Pero como todo tiene solución, he publicado un vídeo y un artículo donde explico y si pongo todo el código CSS para que se pueda copiar y pegar. Te dejo el enlace: th-cam.com/video/FpOsYQY9jIU/w-d-xo.html
El enlace al artículo lo puedes encontrar en la descripción de ese vídeo.
Amigo acabo de terminar el formulario paso a paso y me sale un error al enviar el archivo que me tiene preocupado ya que es para un cliente, a pesar de que al guardar el formulario está todo ok.
Mensaje: "Hubo un error intentando enviar tu mensaje. Por favor inténtalo de nuevo más tarde."
Puedes revisar probando enviando un correo ya que en el video no lo haces, a lo mejor tuviste que cambiar algo cuando enviaste el correo, será un error en la configuración de los bytes del adjunto? a pensar de que me sale el mismo error sin adjuntar ningún archivo, probé con y sin tilde en los campos de nombre, con o sin + en el campo de teléfono y nada.
Desde ya gracias amigazo, espero una orientación dado que le dediqué un tiempo a hacer con tu video el formulario.
ingresosviaweb que dices?
Como pongo seleccionar archivo en otro idioma???? ayuda
que pasa si cuando meto el codigo en "texto" se me queda como texto y no me agrega el formulario?
Comprueba el código, puede que te falte algún corchete que abra o cierre la función y por eso no se agrega correctamente al formulario.
Genial la explicación, el problema es que aunque ponga un archivo para enviar, no me lo envío. Envía toda la info menos el archivo.
Hola Daniel, hay un error en el vídeo que no puede corregir una vez que se publicó. En el tamaño del archivo, donde pongo 2000 bytes, habría que poner 2000000 (2 millones) que equivalen a 2 megas, aseguraté que el código del camnp de envío está colocado en la casilla de archivos adjuntos en la configuración del formulario de envío y que has añadido los formatos correctos que quieres que acepte el formulario a la hora de crear el campo de envío de archivo. Acabo de revisar el tutorial y funciona correctamente, pero si sigue dandote problemas habría que buscar otra causa que lo provoque, como los recursos del servidor o el método de envío que utiliza tu web.
Hola buen video no comprendo esta parte: Dentro de la etiqueta de CF7 añadiremos las siguientes clases:
.et_pb_contact_submit
.et_pb_button
Hola Santiago, esa parte es para dar el aspecto a los botones y al formulario que tiene DIVI. Si no lo pones el formulario funcionará perfectamente, es sólo una cuestión estética, ya que Divi tiene el código programado, pues lo utilizmos añadiendo esas funciones que llaman al código de DIVI.
@@ingresosviaweb hola , me puedes ayudar con su numero? es que quiero q me ayude con un problema
capoo
Amigo, minuto 06:30, 2 mil bytes son 0,002 megas, o sea, un archivo que no existe jajajjaja
para que sean 2 megas el archivo que van a subir tienen que ser 2.000.000 de bytes, si no me equivoco jajjaja
jajaja, tienes razón, cosas del directo, mientras realizo el vídeo voy pensando en el paso siguiente y siempre puede colarse algún gazapo. Pido perdón y espero que quien lo vea use la lógica y sepa adaptarlo correctamente como has hecho tú. Gracias por la observación y disculpas de nuevo.
@@ingresosviaweb Hola!! Muy buen tutorial, muchas gracias! Lo único que a mi también me da error al enviar el correo. Me sale este mensaje "Hubo un error intentando enviar tu mensaje. Por favor inténtalo de nuevo más tarde." Sabes qué puede ser?
Muchas gracias Christian. No me había percatado de este punto por lo que no podía subir archivos.