Configurar el plugin Bloom para tu email marketing con Mailrelay

Escribir, por fin, este artículo sobre el plugin Bloom, que permite crear formularios de suscripción que funcionan con Mailrelay, me alegra, y por dos motivos:

1.- La configuración de este plugin es una consulta realizada por muchos usuarios

2.- La información sobre como hacerlo me la han remitido los compañeros de Civittas, lo que da muestras de la gran comunidad que se está generando alrededor de Mailrelay.

Para configurar el plugin solo son necesarios unos cuantos pasos:

1) Seleccionar que queremos utilizar «Custom HTML Form»

bloom-plugin-2

A la hora configurar el formulario, donde indica «Select email provider«, elegiremos «Custom HTML Form«.

Debajo verás una caja donde debes insertar el código de tu formulario.

El código lo puedes copiar desde el menú «Formulario de subscripción» – «Obtener código«:

bloom-plugin-3

O desde «Formulario de suscrición» – «Formularios personalizados«.

Lo importante es copiarlo todo y pegarlo en la casilla del plugin bloom que se ve en la primera imagen.

2) Configuramos el resto de valores del plugin

bloom-plugin-4

Es posible que algunos valores no se apliquen al formulario.

3) Utilizamos la caja «Custom CSS» para ajustar el formulario

bloom-plugin-5

El código variará dependiendo de lo que queramos y de la plantilla que hayamos elegido, pero como base puedes utilizar el código que nos comparten los compañeros de Civittas:

#submit {margin-top: 20px; background-color: #DD3333; border-style: solid; border-width: 2px; border-color:#FFF; text-color: #FFF;}

#submit-element :hover {background-color: #FFF; border-color:#DD3333; color: #DD3333;}

#email-label {margin-top: 15px; margin-bottom: 5px;}

#name-label {margin-top: 15px; margin-bottom: 5px;}

.et_bloom .et_bloom_form_container .et_bloom_form_content label{margin-bottom: 5px;}

4) Luego nos quedará definir cuando y cómo queremos que se muestre

bloom-plugin-6

Y con esto ya tendremos configurado el plugin Bloom perfectamente para utilizarlo con Mailrelay, el resultado sería algo así:

bloom-plugin-7

¡Espero que te sea de mucha utilidad!

Por último, me despido agradeciendo de nuevo a los chicos de Civittas por enviarnos la información necesaria para configurar el plugin Bloom con Mailrelay.

Comentarios

  1. Muchas gracias por la ayuda a vosotros y a Civittas! Me habéis salvado porque no controlo nada de código (lo mismo es la creatividad y el copywriting) y no sabía como configurar Bloom (que me parece una herramienta sencilla y fantástica). Y sin esta ayuda me esperaban horas y horas de averiguaciones… Saludos!

  2. El post es buenísimo, sólo una pregunta ¿cómo podría hacer que los campos estuvieran alineados en lugar de uno encima del otro?
    Muchas gracias

  3. Hola, he estado mirando lo que proponía Victoria de hacer que los campos estuvieran alineados en vez de uno encima del otro y bloom si que da esa opción en su configuración, pero después de muchas pruebas con el codigo html de Mailrelay no lo consigo, en cambio he probado con otro servicio de mensajes y si que funciona, tal vez podrías facilitar algún CCS o algo para que que funcionara. Lo mismo es mucho pedir, pero ya sería genial tener esa opción.

  4. Hola Amigos 🙂
    Sería estupendo que se busque la forma de intregrarse con bloom, ya que divi viene trabajando muy bien y quienes lo compramos nos viene el bloom gratis.

    Yo de css no entiendo nada, pero modifiqué los números del código que postearon ustedes, y me quedo con esto:

    #submit {margin-top: 20px; background-color: #DD3333; border-style: solid; border-width: 2px; border-color:#FFF; text-color: #FFF;} #submit-element :hover {background-color: #FFF; border-color:#DD3333; color: #DD3333;} #email-label {margin-top: 15px; margin-bottom: 5px;} #name-label {margin-top: 25px; margin-bottom: 5px;} .et_bloom .et_bloom_form_container .et_bloom_form_content label{margin-bottom: 10px;}

    Me quedó así: https://dl.dropboxusercontent.com/1/view/f0yudb6om4u1r2u/Apps/Shutter/Selecci%C3%83%C2%B3n_392.png

    Lo que me faltaría es modificar el color del botón «suscribir» al poner el mouse arriba.

    Y la distancia que hay entre el cambio del email y la palabra «grupos».

    Si alguien me puede ayudar agradezco mucho.

    No se preocupen que ya me quejé en eleganttheme, porque pagamos un tema para poder usarlo y tiene un montón de plataformas y no incluye la integración con mailrelay… no se comprende…

    Felicitaciones por el trabajo que hacen desde MR, un abrazo

  5. Hola, gracias por el post. Tengo un problema: cuando le doy a “Formulario de subscripción” – “Obtener código“, veo el codigo PHP y no el codigo HTML…

  6. Hola, este plugin es excelente, lo acabo de configurar, solo que ahora no se como colocarlo en las paginas que deseo, si me pudieran ayudar con esto se los agradecería.

  7. Hola
    Soy bastante torpe, me podéis indicar dónde encuentro:“Custom HTML Form” par poder integraros con bloom.
    Gracias

  8. Hola!! Esta genial y muy facilito…pero una sola cosa…al copiar el formulario a mi me parece un apartado que se llama ¿grupos? eso para que es? con una celda para poner un visé!! lo he quitado pero no sé si eso puede afectar a la suscripción.

    1. ¡Hola Carolina! Sí, el grupo es necesario, pero se puede ocultar, para que no aparezca. Aquí creo que no lo puedo poner el código de ejemplo, pasate por soporte y te ayudamos con eso 🙂

  9. Muy buena explicación. He conseguido configurar varios formularios con éxito. Pero se me resiste el tipo LOCKED CONTENT. Cuando lo hago, consigo que aparezca el formulario, pero en cuanto se pulsa el botón se desbloquea el contenido sin validar si la suscripción ha terminado. ¿Sabéis cómo se configura este tipo de formulario?

    Gracias.

    1. ¡Hola Pepa! Me alegra que te haya sido de utilidad el artículo. En cuanto al tipo LOCKED CONTENT, creo que el plugin no va a poder detectar cuando se ha finalizado la suscripción, pues eso sucede en Mailrelay, y por tanto creo que el plugin no lo puede controlar.

  10. Pues a mi me gustaría que se pudiera controlar la success response, la url a la que se envia el suscriptor, y no me sale la opción, me podrian ayudar?
    Porfa

Deja una respuesta

Tu dirección de correo electrónico no será publicada.