Suscriptores

Conceptos básicos #

Clerk.io admite alojar a tus suscriptores, así como crear listas de destinatarios para varios propósitos 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 de suscriptor #

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

• Subscribed — suscriptor confirmado.
• Unsubscribed — dado de baja.
• Not subscribed — no marcado como suscriptor confirmado.

Para las plataformas basadas en plugin, 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 #

Como con otros proveedores de email, Clerk.io te permite realizar un seguimiento de tus suscriptores y crear listas de destinatarios para varios propósitos de campañas de email.

Suscribirse #

Los destinatarios se suscriben globalmente, permitiendo que reciban email marketing de todas las Campañas de Clerk que configures.

Además de esto, pueden optar por recibir emails específicos suscribiéndose a Listas. Estas Listas pueden basarse en cualquier criterio que elijas, como Black Friday, grandes ofertas, categorías y más.

Las Listas que crees luego pueden usarse en Newsletters y Campañas AI, igual que las Audiencias. Esto te permite hacer tu marketing aún más relevante, ya que los suscriptores toman una decisión activa al suscribirse a una Lista.

Suscripción mediante formularios #

La forma más sencilla para que los visitantes se suscriban a tus newsletters es mediante 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 tus campañas de email marketing.

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

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

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 API llamado subscriber/subscribe. Lee más sobre esto en la documentación de la API aquí.

Cancelar suscripción #

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

Enlace en email #

Esta es la forma clásica de darse de baja mediante un enlace en la parte inferior de tus emails.

Si tu diseño fue hecho en el Design Editor, simplemente agrega un componente Unsubscribe al final de tu email.

Si tu diseño fue hecho con código, puedes usar el siguiente endpoint de 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>

Reemplaza INSERT_API_KEY con la Public Key de my.clerk.io > Developers > API Keys.

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

Baja manual #

Puedes dar de baja cualquier dirección de email manualmente en Email > Subscribers > All Emails buscándola, haciendo clic en el icono de baja a la derecha del email, escribiendo la dirección 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 formas de hacerlo.

Carga única de CSV #

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 pueden configurarse desde Settings > Integrations..

Una vez configuradas, ve a Email > Configuration. y activa la integración que desees usar, bajo Sync subscribers.

Después, si quieres alojar a los suscriptores solo en Clerk.io, solo tienes que eliminar la integración tras 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 clientes que contenga su dirección de email y subscribed: true como atributo.

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.

Monitorización de tus suscriptores #

El panel bajo Email > Subscribers te da una excelente visión de cómo cambia tu base de suscriptores con el tiempo.

Úsalo para mantener una visión general de si tus campañas de email te están dando más o menos suscriptores, para tomar las decisiones de negocio correctas y mantener a tus destinatarios comprometidos.

Formularios de suscripción #

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

Una excelente forma de conseguir nuevos suscriptores es añadir un método sencillo para que se apunten a newsletters, directamente desde tu sitio web. Puedes crear formularios de suscripción utilizando la API de Clerk para gestionar los nuevos suscriptores.

Los siguientes ejemplos muestran cómo añadir un formulario de suscripción a tu tienda online. Puedes modificar el texto y el estilo para adaptarlos a tu sitio.

Formulario de suscripción global #

Este formulario registrará a los visitantes para todos los emails enviados desde Clerk. Copia el siguiente código y pégalo donde desees que aparezca en tu tienda online:

<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 suscripción a lista #

Si quieres registrar destinatarios en una lista específica, el código de ejemplo anterior puede ampliarse añadiendo un parámetro list_id en la configuración de Clerk en el script.

El List ID puede encontrarse 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"
},
...