Esta semana os quiero hablar acerca de Mailchimp y cómo integrar un formulario de suscripción en nuestra página de Facebook. Para aquellos que no conozcan qué es Mailchimp, os cuento…
Mailchimp es una aplicación gratuita en la que puedes crear listas de bases de datos de correos electrónicos y hacer envíos de Email Marketing a dichas listas con una serie de templates o plantillas, además de poder diseñar tu mismo tu propio correo. Sirve tanto para la creación de newsletters como de envíos puntuales de correos promocionales para tu negocio o Blog.
Con Mailchimp, puedes personalizar también la persona a la que se dirige el correo, por lo que el que lo reciba verá cómo ‘has’ personalizado el correo y le resultará más interesante.
Pues bien, si todavía no tenemos una base de correos electrónicos y lo que queremos es que nuestros clientes o seguidores empiecen a dejarnos su correo para informarles acerca de las novedades o promociones puntuales que tenemos,a sí como de las noticias que han ocurrido durante el mes o semana anteriores, debemos crear un formulario de suscripción. ¿Y qué mejor forma que colocarlo en nuestra página de empresa de Facebook?
En este Post, os cuento cómo hacerlo.
Lo primero que debes crear es una cuenta gratuita en Mailchimp desde: www.mailchimp.com
Una vez has confirmado la cuenta en tu correo, puedes acceder directamente al escritorio. Tendrás varios apartados, pero para empezar, debemos crear una Lista desde el apartado ‘Lists’. Le daremos un nombre (según a lo que vaya ir destinada dicha lista) y si ya tenemos algunos correos electrónicos, podemos añadirlos uno a uno desde el símbolo + o importarlos directamente desde un excel o .csv, además de copiar-pegar directamente desde un excel, como más cómo sea.
Si no tenemos ninguna lista de correo, podemos dejarla en blanco, sin ningún suscriptor.
Una vez que hemos creado la lista, tenemos la opción de crear un formulario de suscripción personalizado, ya sea para insertar a través de código html en cualquier post o web, o crear una url con dicho formulario. Ambas cosas las podemos hacer desde la opción de la lista ‘Signup Forms’.
Al crearlo, ya tendremos disponible el Integrar un formulario de Mailchimp para la página de Facebook. Debemos pulsar sobre nuestro Nombre > Account settings > Extras > Integrations
Y ahí accederemos a la página desde la que podemos integrar un gran número de Redes Sociales y otras aplicaciones para conseguir sacarle mucho más partido a nuestras campañas de correo electrónico así como conseguir más suscriptores.
En este caso, elegimos Facebook y debemos asociar nuestra cuenta personal (o con la que administremos la página a la que queramos poner el formulario) y seleccionar cual es la página de empresa en Facebook en la que queremos crear la nueva pestaña (o widget) desde la que nuestros seguidores se pueden inscribir a la Newsletter o lista de correo. Seleccionamos el formulario que hemos creado anteriormente, y voilà! Al ir a nuestra página de facebook veremos cómo se ha creado esta nueva pestaña, la podemos colocar en el lugar que queramos y nuestros seguidores podrán inscribirse.
Además, cómo os he dicho antes, podréis integrar ese mismo formulario, ligado a la misma lista, en cualquier post o lugar de tu página web a través de el código html que nos ofrecen desde Mailchimp. Quedaría como el que os dejo aquí debajo, en el que podéis dejar vuestro correo para recibir la newsletter que envío a final de mes con el resumen de los 4 post del mes:
¿Quieres recibir la Newsletter del mes?
Email Address
var mce_preload_checks = 0;
function mce_preload_check(){
if (mce_preload_checks>40) return;
mce_preload_checks++;
try {
var jqueryLoaded=jQuery;
} catch(err) {
setTimeout('mce_preload_check();', 250);
return;
}
try {
var validatorLoaded=jQuery("#fake-form").validate({});
} catch(err) {
setTimeout('mce_preload_check();', 250);
return;
}
mce_init_form();
}
function mce_init_form(){
jQuery(document).ready( function($) {
var options = { errorClass: 'mce_inline_error', errorElement: 'div', onkeyup: function(){}, onfocusout:function(){}, onblur:function(){} };
var mce_validator = $("#mc-embedded-subscribe-form").validate(options);
$("#mc-embedded-subscribe-form").unbind('submit');//remove the validator so we can get into beforeSubmit on the ajaxform, which then calls the validator
options = { url: 'http://elenamariel.us7.list-manage1.com/subscribe/post-json?u=f9a23f7b686ebb15bbf00342b&id=45b2a6cf07&c=?', type: 'GET', dataType: 'json', contentType: "application/json; charset=utf-8",
beforeSubmit: function(){
$('#mce_tmp_error_msg').remove();
$('.datefield','#mc_embed_signup').each(
function(){
var txt = 'filled';
var fields = new Array();
var i = 0;
$(':text', this).each(
function(){
fields[i] = this;
i++;
});
$(':hidden', this).each(
function(){
var bday = false;
if (fields.length == 2){
bday = true;
fields[2] = {'value':1970};//trick birthdays into having years
}
if ( fields[0].value=='MM' && fields[1].value=='DD' && (fields[2].value=='YYYY' || (bday && fields[2].value==1970) ) ){
this.value = '';
} else if ( fields[0].value=='' && fields[1].value=='' && (fields[2].value=='' || (bday && fields[2].value==1970) ) ){
this.value = '';
} else {
if (/\[day\]/.test(fields[0].name)){
this.value = fields[1].value+'/'+fields[0].value+'/'+fields[2].value;
} else {
this.value = fields[0].value+'/'+fields[1].value+'/'+fields[2].value;
}
}
});
});
return mce_validator.form();
},
success: mce_success_cb
};
$('#mc-embedded-subscribe-form').ajaxForm(options);
});
}
function mce_success_cb(resp){
$('#mce-success-response').hide();
$('#mce-error-response').hide();
if (resp.result=="success"){
$('#mce-'+resp.result+'-response').show();
$('#mce-'+resp.result+'-response').html(resp.msg);
$('#mc-embedded-subscribe-form').each(function(){
this.reset();
});
} else {
var index = -1;
var msg;
try {
var parts = resp.msg.split(' - ',2);
if (parts[1]==undefined){
msg = resp.msg;
} else {
i = parseInt(parts[0]);
if (i.toString() == parts[0]){
index = parts[0];
msg = parts[1];
} else {
index = -1;
msg = resp.msg;
}
}
} catch(e){
index = -1;
msg = resp.msg;
}
try{
if (index== -1){
$('#mce-'+resp.result+'-response').show();
$('#mce-'+resp.result+'-response').html(msg);
} else {
err_id = 'mce_tmp_error_msg';
html = '
'+msg+'
';
var input_id = '#mc_embed_signup';
var f = $(input_id);
if (ftypes[index]=='address'){
input_id = '#mce-'+fnames[index]+'-addr1';
f = $(input_id).parent().parent().get(0);
} else if (ftypes[index]=='date'){
input_id = '#mce-'+fnames[index]+'-month';
f = $(input_id).parent().parent().get(0);
} else {
input_id = '#mce-'+fnames[index];
f = $().parent(input_id).get(0);
}
if (f){
$(f).append(html);
$(input_id).focus();
} else {
$('#mce-'+resp.result+'-response').show();
$('#mce-'+resp.result+'-response').html(msg);
}
}
} catch(e){
$('#mce-'+resp.result+'-response').show();
$('#mce-'+resp.result+'-response').html(msg);
}
}
}
// ]]>En un próximo Post os enseñaré cómo crear campañas de Email Marketing desde Mailchimp y cómo leer los reports y estadísticas que nos ofrece la aplicación, para conocer así el estado del envío de nuestra campaña de correo electrónico, los que la han abierto, los correos que no han sido abiertos, los devueltos, países dónde se han abierto,…
Hasta pronto!
Elena
Compartir con Facebook
¡Compártelo en Twitter!
Compartir con LinkedIn
Compartir con Google+
Pin this to Pinterest
Email this via Gmail
Blog this on Blogger
Clip this to Evernote
Compartir con del.icio.us
Email this via Hotmail
Enviar a Meneame
Compartir con Tumblr
Promote this on Orkut