Configurar Mailchimp en Blogger
Lo primero que necesitas hacer es iniciar sesi贸n o registrar una cuenta nueva en Mailchimp.
Paso 1: Iniciar sesi贸n o registrar cuenta
Dir铆gete a https://login.mailchimp.com/ y crea una nueva cuenta si no tienes una, o inicia sesi贸n con tus credenciales si ya tienes una cuenta.
Paso 2: Crear un formulario de registro
Una vez que est茅s dentro de tu cuenta, ve al men煤 izquierdo, haz clic en "P煤blico", luego selecciona "Formulario de registro" y da clic en "Crear uno nuevo".
Paso 3: Seleccionar tipo de formulario
Te recomendamos elegir la opci贸n de formulario emergente (popup), ya que este tipo de formulario suele tener mayor efectividad y engagement, es decir, atrae m谩s la atenci贸n de los usuarios y aumenta las conversiones. Sin embargo, debes tener en cuenta que esta opci贸n puede afectar el puntaje de page speed y la velocidad de carga de tu sitio web, lo que podr铆a impactar la experiencia del usuario y el SEO. Si prefieres priorizar la velocidad de carga, puedes optar por un formulario incrustado, que tiene un menor impacto en el rendimiento pero genera un menor nivel de interacci贸n.
C贸digo de formulario emergente
Si eliges el formulario emergente, el c贸digo a utilizar es el siguiente:
<script defer='defer'>
//<![CDATA[
setTimeout(function() {
var script = document.createElement('script');
script.id = 'mcjs';
script.async = true;
script.src = 'https://chimpstatic.com/mcjs-connected/js/users/29926bc9b74d9836b3aec932a/0118f3c6b9e1df67ffa5f051c.js';
document.body.appendChild(script);
}, 5000); // Retraso de 5 segundos
//]]>
</script>
Formulario incrustado
Tambi茅n puedes optar por un formulario incrustado. El c贸digo de ejemplo ser铆a el siguiente:
<div id="mc_embed_shell">
<link href="//cdn-images.mailchimp.com/embedcode/classic-061523.css" rel="stylesheet" type="text/css">
<style type="text/css">
#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; width: 600px;}
</style>
<div id="mc_embed_signup">
<form action="https://kolectiva.us8.list-manage.com/subscribe/post?u=29926bc9b74d9836b3aec932a&id=b0c24b4646&f_id=0053cce1f0" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank">
<div id="mc_embed_signup_scroll">
<h2>Suscribir</h2>
<div class="indicates-required"><span class="asterisk">*</span> indica que es obligatorio</div>
<div class="mc-field-group">
<label for="mce-EMAIL">Direcci贸n de correo electr贸nico <span class="asterisk">*</span></label>
<input type="email" name="EMAIL" class="required email" id="mce-EMAIL" required="" value="">
</div>
<div class="mc-field-group">
<label for="mce-FNAME">Nombre</label>
<input type="text" name="FNAME" class=" text" id="mce-FNAME" value="">
</div>
<div id="mce-responses" class="clear foot">
<div class="response" id="mce-error-response" style="display: none;"></div>
<div class="response" id="mce-success-response" style="display: none;"></div>
</div>
<div aria-hidden="true" style="position: absolute; left: -5000px;">
<input type="text" name="b_29926bc9b74d9836b3aec932a_b0c24b4646" tabindex="-1" value="">
</div>
<div class="optionalParent">
<div class="clear foot">
<input type="submit" name="subscribe" id="mc-embedded-subscribe" class="button" value="Subscribe">
<p style="margin: 0px auto;">
<a href="http://eepurl.com/i4lEcU" title="Mailchimp: marketing por correo electr贸nico f谩cil y divertido">
<img class="refferal_badge" src="https://digitalasset.intuit.com/render/content/dam/intuit/mc-fe/en_us/images/intuit-mc-rewards-text-dark.svg" alt="Intuit Mailchimp" style="width: 220px; height: 40px; display: flex; padding: 2px 0px; justify-content: center; align-items: center;">
</a>
</p>
</div>
</div>
</div>
</form>
</div>
</div>
Insertar el formulario en Blogger
En nuestra plataforma Kolectiva, puedes insertar cualquiera de estos c贸digos en el 谩rea de widgets de tu blog y se mostrar谩 inmediatamente.
Consideraciones finales
Recuerda que puedes elegir tener solo uno de los formularios o ambos, seg煤n tus necesidades y prioridades. Si optas por tener ambos, puedes configurar el formulario emergente para que se muestre solo en ciertas p谩ginas o bajo ciertas condiciones, asegurando que no afecte demasiado la experiencia de navegaci贸n del usuario.
Para m谩s detalles, revisa estos art铆culos adicionales:
