How to create Mailrelay opt-in forms with Bloom, SumoMe and Thrive Leads

Published by Esther Sola on April 18, 2019

Today, we’ll see how to add subscription forms generated by Mailrelay using some of the most popular WordPress plugins like Bloom, SumoMe and Thrive Leads.

These plugins allow us to create different types of forms in our site and configure their appearance depending on the page type, user behavior on the Website and many other options that will vary slightly from one plugin to another.

In this tutorial, we have already seen how to create the forms and get the HTML code, so if you have not yet copied the code generated by our software, please check the other post before continuing to read this article.

formularios Mailrelay

Please keep the HTML in a file on your computer or open your Mailrelay account to copy it as we will use it soon.

¡Envía hasta 75.000 emails gratis!

1- Integrating the Mailrelay form with Bloom

Bloom is one of the most popular plugins for creating subscription forms for several years.

It allows us to create inline forms, pop-ups, fly-ins, articles or insert them in any widget area of our template.

It also allows us to indicate in what kind of page or post it should be displayed, and when (after a few seconds, after scrolling, after a purchase, ETC).

Bloom also has predefined templates, although in this case, we will add our own HTML code manually, and that’s what we’ll see now.

After installing the plugin, we can find it in the menu on the left, on Bloom> Optin Forms. Click this option to create or edit existing forms:

Integrar el formulario de Mailrelay en Bloom

If we choose to create a new one (NEW OPTIN), the first thing we should do is to select the type of form that we want to create:

Integrar el formulario de Mailrelay en Bloom

Depending on the type of form selected, we will see different configuration options. However, the form creation process will be the same, so you don’t have to worry about it.

The first field we have to fill in is the form name (for internal use only, it will not be displayed to our visitors) and the email marketing service we want to use.

In this case, we will have to select Custom HTML Form, and the plugin will display a field where we can copy the HTML code generated by Mailrelay.

Integrar el formulario de Mailrelay en Bloom

After pasting the code, click NEXT: DESIGN YOUR OPTIN and we can choose a template for the form.

In this case, as we are working with HTML code, it will not always be adjusted to the design chosen for the number of fields and options on our form, so I recommend choosing a simple one that will be  easier to adjust. In any case, we can customize colors and formats later, regardless of the template selected.

In the next screen, you can add title and subtitle, customize fonts and colors, load an image and set other visual aspects.

At any time, we can preview our work to make sure we’re doing things right.

It is possible that some of the color or format options will not work correctly. If this happens, you will have to edit the HTML minimally or add CSS on the Bloom design customization screen.

Finally, the Display Settings tab will allow us to configure when and where we want the form to appear. These options will vary depending on the type of form we are using.

We can create multiple forms with different styles and configurations. We can also get reports on the performance of the forms to update our email marketing strategy.

Bloom is a paid plugin created by Elegantthemes with several plans, and it includes other plugins and templates.

Integrar el formulario de Mailrelay en SumoMe

2- Integrate the Mailrelay form in SumoMe

SumoMe  is another classic plugin for creating subscription forms. Among other things, it also has the advantage of offering a free option that will be enough for what we are going to see today.

Integrar el formulario de Mailrelay en SumoMe

The plugin is available in the WordPress repository, but after installing it, we will need to create an account that will be linked to our website. To create forms, we are going to use an external control panel with several advanced options. This plugin is very interesting, but some features are only available for paid accounts.

Integrar el formulario de Mailrelay en SumoMe

In the control panel of the plugin, in the Forms tab, we will find the button to create a new one and the system will open a wizard to prepare it.

Integrar el formulario de Mailrelay en SumoMe

In the options on the left, in section 1. My goal, we should mark the third option to be able to use our HTML code.

Integrar el formulario de Mailrelay en SumoMe

In the rest of the tabs, we can choose the other options for our form, such as the form type, when it should be displayed, and the redirect URL.

In point 6. Connect to email service; we should not choose any option, since we will use a custom HTML code created by Mailrelay.

Once configured and published, we can see the form in our website, according to the selected options, and we will have access to Visualization and conversion analytics reports generated by the plugin.

SumoMe is a very complete option, and we can work with the free version for creating opt-in forms on WordPress.

Integrar Mailrelay en Thrive Leads

3- Integrating Mailrelay with Thrive Leads

Thrive Leads is another very interesting plugin with many options for creating opt-in forms. It is a paid plugin, with no free option available, and you will have to buy and download it from the plugin’s website. It has a single price with several packages according to the number of licenses you need to purchase.

After installing the plugin, we can access it on Thrive Dashboard> Thrive Leads to create and configure our subscription forms.

Integrar Mailrelay en Thrive Leads

The first thing we have to do is create a Lead group, which is nothing more than a set of forms that share the same options (on which pages or posts the form should be displayed, if the forms will be active only for desktops or also for mobile devices, etc.)

Integrar Mailrelay en Thrive Leads

After you create a group with a descriptive internal name to organize your groups and forms; you can create a new type of form: In Content, Lightbox, Post footer, Ribbon, etc.

Integrar Mailrelay en Thrive Leads

After that, click on: Add form to create a form with the selected option.

That is, the sketch of the forms in Thrive Leads would be:

Forms group> Forms types> Forms

You can have different form types in the same group (pop-up, within the content, for widgets, etc.). And for each type, you can use different forms.

Although this structure may initially seem a bit confusing, the truth is that it allows you to create different combinations of groups and types of forms for different campaigns or goals and allows you to create A/B tests to compare the conversion rate of various forms.

Once the form has been created, we can edit the design to include the HTML code generated by Mailrelay.

To do that, we will have to select the “Blank” template to access the Thrive Leads wizard:

Integrar Mailrelay en Thrive Leads

Now we just have to click on the configuration wheel in the bar to the right of the browser and select Advanced Settings -> View Page Source (HTML). This will open a window with an HTML code that we will have to delete since we will replace it with the one created by Mailrelay.

Integrar Mailrelay en Thrive Leads

Advanced Settings

Integrar Mailrelay en Thrive Leads

Code screen where we should replace everything with our HTML

We can validate changes on the top right corner. After that, we have to save the changes to leave the wizard and return to the Thrive Leads desktop to enable the new opt-in form and choose the display options.

This is all we have to do to set up the Mailrelay form with Thrive Leads.

Esther Solà

Subscribe to Mailrelay's newsletter

We don't offer the typical PDF download that no one reads, just a subscription to great weekly contents


  1. Amaia

    Hola, hasta ahora hemos usado formularios creados con Contact Form 7 con la versión v2 de Mail Relay (sin copiar el código html de los formularios de Mail Relay) y los conectábamos usando el plugin 3rd party Services. La url de conexión era …
    Ahora hemos migrado a Mail Relay V3 y no sabemos que URL debemos usar para que sigan conectados.

    21/03/2021 - 13:49:09 Publicar una respuesta
    • Mailrelay

      Hola Amaia, en la nueva versión cambian algunas cosas, es mejor que te pongas en contacto con soporte para que te ayudemos de forma personalizada.

      22/03/2021 - 07:06:00 Publicar una respuesta
  2. Luis

    Hay alguna forma de conectarse a THRIVE LEADS mediante la API y que el usuario reciba el email de confirmación? Gracias

    27/07/2020 - 10:49:50 Publicar una respuesta
    • Mailrelay

      Hola Luis, me parece que Thrive no dispone de esa opción, aunque te lo pueden confirmar mejor ellos. En nuestro API disponemos de opciones para crear algo así, pero los desarrollos de terceros lo deben de adaptar.

      27/07/2020 - 10:53:13 Publicar una respuesta
  3. Guillermo

    Hola, he tratado de configurar el formulario con bloom pero no me toma el diseño que elijo desde el plugin. Qué me hace falta?

    13/04/2020 - 23:36:42 Publicar una respuesta
    • Mailrelay

      Hola! ¿le estás pegando el código antiguo de html?

      14/04/2020 - 07:19:05 Publicar una respuesta
      • Guillermo

        Sí exacto, debo utilizar el nuevo?

        14/04/2020 - 13:51:55
      • Mailrelay

        No, ese, la opción antigua que indica “no recomendada”. Pero ya más de eso no te se indicar, pues dependerá de tu plantilla, estilos, etc. Estamos trabajando en mejorar el sistema de creación de formularios, para evitar el uso de herramientas externas.

        14/04/2020 - 13:53:44
  4. Xavier

    Hola, si mi web no es wordpress, me puedo saltar este paso, verdad?

    05/04/2020 - 04:53:56 Publicar una respuesta
  5. Robinson Ocando

    Utilizo Thrive Leads para mis paginas web y en estos momentos ya esta la integración directa sin necesidad de copiar y pegar el codigo html

    12/07/2019 - 21:17:43 Publicar una respuesta
  6. Carlos

    Hola Esther …podrias explicarme como hacer la integracion del formulario de mailrelay con divi…

    Quedo atento a tus comentarios

    06/07/2019 - 15:34:50 Publicar una respuesta
  7. Susanne

    I don’t think I get this 100.
    After I have added MailRelay’s code the form is only the email and possible name form.
    So, when I have added MailRelay’s code then I start to add text and images?
    Thank you

    04/07/2019 - 11:55:34 Publicar una respuesta
    • Mailrelay

      Hi Susanne, I’m sorry we don’t have more info, you will need to contact the plugins support team.

      04/07/2019 - 12:01:10 Publicar una respuesta
  8. Paula nievas

    muy interesante artículo

    22/05/2019 - 21:31:25 Publicar una respuesta

Leave a comment

Your email address will not be published. Required fields are marked *

Menu Title