FAQ

Gestión de precios por grupo de clientes #

La configuración de precios por grupo de clientes consta de 2 pasos:

1. Realizar una sincronización completa entre Clerk.io y BigCommerce.

2. Proporcionar un contexto de precio al mostrar el contenido en la página.

1. Realizar una Sincronización Completa #

Al realizar una sincronización completa entre Clerk.io y BigCommerce, Clerk.io almacenará los diferentes precios por grupo de clientes y las reglas de precios que están activas para la tienda.

Estas reglas se almacenarán por separado para cada producto y se utilizarán al mostrar el producto en el sitio web. Estas reglas también solo se actualizarán cuando se realice una sincronización completa.

2. Proporcionar un Contexto de Precio #

Al mostrar el producto en el sitio web, necesitas proporcionar un contexto de precio a Clerk.io. Esto se puede hacer proporcionando el ID del grupo de clientes del cliente actual o proporcionando su dirección de correo electrónico o ID de cliente.

El contexto de precio se puede proporcionar en los atributos html para la etiqueta de anclaje del contenido en sí, o se puede proporcionar como parte de la llamada a Clerk(‘config’, …).

Aquí hay algunos ejemplos de cómo se vería este código si se proporciona en la etiqueta de anclaje.

<span
  class="clerk"
  data-template="@content-1"
  data-price_context='{"customer":{"email": "support@clerk.io"}}'
></span>

<span
  class="clerk"
  data-template="@content-2"
  data-price_context='{"customer":{"id": 12345}}'
></span>

<span
  class="clerk"
  data-template="@content-3"
  data-price_context='{"qualifiers":{"customer_group_id": 0}}'
></span>

Aquí hay un ejemplo de cómo se vería esto si se proporciona como parte de la llamada a Clerk(‘config’, …).

Clerk('config', {
  price_context: {
    customer: {
      email: "support@clerk.io"
    }
  }
})

El enfoque anterior se puede combinar con donde se establecen otros valores predeterminados al cargar la página.

Clerk('config', {
  key: 'YOUR_PUBLIC_KEY',
  language: 'english',
  price_context: {
    customer: {
      email: "support@clerk.io"
    }
  }
})

Para inyectar dinámicamente este contenido, utilizarías las variables disponibles en tu tema de stencil, en lugar de codificar la entrada a una dirección de correo electrónico o ID de usuario específicos.

Puedes encontrar cómo imprimir las diversas variables de cliente en el tema a continuación: Objeto Cliente BigCommerce

Aquí hay un ejemplo de cómo podrías usar el objeto cliente en tu tema para establecer dinámicamente el contexto de precio.

<span
  class="clerk"
  data-template="@content-1"
  data-price_context='{"customer":{"email": "{{ customer.email }}"} }'
></span>

Uso de formateadores en diseños #

Clerk.js te permite escribir funciones de javascript personalizadas, que añaden nueva funcionalidad a los Diseños.

Los formateadores se pueden agregar de dos maneras:

• A través de my.clerk.io > Configuraciones > Formateadores, donde cada Formateador puede ser creado como entradas separadas.
• Como una configuración para Clerk.js, en el script de seguimiento que se inserta en todas las páginas, donde se pueden agregar múltiples formateadores a la vez.

Un ejemplo se puede ver a continuación. Ten en cuenta que esto es Clerk V2 (última versión):

    Clerk('config', {
      key: 'O7UITkJIXqXibeQF9ONobiGGKYYKtbvh',
      formatters: {
             log_price: function(price) {
             console.log(price);
          }
      });

Puedes escribir cualquier número de formateadores, separados por comas, así:

formatters: {
   log_price: function(price) {
      console.log(price);
   },
   calculate_discount: function(price,special_price) {
      return price-special_price;
   },
   substring: function(text) {
      var short_string = text.substring(0,20);
      return short_string;
   }
}

Después de crear tus formateadores, puedes usarlos en Diseños utilizando esta sintaxis:

Esto te permite crear cualquier funcionalidad en tus Diseños que te gustaría usar con Clerk.io en tu tienda online.