Crear cuenta Mailrelay Crear cuenta Mailrelay Crear cuenta Mailrelay

Aumentando a eficácia das newsletters com o formulário de assinatura

Publicado por Mailrelay em 26/03/2012

Bem-vindo novamente ao blog de Mailrelay, desta vez, vamos ver uma das maneiras de melhorar a eficácia de suas campanhas de mailing. Normalmente, quando você envia suas newsletters, nem todos os seus assinantes as abrem ou clicam nos links do corpo da mensagem, pois será sempre uma percentagem menor de usuários que irá abrir ou clicar nos links que o total de assinantes da sua lista. Portanto, uma maneira lógica para melhorar suas possibilidades é contar com um maior número de assinantes.

Uma forma eficaz de conseguir novos assinantes para as suas campanhas de newsletter é criar um formulário de registro no seu site, e permitir que sejam os próprios interessados que decidam se inscrever para começar a receber suas mensagens. Isto lhe dará uma ótima qualidade em suas listas de mailing, muito maior do que em listas, uma vez que serão os próprios assinantes que estarão se inscrevendo para receber as suas newsletters, e serão eles que irão se registrar com um processo de double opt-in, o que irá garantir ainda mais a qualidade de suas listas de assinantes, e portanto, sua eficácia.

Adicionar um formulário de assinatura para ao seu site é muito simples, graças a Mailrelay, que irá lhe oferecer o código necessário para fazê-lo, sem a necessidade de conhecimentos de programação.

Vamos analisar a situação utilizando um cenário simples, imagine que em seu site você tem três blocos informativos de posts recentes:

Formulario de suscripción al boletín
Formulário de assinatura para a newsletter

Este é um bom lugar para adicionar o formulário de assinatura, o que você vai fazer será remover o último bloco, e adicionar o seu formulário. Vamos ver qual é o código necessário, vá para o menu “Formulário de assinatura” e “Obter Código”:

Formulario de suscripción al boletín
Formulário de assinatura para a newsletter

Você verá na tela abaixo dois códigos, um em HTML normal e outro em PHP, o em HTML aparece acima:

Formulario de suscripción al boletín
Formulário de assinatura para a newsletter

Se a página na qual você deseja incorporar o formulário utiliza PHP, não importa qual dos dois formulários você vai usar, caso contrário, você terá que usar a versão em HTML. Ambos têm o mesmo funcionamento, ainda que aversão em HTML permite mais espaço para  modificações e adaptações às necessidades de cada um, portanto será esta que vamos usar neste exemplo. Vejamos o código na íntegra:

1
2
3
4
5
6
7
8
9
Fill in the form below to subscribe.
 
<form action="http://joseargudo00.ip-zone.com/ccm/subscribe/index" method="post" enctype="application/x-www-form-urlencoded"><dl><dt id="name-label"><label for="name">Name</label></dt><dd id="name-element"><input id="name" type="text" name="name" value="" /></dd><dt id="email-label"><label for="email">Email</label></dt><dd id="email-element"><input id="email" type="text" name="email" value="" /></dd><dt id="groups-label"><label for="groups">Groups</label></dt><dd id="groups-element"> 
 
<input id="groups-1" type="checkbox" name="groups[]" value="1" />Espanhol<label for="groups-17"></label>
 
<input id="groups-17" type="checkbox" name="groups[]" value="17" />Inglês
 
</dd><dt id="f_2-label"><label for="f_2">Nome</label></dt><dd id="f_2-element"><input id="f_2" type="text" name="f_2" value="" /></dd><dt id="submit-label"> </dt><dd id="submit-element"><input id="submit" type="submit" name="submit" value="Assinar" /></dd></dl></form>
Fill in the form below to subscribe.

<form action="http://joseargudo00.ip-zone.com/ccm/subscribe/index" method="post" enctype="application/x-www-form-urlencoded"><dl><dt id="name-label"><label for="name">Name</label></dt><dd id="name-element"><input id="name" type="text" name="name" value="" /></dd><dt id="email-label"><label for="email">Email</label></dt><dd id="email-element"><input id="email" type="text" name="email" value="" /></dd><dt id="groups-label"><label for="groups">Groups</label></dt><dd id="groups-element"> 

<input id="groups-1" type="checkbox" name="groups[]" value="1" />Espanhol<label for="groups-17"></label>

<input id="groups-17" type="checkbox" name="groups[]" value="17" />Inglês

</dd><dt id="f_2-label"><label for="f_2">Nome</label></dt><dd id="f_2-element"><input id="f_2" type="text" name="f_2" value="" /></dd><dt id="submit-label"> </dt><dd id="submit-element"><input id="submit" type="submit" name="submit" value="Assinar" /></dd></dl></form>

Em um momento, vamos analisar quais partes do código poderão ser modificadas, e como fazê-lo, porém primeiro, você precisa testar e colar o código onde planejou, ou seja, a área onde está agora o terceiro bloco:

Formulario de suscripción al boletín
Formulário de assinatura para a newsletter

Você deverá pesquisar no site a área do código que corresponde a este bloco, que neste caso é a seguinte:

1
2
3
4
5
6
7
8
9
10
11
12
<div>
<div>
 
<a href="#"><img src="img/portfolio6.jpg" alt="portfolio item 3" /></a>
 
</div>
<div>
<h5><a href="#">Project Three</a></h5>
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.
<div><a href="#">Read More</a></div>
</div>
</div>
<div>
<div>

<a href="#"><img src="img/portfolio6.jpg" alt="portfolio item 3" /></a>

</div>
<div>
<h5><a href="#">Project Three</a></h5>
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.
<div><a href="#">Read More</a></div>
</div>
</div>

Remova todo o código em excesso, e deixe-o da seguinte forma:

1
<div></div>
<div></div>

Dentro da tag div você deverá colar o código do formulário de Mailrelay:

1
2
3
4
5
6
7
8
9
10
11
<div>
 
Fill in the form below to subscribe.
 
<form action="http://joseargudo00.ip-zone.com/ccm/subscribe/index" method="post" enctype="application/x-www-form-urlencoded"><dl><dt id="name-label"><label for="name">Name</label></dt><dd id="name-element"><input id="name" type="text" name="name" value="" /></dd><dt id="email-label"><label for="email">Email</label></dt><dd id="email-element"><input id="email" type="text" name="email" value="" /></dd><dt id="groups-label"><label for="groups">Groups</label></dt><dd id="groups-element"> 
 
<input id="groups-1" type="checkbox" name="groups[]" value="1" />Espanhol<label for="groups-17"></label>
 
<input id="groups-17" type="checkbox" name="groups[]" value="17" />Inglês
 
</dd><dt id="f_2-label"><label for="f_2">Nome</label></dt><dd id="f_2-element"><input id="f_2" type="text" name="f_2" value="" /></dd><dt id="submit-label"> </dt><dd id="submit-element"><input id="submit" type="submit" name="submit" value="Assinar" /></dd></dl></form></div>
<div>

Fill in the form below to subscribe.

<form action="http://joseargudo00.ip-zone.com/ccm/subscribe/index" method="post" enctype="application/x-www-form-urlencoded"><dl><dt id="name-label"><label for="name">Name</label></dt><dd id="name-element"><input id="name" type="text" name="name" value="" /></dd><dt id="email-label"><label for="email">Email</label></dt><dd id="email-element"><input id="email" type="text" name="email" value="" /></dd><dt id="groups-label"><label for="groups">Groups</label></dt><dd id="groups-element"> 

<input id="groups-1" type="checkbox" name="groups[]" value="1" />Espanhol<label for="groups-17"></label>

<input id="groups-17" type="checkbox" name="groups[]" value="17" />Inglês

</dd><dt id="f_2-label"><label for="f_2">Nome</label></dt><dd id="f_2-element"><input id="f_2" type="text" name="f_2" value="" /></dd><dt id="submit-label"> </dt><dd id="submit-element"><input id="submit" type="submit" name="submit" value="Assinar" /></dd></dl></form></div>

Uma vez feito isso, você poderá ver o formulário anexado ao seu site:

Formulario de suscripción al boletín
Formulário de assinatura para a newsletter

Como você pode ver, dependendo dos estilos CSS da página, o formulário será melhor ou pior visualizado. O código padrão que foi copiado do painel de Mailrelay é genérico e não tem estilo, você precisará adaptá-lo de acordo com as suas  necessidades. Você precisará fazer as coisas devagar, primeiro remova os campos que você não precisa, o segundo campo nome que foi definido como um campo personalizado, e vamos fazer algumas traduções:

1
2
3
4
5
6
7
8
9
10
11
12
13
<div>
 
Assine a nossa newsletter!
 
<form action="http://joseargudo00.ip-zone.com/ccm/subscribe/index" method="post" enctype="application/x-www-form-urlencoded"><dl><dt id="name-label"><label for="name">Nome</label></dt><dd id="name-element"><input id="name" type="text" name="name" value="" /></dd><dt id="email-label"><label for="email">Email:</label></dt><dd id="email-element"><input id="email" type="text" name="email" value="" /></dd><dt></dt></dl>Grupos aos quais você deseja se inscrever:
 
<dl><dd id="groups-element"> 
 
<input id="groups-1" type="checkbox" name="groups[]" value="1" />Espanhol<label for="groups-17"></label>
 
<input id="groups-17" type="checkbox" name="groups[]" value="17" />Inglês
 
</dd><dd id="submit-element"><input id="submit" type="submit" name="submit" value="Assinar" /></dd></dl></form></div>
<div>

Assine a nossa newsletter!

<form action="http://joseargudo00.ip-zone.com/ccm/subscribe/index" method="post" enctype="application/x-www-form-urlencoded"><dl><dt id="name-label"><label for="name">Nome</label></dt><dd id="name-element"><input id="name" type="text" name="name" value="" /></dd><dt id="email-label"><label for="email">Email:</label></dt><dd id="email-element"><input id="email" type="text" name="email" value="" /></dd><dt></dt></dl>Grupos aos quais você deseja se inscrever:

<dl><dd id="groups-element"> 

<input id="groups-1" type="checkbox" name="groups[]" value="1" />Espanhol<label for="groups-17"></label>

<input id="groups-17" type="checkbox" name="groups[]" value="17" />Inglês

</dd><dd id="submit-element"><input id="submit" type="submit" name="submit" value="Assinar" /></dd></dl></form></div>

Uma vez feito isso, você deverá introduzir um pequeno código CSS para separar os campos, que é:

1
<div></div>
<div></div>

Acrescentado isto, o código ficará como se segue:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<div>
 
Assine a nossa newsletter!
 
<form action="http://joseargudo00.ip-zone.com/ccm/subscribe/index" method="post" enctype="application/x-www-form-urlencoded"><dl><dt id="name-label"><label for="name">Nome:</label></dt><dd id="name-element"><input id="name" type="text" name="name" value="" /></dd></dl>
<div></div>
<dl><dt id="email-label"><label for="email">Email:</label></dt><dd id="email-element"><input id="email" type="text" name="email" value="" /></dd></dl>
<div></div>
Grupos aos quais você deseja se inscrever:
 
<dl><dt id="groups-label"></dt><dd id="groups-element"> 
 
<input id="groups-1" type="checkbox" name="groups[]" value="1" /> Espanhol<label for="groups-17"></label>
 
<input id="groups-17" type="checkbox" name="groups[]" value="17" />Inglês
 
</dd><dd id="submit-element"><input id="submit" type="submit" name="submit" value="Suscribirse" /></dd></dl></form></div>
<div>

Assine a nossa newsletter!

<form action="http://joseargudo00.ip-zone.com/ccm/subscribe/index" method="post" enctype="application/x-www-form-urlencoded"><dl><dt id="name-label"><label for="name">Nome:</label></dt><dd id="name-element"><input id="name" type="text" name="name" value="" /></dd></dl>
<div></div>
<dl><dt id="email-label"><label for="email">Email:</label></dt><dd id="email-element"><input id="email" type="text" name="email" value="" /></dd></dl>
<div></div>
Grupos aos quais você deseja se inscrever:

<dl><dt id="groups-label"></dt><dd id="groups-element"> 

<input id="groups-1" type="checkbox" name="groups[]" value="1" /> Espanhol<label for="groups-17"></label>

<input id="groups-17" type="checkbox" name="groups[]" value="17" />Inglês

</dd><dd id="submit-element"><input id="submit" type="submit" name="submit" value="Suscribirse" /></dd></dl></form></div>

Ao aplicar este código, o seu formulário ficará parecido com este:

Formulario de suscripción al boletín
Formulário de assinatura para a newsletter

Se você quiser, poderá remover uma das duas opções de grupos de assinatura. No caso de você ter listas de e-mail internas, funcionários, diretoria, gestão comercial, por exemplo, e você não deseja que os seus clientes possam se inscrever para estas listas. Suponha que você não deseja que seus clientes possam se inscrever para o grupo “Inglês”. Nesse caso, você deveria eliminar o seguinte código:

1
2
3
 
 
<input id="groups-17" type="checkbox" name="groups[]" value="17" />Inglês
 

<input id="groups-17" type="checkbox" name="groups[]" value="17" />Inglês

E finalmente o código do formulário de assinatura para as newsletters ficaria da seguinte forma:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<div>
 
Assine a nossa newsletter!
 
<form action="http://joseargudo00.ip-zone.com/ccm/subscribe/index" method="post" enctype="application/x-www-form-urlencoded"><dl><dt id="name-label"><label for="name">Nome:</label></dt><dd id="name-element"><input id="name" type="text" name="name" value="" /></dd></dl>
<div></div>
<dl><dt id="email-label"><label for="email">Email:</label></dt><dd id="email-element"><input id="email" type="text" name="email" value="" /></dd></dl>
<div></div>
Grupos aos quais você deseja se inscrever:
 
<dl><dt id="groups-label"></dt><dd> 
 
<input id="groups-1" type="checkbox" name="groups[]" value="1" /> Espanhol
 
</dd><dd id="submit-element"><input id="submit" type="submit" name="submit" value="Assinar" /></dd></dl></form></div>
<div>

Assine a nossa newsletter!

<form action="http://joseargudo00.ip-zone.com/ccm/subscribe/index" method="post" enctype="application/x-www-form-urlencoded"><dl><dt id="name-label"><label for="name">Nome:</label></dt><dd id="name-element"><input id="name" type="text" name="name" value="" /></dd></dl>
<div></div>
<dl><dt id="email-label"><label for="email">Email:</label></dt><dd id="email-element"><input id="email" type="text" name="email" value="" /></dd></dl>
<div></div>
Grupos aos quais você deseja se inscrever:

<dl><dt id="groups-label"></dt><dd> 

<input id="groups-1" type="checkbox" name="groups[]" value="1" /> Espanhol

</dd><dd id="submit-element"><input id="submit" type="submit" name="submit" value="Assinar" /></dd></dl></form></div>

E teria o seguinte aspecto:

Formulario de suscripción al boletín
Formulário de assinatura para a newsletter

Como vimos até agora, é muito fácil criar, personalizar e inserir no seu  site, um formulário de assinatura para as suas newsletters, com todas as comodidades oferecidas por Mailrelay. Você poderá modificá-lo como quiser, usando estilos CSS e HTML, mas sempre lembrando que, pelo menos, você precisará ter:

– O nome

– O email

– Um grupo

Para que o registro seja eficaz, sem estes dados básicos, o registro não iria funcionar na sua lista de e-mail marketing. Assim que  os visitantes do seu site se registrem, seus clientes verão uma janela semelhante à seguinte:

Formulario de suscripción al boletín
Formulário de assinatura para a newsletter

Claro que, nesta janela, o cliente irá ver o logotipo que você salvou através do painel de Mailrelay. Com esta informação, terminamos o tutorial, esperamos que este recurso seja útil para todos vocês.


Suscríbete y accede al ebook privado:
Cómo enviar correos masivos sin ser SPAM







Acepto la política de privacidad.



Comentários

  1. andres

    Hola!!
    Cómo puedo quitar la confirmación de suscripción? para que el leds una vez diligencie el formulario ingreses directo al grupo y no tenga que ir hasta el correo para confirmar. Este paso reduce baste la conversión de leds. Gracias

    14/11/2019 - 05:17:13 Publicar una respuesta
    • Mailrelay

      Buenos días Andrés. Haciendo eso lo único que conseguirás será tener un buen número de registros falsos, y por lo tanto, no se permite en Mailrelay.

      14/11/2019 - 07:28:47 Publicar una respuesta
  2. 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
  3. 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
  4. 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
  5. 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
  6. 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
  7. 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
  8. 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
  9. 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
  10. 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
  11. 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

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *


Menu Title