Suscriptores

Conceptos básicos #

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

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

Gestión de suscriptores #

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

Suscripción #

Los destinatarios se suscriben de forma global, 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 cualquier cosa que elijas, como Black Friday, grandes ofertas, categorías y más.

Las Listas que creas pueden usarse en Newsletters y Campañas de IA, al igual que las Audiencias. Esto te permite hacer que tu marketing sea aún más relevante, ya que los suscriptores han tomado la decisión activa de suscribirse a una Lista.

Suscripción con formularios #

La forma más fácil para que los visitantes se suscriban a tus newsletters es a través de formularios de suscripción, que son campos de entrada atractivos ubicados en lugares estratégicos de tu sitio web, lo que permite a los clientes agregar su dirección de correo electrónico a tu email marketing.

Para un ejemplo básico, consulta el formulario de suscripción global más abajo en este artículo.

Suscripción vía API #

Si deseas incorporar la función de suscripción en una app u otra configuración personalizada, esto puede hacerse con el endpoint de la API llamado subscriber/subscribe. Lee más sobre esto en la documentación de la API aquí.

Cancelación de suscripción #

Es importante que los destinatarios puedan darse de baja fácilmente si ya no desean recibir tu email marketing. En Clerk, esto puede hacerse mediante un enlace tradicional o manualmente a través de my.clerk.io

Enlace en el Email #

Esta es la forma clásica de cancelar la suscripción mediante un enlace en la parte inferior de tus emails.

Si tu diseño fue creado en el Editor de Diseño, simplemente añade un componente Unsubscribe al final de tu correo electrónico.

Si tu diseño fue creado con código, puedes usar el siguiente endpoint de la API como enlace para cancelar la suscripción:

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

Reemplaza INSERT_API_KEY con la Clave Pública de my.clerk.io > Developers > API Keys.

Este endpoint también puede usarse en configuraciones personalizadas si quieres usar solo la API.

Cancelar suscripción manualmente #

Puedes cancelar la suscripción de cualquier dirección de correo electrónico manualmente en Email > Subscribers > All Emails buscándola, haciendo clic en el icono de cancelación de suscripción a la derecha del email, escribiendo la dirección para confirmar y haciendo clic en Unsubscribe.

También puedes cancelar la suscripción de una dirección de correo electrónico a una lista específica, manteniéndola suscrita en otros lugares. Desde Email > Subscribers > Lists, utiliza el campo de búsqueda para encontrar al suscriptor y haz clic en X a la derecha.

Sincronizando existentes #

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

Carga única de CSV #

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

Consulta cómo estructurar el archivo CSV aquí

Con una integración #

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

Una vez configuradas, ve a Email > Configuration. y habilita la integración que quieras usar, en Sync subscribers.

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

Con un feed de datos #

Cuando uses un feed de datos para tus productos, categorías y más, puedes incluir tus suscriptores enviando una lista de customers que incluya su dirección de correo electrónico y el atributo subscribed: true.

Consulta la sintaxis en la documentación aquí

Al igual que con las Integraciones, puedes eliminarlos del feed después de la sincronización inicial.

Monitoreo de tus suscriptores #

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

Formularios de suscripción #

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 de que se apunten a newsletters directamente desde tu web. Puedes construir tus propios formularios de suscripción utilizando la API de Clerk para rastrear los nuevos suscriptores.

A continuación encontrarás un ejemplo sobre cómo hacerlo, para que puedas empezar. El formulario de suscripción se verá así de fábrica:

Formulario global de suscripción #

Este formulario suscribirá a los visitantes a todos los correos enviados desde Clerk. Copia el código de inserción de abajo e introdúcelo en tu tienda donde quieras que aparezca:

<div class="clerk-sign-up">
   <h2 class="clerk-sign-up-headline">¡Regístrate ahora!</h2>
   <div class="clerk-sign-up-subtitle">Recibe ofertas personalizadas y mantente al día con las tendencias.</div>
   <div class="clerk-input-wrapper">
      <input type="text" id="clerk-add-subscriber-input" placeholder="Introduce tu 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 = "¡Ahora estás suscrito!";
         clerk_btn.innerText = "¡Suscrito!";
         clerk_btn.style.opacity = "0.5";
         clerk_btn.disabled = true;
      },
      function(response) {
         clerk_message.style.color = "#EE360E";
         clerk_message.innerText = "No se pudo suscribir. Por favor, inténtalo de nuevo.";
      }
   );
}
</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 suscripción a lista #

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

El ID de la Lista se encuentra 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"
},
...