Suscriptores

Conceptos básicos #

Clerk.io admite el alojamiento de tus suscriptores, así como la creación de listas de destinatarios para diversos fines de campañas de email.

Un suscriptor es una dirección de email con el atributo subscribed: true, lo que permite que Clerk.io les envíe email marketing.

Estado del suscriptor #

La vista de Clientes muestra el estado actual de suscripción para cada cliente en la columna Estado del suscriptor. Clerk.io utiliza tres estados:

• Suscrito — suscriptor confirmado.
• Dado de baja — se ha dado de baja.
• No suscrito — no está marcado como suscriptor confirmado.

Para plataformas basadas en plugins, utiliza el módulo más reciente de Clerk.io para informar el estado del suscriptor. En plataformas sin plugins, el estado del suscriptor funciona directamente.

Gestión de suscriptores #

Al igual que con otros proveedores de email, Clerk.io te permite hacer seguimiento de tus suscriptores y crear listas de destinatarios para distintos propósitos de campañas de email.

Suscribirse #

Los destinatarios se suscriben globalmente, lo que les permite recibir email marketing de todas las campañas de Clerk que configures.

Además de esto, pueden optar por recibir email marketing específico suscribiéndose a Listas. Estas listas pueden basarse en lo que elijas, como Black Friday, grandes ofertas, categorías, y más.

Las listas que crees se pueden usar luego en Newsletters y campañas de IA, igual que las Audiencias. Esto te permite hacer tu marketing aún más relevante, ya que los suscriptores tomaron una decisión activa al suscribirse a una lista.

Suscribirse mediante formularios #

La forma más sencilla para que los visitantes se suscriban a tus newsletters es a través de formularios de registro, que son campos de entrada ubicados en lugares estratégicos de tu sitio web, permitiendo a los clientes añadir su dirección de email a tu email marketing.

Para un ejemplo inicial, revisa el formulario global de registro más abajo en este artículo.

Si tu mercado requiere consentimiento confirmado, puedes pedir a los nuevos suscriptores que confirmen su email antes de recibir newsletters. Consulta Doble opt-in en la guía de configuración de Email.

Suscribirse vía API #

Si deseas integrar la función de suscripción en una app u otro entorno personalizado, lo puedes hacer utilizando el endpoint de API llamado subscriber/subscribe. Lee más sobre esto en la documentación de la API aquí.

Darse de baja #

Es importante facilitar que los destinatarios se den de baja si ya no desean recibir tu email marketing. En Clerk esto se puede hacer mediante un enlace tradicional o manualmente en my.clerk.io

Enlace en el Email #

Esta es la forma clásica de darse de baja mediante un enlace al final de tus emails.

Si tu diseño fue hecho en el Editor de Diseños, simplemente añade un componente Unsubscribe al final de tu email.

Si tu diseño fue hecho con código, puedes usar el siguiente endpoint de la API como enlace para darse de baja:

<a href="https://api.clerk.io/v2/subscriber/unsubscribe?key=INSERT_API_KEY&email={{ email }}&redirect=true">Unsubscribe</a>

Sustituye INSERT_API_KEY por la Public Key de my.clerk.io > Developers > API Keys.

Este endpoint de API también puede utilizarse en entornos personalizados si prefieres usar solo API.

Darse de baja manualmente #

Puedes dar de baja cualquier dirección de email manualmente en Email > Subscribers > All Emails buscándola, haciendo clic en el icono de unsubscribe a la derecha del email, escribiendo la dirección de email para confirmar y haciendo clic en Unsubscribe.

También puedes dar de baja una dirección de email de una lista, manteniéndola suscrita en otros lugares. Desde Email > Subscribers > Lists, utiliza el campo de búsqueda para encontrar el suscriptor y haz clic en el X a la derecha.

Sincronizar existentes #

Si ya tienes suscriptores en otra plataforma, probablemente quieras sincronizarlos con Clerk.io para no comenzar desde cero. Hay varias maneras de hacer esto.

Subida de CSV única #

Este método de importación incorporado te permite enviar un archivo CSV de clientes, que incluya el atributo subscribed: true

Consulta aquí cómo estructurar el archivo CSV

Con una integración #

Puedes sincronizar suscriptores desde plataformas de email conocidas como Mailchimp, Klaviyo y más. Estas se pueden configurar desde Settings > Integrations..

Una vez configuradas, accede a Email > Configuration. y activa la integración que deseas usar, en la sección Sync subscribers.

Después, si quieres alojar los suscriptores únicamente en Clerk.io, simplemente elimina la integración después de la primera sincronización.

Con un feed de datos #

Cuando usas un feed de datos para tus productos, categorías y más, puedes incluir a tus suscriptores enviando una lista de clientes que incluya su dirección de email y subscribed: true como atributo.

Consulta la sintaxis en la documentación aquí

Como ocurre con las integraciones, puedes eliminarlos del feed tras la sincronización inicial.

Monitorizar tus suscriptores #

Úsalo para mantener una visión global de si tu email marketing te está dando más o menos suscriptores, para que puedas tomar las decisiones de negocio correctas y mantener a tus destinatarios comprometidos.

Formularios de suscriptores #

Esto es solo un punto de partida. Es posible que necesites un desarrollador para adaptarlo a tus necesidades.

Una excelente manera de conseguir nuevos suscriptores es añadir una forma sencilla para que puedan registrarse a los newsletters directamente desde tu sitio web. Puedes crear tus propios formularios de suscripción utilizando la API de Clerk para registrar los nuevos suscriptores.

A continuación encontrarás un ejemplo que te ayudará a empezar. El formulario de registro tendrá este aspecto por defecto:

Formulario de Registro Global #

Este formulario permitirá a los visitantes registrarse para todos los emails enviados desde Clerk. Copia el siguiente código de inserción y colócalo en tu tienda online donde desees que aparezca:

<div class="clerk-sign-up">
   <h2 class="clerk-sign-up-headline">Sign up now!</h2>
   <div class="clerk-sign-up-subtitle">Get personal offers and stay up-to-date with trends.</div>
   <div class="clerk-input-wrapper">
      <input type="text" id="clerk-add-subscriber-input" placeholder="Enter your email"></input>
      <button id="clerk-add-subscriber-btn" onclick="add_subscriber()">Subscribe</button>
   </div>
   <div id="clerk-subscribe-message"></div>
</div>

<script>
   function add_subscriber(){
      var clerk_btn = document.getElementById("clerk-add-subscriber-btn");
      var clerk_input = document.getElementById("clerk-add-subscriber-input");
      var clerk_message = document.getElementById("clerk-subscribe-message");
      Clerk("call","subscriber/subscribe", {
         email: clerk_input.value
      },
      function(response){
         clerk_message.style.color = "#008001";
         clerk_message.innerText = "You are now subscribed!";
         clerk_btn.innerText = "Subscribed!";
         clerk_btn.style.opacity = "0.5";
         clerk_btn.disabled = true;
      },
      function(response) {
         clerk_message.style.color = "#EE360E";
         clerk_message.innerText = "Could not subscribe. Please try again.";
      }
   );
}
</script>
<style>
   #clerk-add-subscriber-input {
      height: 28px;
      width: 50%;
      padding: 0px 0px 0px 6px;
      border: 1px solid #D3D3D3;
   }

   #clerk-add-subscriber-btn {
      height: 30px;
      width: auto;
      background-color: #008001;
      border: 1px solid #008001;
      color: white;
      cursor: pointer;
   }

   #clerk-subscribe-message {
      height: 20px;
      margin: auto;
      text-align: center;
   }

   .clerk-sign-up {
      width: 50%;
      padding: 60px 0px 60px 0px;
      max-width: 800px;
      min-width: 500px;
      margin: 40px auto 40px auto;
      background-color: #FEFAF4;
   }

   .clerk-sign-up-headline {
      margin: 0px 14px 14px 14px;
      text-align: center;
   }

   .clerk-sign-up-subtitle {
      margin: 14px 14px 28px 14px;
      text-align: center;
      color: #808080;
   }

   .clerk-input-wrapper {
      margin: 10px auto 10px auto;
      text-align: center;
   }

   .clerk-input-label {
      margin: 5px 0px 5px 0px;
   }
</style>

Formulario de registro para Lista #

Si quieres registrar destinatarios en una lista específica, el código del ejemplo anterior se puede ampliar con un parámetro list_id en la parte de configuración Clerk del script.

El List ID se puede encontrar en my.clerk.io > Email > Subscribers > Lists en el lado izquierdo de cada lista.

Aquí tienes una configuración de ejemplo:

...
Clerk("call","subscriber/subscribe", {
   email: clerk_input.value,
   list_id: "FSY27248"
},
...