Crear cuenta Mailrelay Crear cuenta Mailrelay Crear cuenta Mailrelay

Increasing the effectiveness of our newsletter with subscription form

Published by Mailrelay on March 26, 2012

Welcome to the new Mailrelay blog. On this occasion, we are going to see one way to improve the effectiveness of our email campaigns. Normally, when we send our newsletters, not all of our subscribers open them or click on their links. Therefore, a logical way of improving our possibilities is to have the greatest number of subscribers possible.

One effective way of getting new subscribers for our newsletter campaigns is to create a registration form on our website and allowing those who are interested to register. This will make our mailing lists high in quality, even higher quality than purchased lists. Subscribers who register themselves with a double opt-in process are those who really want to receive the newsletter, guaranteeing top quality of our list and greater effectiveness.

Adding a subscription form to our website is very easy thanks Mailrelay, which gives us the code necessary to create it, without having to understand computer programming.

Let’s look at a simple example. Imagine that on our website, we have three sections with recent informative posts:

Formulario de suscripción al boletín

Newsletter subscription form

This is a good place to add the form. What we are going to do is remove the last section and add our form. To get the code that we need to do this, we will go to the “Subscription form” menu and then to “Get code”:

Formulario de suscripción al boletín

Newsletter subscription form

On this screen we see two codes: one in normal HTML and the other in PHP. The HTML appears first:

Formulario de suscripción al boletín

Newsletter subscription form

If the page where we wish to place the form uses PHP, it does not matter which of the two we use. If it is not PHP, we need to use the HTML version. Both function the same way, but in HTML, it is easier to modify it and adapt it to our needs. We will use HTML in the following example. Let’s look at the code:

1
2
3
4
5
6
7
8
9
</p>
<p>Fill in the form below to subscribe.</p>
<p>Name</p>
<p>Email</p>
<p>Groups</p>
<p>Spanish</p>
<p>English</p>
<p>Name</p>
<p>
</p>
<p>Fill in the form below to subscribe.</p>
<p>Name</p>
<p>Email</p>
<p>Groups</p>
<p>Spanish</p>
<p>English</p>
<p>Name</p>
<p>

In a just a moment, we will see the portions that we can modify and how to modify them. For right now, let’s try pasting the code in the spot we had planned, that is, in the area that is currently occupied by the third section:

Formulario de suscripción al boletín

Newsletter subscription form

We will look for the part of the code that corresponds to this section on our website. In this case, it is the following:

1
2
3
4
5
</p>
<p>Project Three</p>
<p>Curabitur blandit tempus porttitor. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Sed posuere consectetur est at lobortis. Cras justo odio, dapibus ac facilisis in.</p>
<p>Read More</p>
<p>
</p>
<p>Project Three</p>
<p>Curabitur blandit tempus porttitor. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Sed posuere consectetur est at lobortis. Cras justo odio, dapibus ac facilisis in.</p>
<p>Read More</p>
<p>

We will eliminate whatever is left of the code and we will leave it like this:

1
2
</p>
<p>
</p>
<p>

In the div tag, we will paste the Mailrelay form code:

1
2
3
4
5
6
7
8
9
</p>
<p>Fill in the form below to subscribe.</p>
<p>Name</p>
<p>Email</p>
<p>Groups</p>
<p>Spanish</p>
<p>English</p>
<p>Name</p>
<p>
</p>
<p>Fill in the form below to subscribe.</p>
<p>Name</p>
<p>Email</p>
<p>Groups</p>
<p>Spanish</p>
<p>English</p>
<p>Name</p>
<p>

Once this is done, we will see the form attached to our website:

Formulario de suscripción al boletín

Newsletter subscription form

As we can see, our form will look better or worse depending on our page’s CSS style. The code that we have copied from our Mailrelay panel is generic by default and does not have any specific style; we will have to adapt it to our needs. Let’s go one step at a time. First we will eliminate the fields that we don’t need, the second field Name that was defined as a custom field, and we will do some translations:

1
2
3
4
5
6
7
8
</p>
<p>Subscribe to our newsletter!</p>
<p>Name:</p>
<p>Email:</p>
<p>Groups that you wish you subscribe to: </p>
<p>Spanish</p>
<p>English</p>
<p>
</p>
<p>Subscribe to our newsletter!</p>
<p>Name:</p>
<p>Email:</p>
<p>Groups that you wish you subscribe to: </p>
<p>Spanish</p>
<p>English</p>
<p>

Once this is done, we need to insert a small CSS code to separate the fields. This is:

1
2
</p>
<p>
</p>
<p>

Adding this to our code, it will look like this:

1
2
3
4
5
6
7
8
</p>
<p>Subscribe to our newsletter!</p>
<p>Name:</p>
<p>Email:</p>
<p>Groups that you wish to subscribe to: </p>
<p>Spanish</p>
<p>English </p>
<p>
</p>
<p>Subscribe to our newsletter!</p>
<p>Name:</p>
<p>Email:</p>
<p>Groups that you wish to subscribe to: </p>
<p>Spanish</p>
<p>English </p>
<p>


When we apply this code, our form will look like this:

Formulario de suscripción al boletín

Newsletter subscription form

If we want to, we can eliminate one of the two options of subscription groups. For example, if we have lists of internal emails, employees, addresses, businesses, etc., that we don’t want our clients to subscribe to. Let’s suppose that we do not want clients to be able to subscribe to the group “English.” In this case, we would eliminate the following code:

1
2


English</p>
<p>


English</p>
<p>

And finally, our subscription form code would look like this:

Subscribe to our newsletter! ¡

Name:

Email:

Groups that you wish to subscribe to:

Spanish

English

Name:

And it will look like this:

Formulario de suscripción al boletín

Newsletter subscription form

As we have seen, thanks to Mailrelay, it is very easy to create, adapt and insert a newsletter subscription form in our websites. We can modify it if we like, using CSS and HTML styles, always remembering that we need, as a minimum, the following components:

– The name

– The email

– A group

in order for the subscription to be effective; without this basic information, the subscription will not work in our email marketing list. Once visitors on our site subscribe, they will see a window that looks like this:

Formulario de suscripción al boletín

Newsletter subscription form

The logotype that we uploaded through the Mailrelay panel will appear in this window. With this, we conclude the tutorial, and we hope it has been helpful.

Suscríbete al blog y recibe los mejores contenidos semana a semana:







Acepto la política de privacidad.



Comments

  1. tomadieta.com

    Gracias, chicos por el fabuloso soporte, sin vosotros nuestros blogs no serían los mismos 🙂

    24/12/2017 - 12:08:41 Publicar una respuesta
  2. Manuel

    Genial el artículo!! tengo una duda a ver si me podríais ayudar?
    Tengo una web que trata dos temáticas: empleo y emprendimiento.
    Tengo un formulario que hace miembros a todo el mundo y le da acceso al área Vip.
    Mi pregunta es: ¿Cómo podría tenerlos a todos en una lista de suscriptores y segmentarlos a su vez en dos grupos: empleo y emprendimiento?
    La historia está en que se suscriban en suscriptores y que a la vez se segmenten en empleo o emprendimiento.
    Ayudarme por favor!!
    Gracias

    26/11/2017 - 20:41:10 Publicar una respuesta
    • Mailrelay

      ¡Hola Manuel! Hay dos opciones, o tienes dos formularios de suscripción diferentes o un formulario con un la opción de permitir elegir el grupo o grupos donde se suscriben.

      27/11/2017 - 08:10:06 Publicar una respuesta
      • Manuel

        Gracias por la respuesta. El caso es que yo quiero tenerlos a todos en una base de datos que englobe a todos los miembros y a la vez tenerlos segmentados en empleo y emprendimiento. ¿Cómo podría hacerlo? Actualmente los tengo a todos en una base de datos. Gracias again, un saludo.

        27/11/2017 - 10:35:45
      • Mailrelay

        ¡Hola Manuel! Tal y como te digo los podrás tener segmentados en dos grupos, pero si necesitas hacer un envío conjunto solo tendrás que seleccionar enviar a ambos grupos.

        27/11/2017 - 10:36:58
  3. Veronica Alvarado

    Hola, me puden explicar como adaptar el html solo para los grupo que yo desee que aparezcan, es decir si de 23 grupos que tengo solo deseo que aparezcan 7, como debo hacerlo? ya lo intente (hice una prueba) pero al confirmar mi suscripcion me aparece nuevamente los 23 grupos. :S

    28/03/2017 - 00:36:53 Publicar una respuesta
    • Mailrelay

      ¡Hola Verónica! A qué te refieres con “al confirmar la suscripción”. Al confirmar la suscripción no te deberían de salir grupos, deberías ir a la página de confirmación.

      28/03/2017 - 07:48:23 Publicar una respuesta
      • Veronica Alvarado

        Perdon, Al momento de dar clic en el botón de suscribirse, me vuelve a aparecer todo el listado de los grupos de bases de datos.

        28/03/2017 - 17:24:30
      • Mailrelay

        ¡Hola Verónica! Parece que hay alguna cosa mal en el formulario, habrá que revisarlo y corregirlo, creo que es mejor que dejes un ticket de soporte.

        28/03/2017 - 18:10:23
  4. carlos de dietaproteica10

    Muchas gracias por el soporte chavales , a sido genial para mi web, lo agradezco MUCHISIMO, SOPORTE EN MAILRELAY UN 10

    18/07/2016 - 17:37:40 Publicar una respuesta
  5. Gabriela Aguirre

    Hola!Puedo linkear el formulario de suscripción de Mailrelay a los formularios que ya tengo instalados en mi web? Están alineados con mi branding y no quisiera cambiarlos. Gracias!!

    28/04/2016 - 16:11:49 Publicar una respuesta
  6. Miroslav Morant

    una consulta..hay alguna posibilidad de que los suscriptores lo hagan solamente colocando el campo del email? y eliminemos el campo del nombre?..Gracias

    15/10/2014 - 04:46:36 Publicar una respuesta
  7. Mmg

    ¿Cómo se puede poner una casilla de aceptación de la LOPD en el formulario?

    12/08/2014 - 13:26:07 Publicar una respuesta
    • Mailrelay

      ¡Hola! Es muy fácil, has de ir a Configuración – Campos personalizados, y crear uno de tipo checkbox para la LOPD 🙂

      12/08/2014 - 14:54:20 Publicar una respuesta
  8. Erasmo

    Es posible quitar la funcion de doble optin porque al realizar campañas de ppc ahy mucha gente que no confirma y los clicks se incrementan en precio

    17/12/2012 - 15:01:53 Publicar una respuesta
    • mrblog

      ¡Hola! En principio no es posible deshabilitar el funcionamiento de doble opt-in. Sin embargo, gracias al API es muy sencillo realizar lo que necesitas. Bastaría que crearas un formulario normal, de alta, y en la página de recepción de datos utilizases esta función del API:

      http://mailrelay.com/es/api-documentation/function/addSubscriber

      Con eso tendrías la funcionalidad tal y como la deseas. Es muy sencillo de realizar, si necesitas ayuda los técnicos te pueden ayudar.

      Un saludo 🙂

      17/12/2012 - 15:08:02 Publicar una respuesta
  9. Mauricio Perez

    Hola que,tal es posible incrustar este formulario en una pagina hecha con prestashop

    27/11/2012 - 23:42:37 Publicar una respuesta
    • mrblog

      ¡Hola Mauricio! Sí que es posible, al ser código HTML lo puedes incrustar en cualquier plataforma web. Eso sí, necesitarás algunos conocimientos de programación para poder incrustarlo.

      28/11/2012 - 09:27:11 Publicar una respuesta
  10. Aminadab

    ¿No es posible eliminar del formulario la opcion de grupos?

    La opcion de “grupos” hace que sea mas largo el proceso de suscripcion, algo que afecta en parte el porcentaje de suscripciones ademas de que a veces no es necesario preguntar al suscriptor en que listas desea aparecer.

    03/11/2012 - 08:57:02 Publicar una respuesta
    • mrblog

      ¡Hola Amidab! Si que es posible lo que comentas, lo único que debes hacer es ocultar un grupo en un campo hidden, para que se envíe ese grupo por defecto. Son pequeños retoques de HTML. Si tienes cualquier dificultad con ellos ponte en contacto con nuestro equipo técnico:

      http://mailrelay.com/es/contacto

      Y ellos te ayudarán a solucionar cualquier dificultad.

      03/11/2012 - 10:16:00 Publicar una respuesta

Leave a comment

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


Menu Title