Cerrar video

Configurar dinámicamente el correo electrónico del destinatario de un formulario en Divi con Contact Form 7 y ACF

por | May 5, 2021 | Tutorial gratuito | 9 Comentarios

Cómo configurar dinámicamente el correo electrónico del destinatario de un formulario en Divi con Contact Form 7 (CF7) y Advanced Custom Fields (ACF).

Hace unas semanas realizamos un completo tutorial de Divi Machine. En este tutorial diseñamos una página web sobre renta y venta de autos en la cual la página individual de cada auto tiene un formulario de contacto para que las personas puedan realizar sus reservas o ponerse en contacto con el vendedor.

Configurar dinámicamente el correo electrónico del destinatario de un formulario en Divi con Contact Form 7 y ACF

El problema que teníamos era que el formulario de contacto que insertamos solamente tenia un destinatario el cual introducimos de forma manual a través de los ajustes del módulo formulario de contacto de divi. Esto esta bien para algunos casos pero qué pasa si quisiéramos que también le llegara un mensaje al vendedor del auto para que así el vendedor y el comprador tuvieran un contacto más personal. Justo eso es lo que solucionamos en este tutorial.

En este tutorial configuramos un formulario de contacto con un destinatario dinámico, esto lo hacemos con un campo personalizado creado a través de advanced custom fields, contact form 7 y unas extensiones extras. Gracias a la configuración que implementamos logramos insertar dinámicamente un correo electrónico para el destinatario del formulario en cada página del producto individual, en esta caso, en cada página individual de los autos.

¿Suena genial verdad? Pues si quieres aprender cómo lo hemos hecho te invito a que le des play al video.

Recuerda que si al final tienes una puedes usar la sección de los comentarios para dejar tus preguntas.

Saludos.

RECURSOS:
> Enlace a la demo
> Tutorial Divi Machine
> Tutorial agregar publicaciones a través de un formulario desde el frontend
> Plugin Contact Form 7
> Plugin Contact Form 7 Dynamic Text Extension
> Plugin Contact Form 7 Styler for Divi

Shortcode para agregar un correo electrónico dinámicamente en Contact Form 7:

[dynamichidden email-destinatario "CF7_get_custom_field key='email_formulario_de_reserva' obfuscate='on'"]

¿Te ha gustado este tutorial? 🚀

¡Los Tutoriales Premium te van a encantar! Desde solo $10 USD al mes accede a más de 200 (¡y contando!) tutoriales únicos y exclusivos sobre Divi y WordPress. ¡Únete ahora y aumenta al 200% tus habilidades de diseño web con Divi!

Tutoriales Relacionados

9 Comentarios

  1. jd

    hola, tienes algún tutorial para hacer una tabla de precios como la tuya

    Responder
    • Oscar Viedma

      Hola JD, ¿Exactamente a cuál tabla de precios te refieres?

      Responder
  2. jd

    me refiero a la que tienes en la pagina de tutoriales exclusivos ov divi

    Responder
    • Oscar Viedma

      ¿Te refieres a la barra lateral derecha que se queda fija? Esa la he realizado con una columna y dentro he insertado módulos texto. La columna la he dejado fija con las opciones sticky de divi.

      Responder
  3. jd

    muchas muchas muchas gracias

    Responder
  4. Francesca

    Hola, realice el procedimiento que indicaste pero lo que ingreso en el formulario no se envía al correo electrónico que coloco en el campo, por favor si me podrías ayudar en este tema . Gracias

    Responder
    • Oscar Viedma

      Hola Francesca, puede ser problema de tu hosting. Lo mejor es que instales un plugin SMTP, puede ser este. Para configurarlo no tengo un tutorial al respecto pero en google o youtube seguro encuentras algo 🙂

      Responder
  5. Davmarto

    hola Oscar, intento enviar el mensaje pero me aparece el error «There was an error trying to send your message. Please try again later.» es resultado de el error en el profulario en el apartado (Para)

    Responder
    • Oscar Viedma

      Hola qué tal, revisa que la configuración de «PARA» esté bien configurado en contact form 7. También puede ser por un conflicto con algún plugin. Si deshabilitas todos los plugins solamente para probar el formulario, ¿funciona?

      Responder

Enviar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Tutoriales Exclusivos

Tutoriales exclusivos OV Divi

Lleva tus sitios web creados con divi al siguiente nivel.

Accede a tutoriales exclusivos y únicos de divi y saca el máximo provecho del mejor tema y constructor visual para WordPress.

$10 USD / mes

Pin It on Pinterest