Crear cuenta Mailrelay Crear cuenta Mailrelay Crear cuenta Mailrelay

Contact Form 7 + Forms 3rd party + Mailrelay

Publicado por Mailrelay en agosto 25, 2015

Formularios de suscripción, un aspecto indispensable de cualquier plan de email marketing, pero no siempre son fáciles de insertar en nuestra web y que se adapten bien ¿Verdad? Pues hoy vamos a ver como hacerlos con el plugin Contact Form 7.

¿Qué? ¿Qué el plugin Contact Form 7 no sirve para formularios de suscripción?

Vaya, es verdad, sirve para hacer formularios de contacto

Pero ¿Y si hubiera alguna forma de emplearlo con este fin?

La hay, y se llama Forms 3rd party integration

Este plugin añade la opción de integrarse con servicios externos, como Mailrelay, a varios plugins de creación de formularios para WordPress, en concreto:

Contact Form 7: https://wordpress.org/plugins/contact-form-7/
Ninja Forms: https://ninjaforms.com/
Gravity Forms: http://www.gravityforms.com/

En concreto para este ejemplo vamos a utilizar el Contact Form 7 porque … porque es el que tenía ya instalado en  mi WordPress de pruebas 🙂

Paso 1. Integrando  Contact Form 7 + Forms 3rd party + Mailrelay

Dando por hecho que ya tienes instalado el plugin Contact Form 7 lo siguiente que tenemos que instalar es el plugin «Forms: 3rd-Party Integration» así que ve al menú de plugins de tu wordpress e instálalo:

forms-3rd-party-1

Una vez instalado aparecerá en tu lista de plugins:

forms-3rd-party-2

Es imprescindible que tengas instalado Contact Form 7, Ninja Forms o Gravity Forms si no, no te servirá de nada este plugin.

Paso 2. Crear o editar un formulario

Vamos a necesitar crear un formulario o modificar uno que ya tengamos.

Lo puedes hacer desde el menú «Contacto» si utilizas Contact Form 7:

forms-3rd-party-3

Crear o editar un formulario es muy sencillo, ya que se hace de forma completamente visual, solo tienes que pinchar en el elemento que quieres añadir:

forms-3rd-party-4

Hemos creado 3 campos:

– Un campo de texto para el nombre (your-name)
– Un campo de tipo email para el … email (your-email)
– Un campo de tipo acceptance, que es un checkbox que el usuario ha de marcar para que se permita enviar el formulario (ideal si es necesario que el usuario acepte las condiciones)

Fíjate que arriba en la imagen aparece un shortcode, copialo, lo vamos a necesitar en seguida.

Y con eso ya está, guarda el formulario tal cual.

Paso 3. Añadiendo el formulario a la web

Para añadir el formulario a la web vamos a utilizar el shortcode que copiamos antes.

Y para situarlo utilizaremos un widget, así que vamos al menú «Apariencia» -> «Widgets«:

forms-3rd-party-5

Vamos a utilizar un widget de tipo «Texto«, puedes situarlo en el área de widgets que desees:

forms-3rd-party-6

Asegurate de pegar correctamente el shortcode, guarda, y en la parte pública de tu WordPress deberías de ver algo similar a esto:

forms-3rd-party-7

La ventaja del Contact Form 7 es que utiliza los mismos estilos que tu plantilla, por lo que no desentonará con la misma.

Fíjate en el checkbox de «acceptance» que añadimos, mientras no se marque no permitirá el envío del formulario.

Como ves ha sido muy fácil añadir un formulario a nuestro WordPress.

¿Cómo haremos que este formulario envíe los suscriptores a Mailrelay?

Paso 4. Sincronizando Contact Form 7 con Mailrelay

Aquí es donde entra en juego el plugin Forms 3rd party integration, para acceder al mismo iremos al menú «Contacto» -> «3rparty Services«:

forms-3rd-party-8

Para configurar correctamente esta sección vamos a necesitar la URL de nuestro formulario de suscripción de Mailrelay.

La que podemos ver en el menú «Formulario de suscripción» -> «Obtener código«:

forms-3rd-party-9

Copia la URL que va dentro del «action» del formulario.

Vuelve a tu WordPress y donde estabamos, sobre la mitad de la página verás una sección que indica «3rd-Party Service: Service 1«:

forms-3rd-party-10

Service Name -> indicamos el nombre que le queremos dar al servicio
Submission URL -> aquí has de poner la URL del formulario de Mailrelay, la que hemos copiado antes
Attach to Forms -> aquí indicamos a que formularios vamos a asociar este servicio, en este caso solo tenemos uno, pues a ese.

La siguiente sección es la más importante: Mapping

forms-3rd-party-11

El mapping es donde le indicamos qué campos del formulario «enlazan» con qué campos del otro servicio, en este caso Mailrelay.

La primera columna la vemos luego.

La segunda es una etiqueta, a nivel interno, para nosotros.

La tercera es el campo del formulario del Contact Form 7.

Y la cuarta es el campo de Mailrelay.

Así tenemos estos datos:

Campo «your-name» -> iría al campo «name» de Mailrelay
Campo «your-email» -> iría al campo «email» de Mailrelay

Y así con todos

Pero fíjate en la tercera línea, está marcada en el campo «is value?» (es un valor). Esto quiere decir que es un valor fijo que enviamos, un valor que el usuario no introduce, en este caso el valor es el grupo de Mailrelay al que vamos a meter a este suscriptor.

El grupo tiene ID 1, es el valor que ponemos, y en campo indicamos «groups[]«.

Con esto ya lo tenemos todo y podemos guardar.

Paso 5. Lo probamos

Si enviamos el formulario, se creará un nuevo suscriptor en Mailrelay:

forms-3rd-party-12

Y también nos enviará el contacto por email:

forms-3rd-party-13

¡Ya está!

Es muy práctico porque el Contact Form 7 es muy fácil de manejar para crear los formularios, además permite muy fácilmente:

– Añadir campos obligatorios
– Añadir un captcha
– Etc.

Nota: puedes cambiar los textos de envío en la edición del formulario, en el menú «Mensajes«, por si en lugar de «enviado» quieres poner «suscrito» 🙂

La verdad es que es un plugin muy útil, y con la posibilidad de enviar los datos a Mailrelay que nos da el plugin Forms 3rd party integration, tenemos una combinación perfecta para crear formularios cómodamente.

¡Espero que te sea útil!

Suscríbete y aprende marketing online gratis. Desarrollamos y publicamos contenidos que bien podrían formar parte de un curso de pago, recíbelos gratis:







Acepto la política de privacidad.



Comentarios

  1. Waldier

    No funciona, seguí los pasos indicados, recibo el correo del formulario, pero en la base de mailrelay no esta el suscriptor

    10/05/2018 - 00:21:02 Publicar una respuesta
    • Mailrelay

      Hola Waldier, no te preocupes, escribe a soporte e indica cual es tu cuenta y donde podemos ver el formulario para revisarlo, también tendrás que aportar alguna captura de pantalla de la configuración para que podamos comprobarla.

      10/05/2018 - 07:37:01 Publicar una respuesta
  2. Carlos

    En mi formulario tengo un campo radio button con dos valores, ¿cómo puedo capturar en diferentes grupos con 3rd party integration, dependiendo del radio button seleccionado?

    03/05/2018 - 10:55:23 Publicar una respuesta
    • Mailrelay

      Hola Carlos, pues no te se indicar, lo siento, quizá en la documentación del contact form y del 3rd party ponga algo.

      03/05/2018 - 11:02:31 Publicar una respuesta
  3. Marta

    Hola, muchísimas gracias por la explicación. Me ha funcionado muy bien, lo único que la frase «acepto las condiciones» no me aparece y tampoco sé dónde hay que escribirla para qué aparezca, igualmente las condiciones, no sé dónde puedo escribirlas.
    muchísimas gracias por la ayuda.

    15/01/2018 - 20:02:34 Publicar una respuesta
  4. mireia

    Hola! muchas gracias, muy clara la info, pero me ha funcionado sólo con 2 emails, al 3o ya no se ven los suscriptores en mailrelay, a qué puede ser debido?

    07/09/2017 - 17:53:22 Publicar una respuesta
    • Mailrelay

      ¡Hola Mireia! Puede ser que el email que estás intentando registrar esté en Suscriptores – Eliminados, en cuyo caso no se podrá volver a registrar.

      08/09/2017 - 08:46:06 Publicar una respuesta
  5. Eugenio

    Es una gran combinación.
    Pero tengo una duda, hice pruebas y al suscribir recibí la confirmación de suscripción en inglés. ¿Es por defecto, o se puede cambiar en Mailrelay? ya que he visto que estas confirmaciones están en varios idiomas en el panel «soporte de cliente» de Mailrelay. Gracias por todo.

    19/02/2017 - 21:55:45 Publicar una respuesta
    • Mailrelay

      ¡Hola Eugenio!Puedes forzar que se envíe en español, si a la URL de suscripción le añades: ?language=es al final ¡Saludos!

      20/02/2017 - 08:32:22 Publicar una respuesta
      • Eugenio

        Gracias por su respuesta, lo probaré.

        20/02/2017 - 16:57:03
  6. Jhonnathan Smth

    Hola amigo, vinculé todo como dice el artículo pero solo me llega una notificación al correo que inscribí en el forms 3d Party service, pero al mirar el correo con el que hice la prueba nunca llegó confirmación y en Mailrelay no se ve reflejado el usuario nuevo, gracias

    28/06/2016 - 00:39:43 Publicar una respuesta
    • Mailrelay

      ¡Hola Jhonnathan! Puedes dejarnos un ticket de soporte aquí: http://mailrelay.com/es/contacto ya que necesitaremos que nos envíes alguna captura de pantalla para ver la configuración que has realizado.

      28/06/2016 - 08:48:33 Publicar una respuesta
      • Jhonnathan Smth

        Hola, ya solicité un ticket ¿Qué debo esperar ahora?

        29/06/2016 - 15:54:11
      • Mailrelay

        ¡Hola Jhonnathan! Nada, te responderán lo antes posible.

        29/06/2016 - 15:59:47
  7. David

    Uso NinjaForms y no son capaz de sincronizar el formulario con mailrelay, alguien lo ha conseguido, Help me!!

    22/04/2016 - 11:49:02 Publicar una respuesta
  8. David

    Perfecto, lo acabo de configurar y funciona genial, solo una cosita
    en el formulario de suscripción tengo personalizada la URL de éxito y la URL de confirmación..
    La URL de éxito consigo redirigir con el contact Form 7, pero la URL de confirmación no se como hacer que redirija a la páginapersonalizada, ¿Se puede hacer?, ¿cómo?

    19/04/2016 - 22:28:49 Publicar una respuesta
    • David

      Que ya lo he conseguido… estaba probando y he creado un campo nuevo en el mapping con el name de confirmationURL y su correspondiente valor

      19/04/2016 - 22:34:13 Publicar una respuesta
      • Mailrelay

        ¡Genial! La verdad es que es una opción muy buena 🙂

        20/04/2016 - 09:11:01
  9. Javier Zelaya

    Quiero configurar el plugin, aparentemente tengo la configuracion correcta. pero el contacto no llegan a mailrelay. mi web http://www.uth.hn/carreras/mercadotecnia/

    07/04/2016 - 04:54:25 Publicar una respuesta
    • Mailrelay

      Hola Javier! Abre mejor un ticket de soporte, vamos a necesitar algunas capturas de pantalla de tu configuración para poder revisarlo todo.

      07/04/2016 - 07:42:24 Publicar una respuesta
  10. Carlos

    Hola!
    Yo uso CF7 + Mailrelay + 3rd-Party Integration y ¡es una maravilla!, pero hay algo que se me escapa…

    Tengo 2 formularios de contacto distintos en CF7 (con campos diferentes) y 2 formularios de suscripción distintos en Mailrelay con su propia «Submission URL» (cada uno apunta a un grupo distinto).

    Me interesa que cada formulario suscriba al usuario en el grupo que le corresponda, pero al añadir los dos «services» a 3rd-Party me doy cuenta que los suscribe en los 2 grupos.

    ¿Se pueden añadir varios integraciones? Entiendo que si los campos, url del formulario y el id del grupo son distintos… debería funcionar ¿no?

    Muchas gracias y larga vida a mailrelay! 😉

    16/03/2016 - 12:34:44 Publicar una respuesta
    • Mailrelay

      ¡Hola Carlos! Para añadir varias opciones creo que has de utilizar el botón que pone «Add another service» y asociarlo a otro formulario 🙂

      17/03/2016 - 11:58:47 Publicar una respuesta
  11. Santiago Becerra

    ¿Cómo se hace para suscribirse a dos listas? El mapping en el ejemplo apunta a groups[], pero no funcionaría si se pone varias veces. ¿habría que poner groups[0] y groups[1]? ¿O habría que poner dos valores en el primer campo separados por comas, por ejemplo 1,3 —> groups[] ?

    14/03/2016 - 19:24:40 Publicar una respuesta
    • Mailrelay

      ¡Hola Santiago! Muy buena pregunta 🙂 creo que se puede poner varias veces:

      groups[]=1&groups[]=3

      Los [] ya indican que es un array y debería de aceptar que se le fueran metiendo valores, igual que en un formulario se puede poner, pruebaló así a ver 🙂

      15/03/2016 - 10:05:52 Publicar una respuesta
      • asis

        gracias por la idea pero entonces, ¿qué se pone en forma sumision field?

        11/06/2018 - 18:25:21
      • Mailrelay

        Hola Asis, depende de la configuración que tengas, es mejor que escribas a soporte, por aquí no puedes adjuntar capturas de pantalla, y necesitamos verlas para comprobar tu configuración.

        12/06/2018 - 07:23:27
  12. Ana

    Buenos días,

    Tengo la plantilla Flatsome instalada y viene por defecto con ‘ninja form’ como formulario, y me gustaría saber dos cosas:

    1) ¿Se puede crear una newsletter directamente con ninja form, o tiene que ser vinculado con Mailpoet (por ejemplo)?

    2) En caso de necesitar Ninja Form + MailPoet, ¿cómo puedo vincular el botón de «envío» de un ninja form para que mande una newsletter de Mail Poet?

    Es decir, yo tengo creado mi formulario con NinjaForm pero la Newsletter la gestiono con MailPoet, sin embargo, si hago una «redirección» del formulario a la URL/shortcode de mi newsletter la web PETA. No sé exactamente como tengo que hacer eso y lo necesito.

    Gracias de antemano.

    Saludos!

    13/12/2015 - 12:38:40 Publicar una respuesta
    • Mailrelay

      ¡Hola Ana! Con Mailpoet no te sabría decir, pero imagino que puedes seguir un proceso similar al explicado en el artículo, para enviar los contactos de ninja form a mailrelay, y a partir de ahí enviar las newsletters ¿has probado de esta forma?

      14/12/2015 - 07:39:19 Publicar una respuesta
      • Diego

        Yo también tengo un formulario de ninja form, y no consigo sincronzarlo con mailrelay.

        Si lo hago a través de un formulario de CF7 no tengo problema, pero en el momento en que lo intento con el de ninja form, no llega a mailrelay.

        27/01/2016 - 00:44:04
      • Mailrelay

        ¡Hola Diego! ¿y utilizando el forms 3rd party tampoco? Si quieres envíanos un ticket y algunas capturas de pantalla para que le echemos un vistazo a la configuración y veamos qué se puede hacer 🙂

        27/01/2016 - 09:22:46
  13. Elvis

    ¿Es posible hacer lo siguiente?
    En un primer formulario le pido al usuario nombre y correo. Pero en un segundo formulario le pido Ciudad de residencia y correo.
    En caso de que, por ejemplo, un usuario complete los dos formularios con el mismo correo (abc@mail.com) pero los otros dos datos son diferentes (en el primer caso el nombre y en el segundo la ciudad) ¿Se actualizará la información de contacto del suscriptor o se duplicara? Espero haberme explicado bien.

    28/08/2015 - 19:08:34 Publicar una respuesta
    • Mailrelay

      ¡Hola Elvis! La verdad es que nunca he probado a hacer lo que comentas, pero lo que es seguro es que no se puede duplicar pues en Mailrelay no puede duplicarse un email.

      28/08/2015 - 20:28:15 Publicar una respuesta
  14. Hugo Herrera

    Solucionado mi problema, estaba mal configurado CF7.

    Ahora, mi problema es el siguiente, al momento de que una persona se subscriba a mi sitio web, le llega un correo electrónico de confirmación, el problema es que el idioma en el que se envía es en portugués ¿cómo puedo cambiar el idioma por default del correo de confirmación?

    Saludos!

    26/08/2015 - 23:20:10 Publicar una respuesta
    • Mailrelay

      Hola Hugo, es posible forzar el idioma en caso de ser necesario, pero es mejor revisarlo bien primero. Déjanos un ticket de soporte y te echamos una mano.

      27/08/2015 - 07:50:39 Publicar una respuesta
  15. hugo herrera

    Hola
    muchas gracias por esta información.
    Lamentablemente no me a funcionado correctamente, he seguido cada paso y no he tenido éxito alguno.

    Saludos!

    26/08/2015 - 22:23:28 Publicar una respuesta
  16. Steticel

    Hola. ¿Es posible añadir el formulario de suscripción en blogspot? Gracias.

    26/08/2015 - 17:42:25 Publicar una respuesta
    • Mailrelay

      ¡Hola! En caso de que no sea posible añadir código HTML, la solución más sencillas es colocar una imagen, que enlace al formulario por defecto de tu cuenta: http://cuenta.ip-zone.com/mailing-manager/subscribe

      Solo tienes que sustituir «cuenta» por el nombre de tu cuenta y la imagen enlazaría con el formulario de suscripción de tu cuenta. Pruébalo y si te surge cualquier duda nos consultas.

      27/08/2015 - 07:44:39 Publicar una respuesta
  17. Guillermo

    Qué gran post!! Muy útil, ya era hora de poder conectar Contact Form 7 con MailRelay de forma sencilla! Gracias por la explicación, un saludo 😉

    26/08/2015 - 13:03:52 Publicar una respuesta
  18. Francisco Ramirez H

    Piensan actualizar los plugins para importar listas desde opencart versión 2.

    25/08/2015 - 17:56:38 Publicar una respuesta
    • Mailrelay

      Hola Francisco, lo cierto es que el plugin de Opencart ha presentado muy poco uso desde que lo publicamos, muy pocos clientes lo utilizan. Seguramente sí que se actualice, pero no creo que sea de forma inmediata.

      26/08/2015 - 07:42:52 Publicar una respuesta
  19. Diego Fernando

    Hola, yo soy usuario de sus servicios y me encantaria que hicieran un Post similar pensando en los usuarios que utilizamos Jommla ya que nos sentimos un poco desplazados por los de WordPress

    25/08/2015 - 15:07:04 Publicar una respuesta
    • Mailrelay

      Hola Diego, buena idea, gracias por el aporte, revisaremos como es posible hacer algo similar en Joomla!

      26/08/2015 - 07:50:57 Publicar una respuesta
  20. Antonio Garcia

    ¿ Y si no usamos WordPress ?
    ¿ Conoceis algun metodo con Mailrelay o con alguna otra web?

    25/08/2015 - 10:27:28 Publicar una respuesta
    • Mailrelay

      ¡Hola Antonio! En este caso los plugins utilizados son para WordPress. Si utilizas otro sistema, como Prestashop por ejemplo, ya dependerá de los plugins disponibles para dicho sistema. Y si no ya se haría necesario programarlo a medida.

      25/08/2015 - 10:30:53 Publicar una respuesta
  21. Vicen Martínez

    Y si quieres subscribir a 2 listas de email?

    O una lista y un autorrespondedor?

    25/08/2015 - 08:34:35 Publicar una respuesta
    • Mailrelay

      ¡Hola Vicen! No lo he probado, pero me imagino que añadiendo en el mapping otro grupo sería suficiente.

      25/08/2015 - 08:43:25 Publicar una respuesta

Deja un comentario

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


Menu Title