😱😱😱 He tenido un problema con el micrófono al grabar el vídeo y no se escucha nada bien. Me he dado cuenta cuando me he puesto a editarlo 😭. Os pido perdón por la mala calidad del audio...
@@GorkAreta Hola Gorka, ¿tienes un tutorial explicando el proceso de cómo integrar un formulario diseñado con Contact Form 7 con Mail Poet utilizando el plugin "Add-on Contact Form 7 - MailPoet3"? para que cuando un usuario cumplimente los datos en el formulario de Contact Form 7, desde MailPoet se envíe al usuario automáticamente un e-mail que he diseñado en él. Lo utilizaría para los emaillings del Blog. Muchas gracias!!
@@anaperez2782 Hola, Ana. No, lo siento, no utilizo habitualmente Mail Poet. Próximamente seguramente empiece una nueva serie de tutoriales sombre Mailchimp, pero de Mail Poet no tengo previsto por el momento grabar ningún vídeo.
Qué descubrimiento Gorka, muchas gracias por compartir taaaaanto conocimiento y de tanta calidad. Te encontré buscando las mil dudas que tengo con WP Bakery, y ahora me has creado la necesidad de enviar un mensaje automático a mis clientes potenciales jajaja. Toda detalle es bueno... Una cosilla, ¿y el mensajito que aparece de "Gracias, mensaje enviado" no se puede poner en minúscula de alguna forma? En mayúscula me sangran los ojos, y no veo si a través de un código en CSS personalizado sería posible. ¡Mil gracias!
¡Muchas gracias por tu comentario, Elvira! Me alegro de que mis vídeos te hayan ayudado. No sé cómo tienes los estilos CSS en tu web, pero supongo que con esto en caso deberías de poder ponerlo sin mayúsculas: .wpcf7-response-output { border-color: #46b450; text-transform: none; }
Muy interesante el video. Este mismo diseño es el que le estaria llegando al usuario con una copia de su consulta que puso en el formulario? o solo a mosotros?
¡Gracias por tu comentario, Laura! 😄 Pues depende de lo que quieras hacer, en las opciones del formulario, en la pestaña "Correo electrónico", hay una casilla "Correo electrónico (2)" que puedes marcar para que te permita configurar el correo que llega al usuario. Tienes por tanto dos campos diferentes para el contenido de los dos emails y puedes meter en cada uno de ellos lo mismo o cosas diferentes.
Qué buenos videos! Estoy complementando con éste, tu anterior tutorial de Contact Form y es imperdible. Muchas gracias! Leí que te preguntaron cómo cambiar colores de mensajes de confirmación de envío(div.wpcf7-response-output.wpcf7-mail-sent-ok { background-color: #xx;). Se inserta en la solapa de Ajustes Adicionales del formulario, verdad? Gracias de nuevo!
¡Muchas gracias por tu comentario, Silvia! Me alegro de que te haya ayudado mi tutorial 😄. Lo que comentas de los estilos para cambiar los colores no se inserta en ajustes adicionales. Hay que meterlo donde tengas el código CSS de la web. Esto dependerá del tema de WordPress que estés usando. Es muy probable que en las opciones del tema haya un campo llamado "CSS personalizado" o algo similar y tendrías que meterlo ahí.
Muy buenos tutoriales! Me queda una duda, entiendo que para personalizar "el mensaje de respuesta"para contestar a los clientes se hace igual. Pero, me pierdo un poco a la hora de decirle cual es el correo destinatario. ¿Con la etiqueta ya coloca el correcto, lo tengo que poner yo en cada respuesta...? Gracias !!
Sí, sirve para personalizar tanto el correo que te llega a ti como administrador de la web como el que le llega al usuario que ha rellenado el formulario.
¡Hola! Buen tutorial, lo acabo de hacer y todo perfecto. Consulta, los correos que se reenvían a quien deja sus datos se van a la carpeta de "spam" ¿Hay alguna forma de evitarlo?
¡Gracias por tu comentario, José! Si en vez de utilizar la función mail de PHP, que es la que se utiliza por defecto, envías los emails a través de SMTP usando una cuenta de correo real, muy posiblemente evites que los correos vayan a spam. Te recomiendo que utilices este plugin: es.wordpress.org/plugins/wp-mail-smtp/
Hola Gorka! Quedó genial el mail. Una cosa: al pie del mail dejé dos íconos sociales (FB e IG) que están perfectos en el archivo html descargado, pero uno de ellos no llega a la casilla de correo. Qué puede ser? Gracias!!
¡Hola, Silvia! Me alegro de que lo hayas conseguido. Respecto a lo que me preguntas de los iconos de redes sociales, sin verlo me es imposible decirte qué puede ser. Es raro que te funcione con uno de los iconos y con el otro no. Mira en el código HTML cómo está metido cada uno de ellos por si hubiera algo que variara de uno a otro. En el código verás también la URL de las dos imágenes. Comprueba que esas dos URLs llevan correctamente a las imágenes, puede ser que una de las dos no esté subida.
¡Hola, Daniel! Gracias por ver el vídeo. Eso hay que cambiarlo por CSS. Seguramente tendrás que añadir algo similar a esto en tus estilos: div.wpcf7-response-output.wpcf7-mail-sent-ok { background-color: #66cc33; }
como se condiciona el campo email, para que solo acepte correos corporativos y no correos personales, no quiero que se registre corros en gmail o outlot
Pana, cuando abro el correo, se ve bien las letras, pero las imagenes no se ven, solo se ve un cuadro pequeño con icono de imagen a un costado, alguna solucion?
Hola me encanta tu canal, no tardaras en tener tus frutos con seguidores, te escribo porque me pasa una cosa muy rara, cuando relleno el formulario y lo envio el formulario completo se hace verde con el mensaje de confirmación de envio, tambien cuando provoco un error se pinta todo el formulario de naranja. Porque me esta pasando?
¡Muchas gracias por tu comentario, Álex! Pues así sin verlo me es complicado saber qué puede ser. ¿Tal vez un div mal cerrado en el código? Pásame la URL si quieres a ver si así se me ocurre.
Me alegro de que te haya funcionado 😄. Espero que sigas volviendo a mi canal para seguir aprendiendo y que se lo recomiendes a quien creas que pueda necesitarlo.
Hola, necesito ayuda, después de currarme mucho el correo cuando copio y pego el html en el contact form y le doy a guardar no me registra el cambio. 😭😭 ¿sera por algún contenido del html?
Podría ser, pero no creo. Prueba con un texto plano sin etiquetas HTML a ver si te lo guarda. Si te guarda el texto plano revisa el código HTML por si ves alguna etiqueta que no debería aparecer en el cuerpo de un correo electrónico (un javascript, un formulario,...) y prueba a eliminarlo.
@Gorka Areta - Tutoriales Diseño Web Un put... emoji me llevado todo un día de trabajo, pero lo he conseguido. 😆 Gracias por contestar. Quiza a alguien le sea de utilidad no poner emojis en el editor de Mosaico que no los pasa a html.
Hola, Daniel. Seguramente te ayude utilizar algún plugin que se conecte por SMTP a una cuenta de correo existente y envíe a través de esa cuenta los correos. Hay varios plugins que hace eso, este por ejemplo: es.wordpress.org/plugins/postie/
Hola Gorka, Gracias por la info, es de mucho valor. Sabes si también se puede utilizar para los correos de WooCommerce? Estoy utilizando Sendinblue es.sendinblue.com/ pero no se como meter el código al tema
¡Muchas gracias por tu comentario, Carlos! Por poder podrías, pero tendrías que editar los archivos con las plantillas de los mails de WooCommerce que hay en la carpeta wp-content/plugins/woocommerce/templates/emails/ y tienes que tener cierto nivel de conocimientos de HTML y PHP para saber dónde tienes que copiar cada código. No es tan evidente como en el caso de los emails de Contact Form 7.
@@GorkAreta Ahora entiendo, con razón no encontraba dónde modificar esta parte, Gracias! Investigare como realizarlo porque los plugins que encontré son de suscripción anual, si sabes de uno te lo agradecería. Saludos
😱😱😱 He tenido un problema con el micrófono al grabar el vídeo y no se escucha nada bien. Me he dado cuenta cuando me he puesto a editarlo 😭. Os pido perdón por la mala calidad del audio...
¡Prometo que es la última vez que me pasa! 🙈🙈🙈
Muchas gracias, me ha servidor de mucho
No necesite del video completo, Pero me fuiste de ayuda. Gracias!
¡Me alegro de que haya sido así! 😊 Muchas gracias por tu comentario, Gusk.
Muy buena eplicación, agradecido desde México
¡Muchas gracias por tu comentario y por aprender con mi tutorial, Jesús! 😄
Salvaste mi trabajo, muchas gracias
¡Muchas gracias a ti por aprender en mi canal y por tu comentario, Jacob!
WOW!!! qué vídeo más útil!!!, es lo que estaba buscando desde hace semanas. Mil gracias, Gorka!!
¡Qué bien! ¡Muchas gracias a ti por el comentario, Ana! Espero que te queden unos mensajes de respuesta automática preciosos 😉.
@@GorkAreta Hola Gorka, ¿tienes un tutorial explicando el proceso de cómo integrar un formulario diseñado con Contact Form 7 con Mail Poet utilizando el plugin "Add-on Contact Form 7 - MailPoet3"? para que cuando un usuario cumplimente los datos en el formulario de Contact Form 7, desde MailPoet se envíe al usuario automáticamente un e-mail que he diseñado en él. Lo utilizaría para los emaillings del Blog. Muchas gracias!!
@@anaperez2782 Hola, Ana. No, lo siento, no utilizo habitualmente Mail Poet. Próximamente seguramente empiece una nueva serie de tutoriales sombre Mailchimp, pero de Mail Poet no tengo previsto por el momento grabar ningún vídeo.
Muchas gracias!! Eres un crack
WAOOO QUE VIDEASASASASOOOO. GENIAL MUCHISIMAS GRACIAS
Estupendo el tutorial, haces que todo parezca fácil!! Gracias
¡Me alegro de que sea así, Isabel! Muchas gracias por tu comentario 😊
Muy buenos tus tutoriales, excelente , muchas gracias
Muy pero muy util, gracias Gorka.
¡Muchas gracias a ti por tu comentario, Percy!
Me ha encantado❣Gracias Gorka 🥳👌
¡Muchas gracias por tu comentario, María Elena!
crack!!!! que buen canal tenes hermano
¡Muchas gracias, Manu! 😄 Espero que sigas encontrando tutoriales interesantes en mis próximos vídeos.
Excelente amigo, ya se te echaba de menos. Algo pasa con UA-cam que no me aviso de tu nuevo video ni del anterior que mencionas.
¡Muchas gracias, Pat! No sé por qué no te está avisando UA-cam. Comprueba que tengas activadas las notificaciones por si acaso...
Qué descubrimiento Gorka, muchas gracias por compartir taaaaanto conocimiento y de tanta calidad. Te encontré buscando las mil dudas que tengo con WP Bakery, y ahora me has creado la necesidad de enviar un mensaje automático a mis clientes potenciales jajaja. Toda detalle es bueno... Una cosilla, ¿y el mensajito que aparece de "Gracias, mensaje enviado" no se puede poner en minúscula de alguna forma? En mayúscula me sangran los ojos, y no veo si a través de un código en CSS personalizado sería posible. ¡Mil gracias!
¡Muchas gracias por tu comentario, Elvira! Me alegro de que mis vídeos te hayan ayudado. No sé cómo tienes los estilos CSS en tu web, pero supongo que con esto en caso deberías de poder ponerlo sin mayúsculas:
.wpcf7-response-output {
border-color: #46b450;
text-transform: none;
}
¡GRACIAS!
¡Muchas gracias a ti por ver el vídeo!
Muy interesante el video. Este mismo diseño es el que le estaria llegando al usuario con una copia de su consulta que puso en el formulario? o solo a mosotros?
¡Gracias por tu comentario, Laura! 😄 Pues depende de lo que quieras hacer, en las opciones del formulario, en la pestaña "Correo electrónico", hay una casilla "Correo electrónico (2)" que puedes marcar para que te permita configurar el correo que llega al usuario. Tienes por tanto dos campos diferentes para el contenido de los dos emails y puedes meter en cada uno de ellos lo mismo o cosas diferentes.
Qué buenos videos! Estoy complementando con éste, tu anterior tutorial de Contact Form y es imperdible. Muchas gracias!
Leí que te preguntaron cómo cambiar colores de mensajes de confirmación de envío(div.wpcf7-response-output.wpcf7-mail-sent-ok {
background-color: #xx;). Se inserta en la solapa de Ajustes Adicionales del formulario, verdad? Gracias de nuevo!
¡Muchas gracias por tu comentario, Silvia! Me alegro de que te haya ayudado mi tutorial 😄. Lo que comentas de los estilos para cambiar los colores no se inserta en ajustes adicionales. Hay que meterlo donde tengas el código CSS de la web. Esto dependerá del tema de WordPress que estés usando. Es muy probable que en las opciones del tema haya un campo llamado "CSS personalizado" o algo similar y tendrías que meterlo ahí.
Muy buenos tutoriales! Me queda una duda, entiendo que para personalizar "el mensaje de respuesta"para contestar a los clientes se hace igual. Pero, me pierdo un poco a la hora de decirle cual es el correo destinatario. ¿Con la etiqueta ya coloca el correcto, lo tengo que poner yo en cada respuesta...? Gracias !!
¡Muchas gracias por tu comentario, Alba! Sí, eso es, poniendo la etiqueta luego la reemplazará por el email que haya introducido el usuario.
Hola Gorka esto tambien sirve para reenviar correo como respuesta en contact7?
Sí, sirve para personalizar tanto el correo que te llega a ti como administrador de la web como el que le llega al usuario que ha rellenado el formulario.
¡Hola! Buen tutorial, lo acabo de hacer y todo perfecto. Consulta, los correos que se reenvían a quien deja sus datos se van a la carpeta de "spam" ¿Hay alguna forma de evitarlo?
¡Gracias por tu comentario, José! Si en vez de utilizar la función mail de PHP, que es la que se utiliza por defecto, envías los emails a través de SMTP usando una cuenta de correo real, muy posiblemente evites que los correos vayan a spam. Te recomiendo que utilices este plugin: es.wordpress.org/plugins/wp-mail-smtp/
Hola Gorka! Quedó genial el mail. Una cosa: al pie del mail dejé dos íconos sociales (FB e IG) que están perfectos en el archivo html descargado, pero uno de ellos no llega a la casilla de correo. Qué puede ser? Gracias!!
¡Hola, Silvia! Me alegro de que lo hayas conseguido. Respecto a lo que me preguntas de los iconos de redes sociales, sin verlo me es imposible decirte qué puede ser. Es raro que te funcione con uno de los iconos y con el otro no. Mira en el código HTML cómo está metido cada uno de ellos por si hubiera algo que variara de uno a otro. En el código verás también la URL de las dos imágenes. Comprueba que esas dos URLs llevan correctamente a las imágenes, puede ser que una de las dos no esté subida.
Sisi! @gorka Aclaré luego que me comí un pedazo del código al pegar. 🤦 Funciona perfecto! Gracias!!
hey hola... sabes como cambiar el color de texto del mensaje de confirmacion al enviar el formulario???
¡Hola, Daniel! Gracias por ver el vídeo. Eso hay que cambiarlo por CSS. Seguramente tendrás que añadir algo similar a esto en tus estilos:
div.wpcf7-response-output.wpcf7-mail-sent-ok {
background-color: #66cc33;
}
como se condiciona el campo email, para que solo acepte correos corporativos y no correos personales, no quiero que se registre corros en gmail o outlot
Pana, cuando abro el correo, se ve bien las letras, pero las imagenes no se ven, solo se ve un cuadro pequeño con icono de imagen a un costado, alguna solucion?
Hola, Daniel. Sin ver lo que has hecho no se me ocurre qué puede ser, lo siento...
Hola me encanta tu canal, no tardaras en tener tus frutos con seguidores, te escribo porque me pasa una cosa muy rara, cuando relleno el formulario y lo envio el formulario completo se hace verde con el mensaje de confirmación de envio, tambien cuando provoco un error se pinta todo el formulario de naranja. Porque me esta pasando?
¡Muchas gracias por tu comentario, Álex! Pues así sin verlo me es complicado saber qué puede ser. ¿Tal vez un div mal cerrado en el código? Pásame la URL si quieres a ver si así se me ocurre.
@@GorkAreta alexfresneda.com/contacto/ Gracias por responder.
@@fotogrames Prueba a añadir esto en los estilos CSS de tu web:
.wpcf7 form .wpcf7-response-output, div.wpcf7-response-output::before {
clear: both;
}
@@GorkAreta Muchisimas Gracias!!!! Funiona, Espero que te vaya genial con tu Canal, Suerte!!!!
Me alegro de que te haya funcionado 😄. Espero que sigas volviendo a mi canal para seguir aprendiendo y que se lo recomiendes a quien creas que pueda necesitarlo.
Hola, necesito ayuda, después de currarme mucho el correo cuando copio y pego el html en el contact form y le doy a guardar no me registra el cambio. 😭😭 ¿sera por algún contenido del html?
Podría ser, pero no creo. Prueba con un texto plano sin etiquetas HTML a ver si te lo guarda. Si te guarda el texto plano revisa el código HTML por si ves alguna etiqueta que no debería aparecer en el cuerpo de un correo electrónico (un javascript, un formulario,...) y prueba a eliminarlo.
@Gorka Areta - Tutoriales Diseño Web Un put... emoji me llevado todo un día de trabajo, pero lo he conseguido. 😆 Gracias por contestar. Quiza a alguien le sea de utilidad no poner emojis en el editor de Mosaico que no los pasa a html.
cuando envio el correo sale que es spam en gmail, como le hago?
Hola, Daniel. Seguramente te ayude utilizar algún plugin que se conecte por SMTP a una cuenta de correo existente y envíe a través de esa cuenta los correos. Hay varios plugins que hace eso, este por ejemplo: es.wordpress.org/plugins/postie/
Hola Gorka,
Gracias por la info, es de mucho valor.
Sabes si también se puede utilizar para los correos de WooCommerce?
Estoy utilizando Sendinblue es.sendinblue.com/ pero no se como meter el código al tema
¡Muchas gracias por tu comentario, Carlos! Por poder podrías, pero tendrías que editar los archivos con las plantillas de los mails de WooCommerce que hay en la carpeta wp-content/plugins/woocommerce/templates/emails/ y tienes que tener cierto nivel de conocimientos de HTML y PHP para saber dónde tienes que copiar cada código. No es tan evidente como en el caso de los emails de Contact Form 7.
@@GorkAreta Ahora entiendo, con razón no encontraba dónde modificar esta parte, Gracias!
Investigare como realizarlo porque los plugins que encontré son de suscripción anual, si sabes de uno te lo agradecería.
Saludos
todo ok, menos el audio, se escucha muy bajo
¡Muchas gracias, José! Para este vídeo que ya está grabado poco puedo hacer, intentaré mejorar el audio en futuros vídeos.