La configuración de los precios de los grupos de clientes consta de 2 pasos:
Ejecuta una sincronización completa entre Clerk.io y BigCommerce.
Proporcionar un contexto de precios al mostrar el contenido en la página.
1. Ejecutar una sincronización completa #
Cuando se ejecuta una sincronización completa entre Clerk.io y BigCommerce, Clerk.io almacenará los precios de los diferentes grupos 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 cuando se muestre el producto en el sitio web. Estas reglas sólo se actualizarán cuando se ejecute una sincronización completa.
2. Proporcionar un contexto de precios #
Al mostrar el producto en el sitio web, es necesario proporcionar un contexto de precio a Clerk.io. Esto se puede hacer proporcionando el ID de grupo de clientes del cliente actual o proporcionando su dirección de correo electrónico o ID de cliente.
El contexto del precio puede ser proporcionado en los atributos html para el anchortag del propio contenido, o puede ser proporcionado como parte de la llamada Clerk(‘config’, …).
A continuación se muestran algunos ejemplos de cómo se vería este código si se proporcionara en la propia 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>
He aquí un ejemplo de cómo se vería si se proporcionara como parte de la llamada Clerk(‘config’, …).
Clerk('config', {
price_context: {
customer: {
email: "support@clerk.io"
}
}
})
El enfoque anterior puede combinarse con otros valores predeterminados que se establecen 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, debe utilizar las variables disponibles en su tema stencil, en lugar de codificar la entrada a una dirección de correo electrónico o ID de usuario determinados.
Puede encontrar cómo imprimir las distintas variables de cliente en el tema a continuación: Objeto Cliente BigCommerce
He aquí un ejemplo de cómo podría utilizar el objeto de cliente en su tema para establecer dinámicamente el contexto de precio.
<span
class="clerk"
data-template="@content-1"
data-price_context='{"customer":{"email": "{{ customer.email }}"} }'
></span>