Mostrar precios de clientes individuales en Clerk.io en otras plataformas / personalizadas
Platforms:
Si necesitas mostrar precios completamente únicos basados en el cliente que ha iniciado sesión, necesitas configurar un Evento en Clerk.io que inserte el precio correcto antes de que los productos sean renderizados.
Los Eventos son funciones Javascript que se ejecutan antes o después de que Clerk.io muestre los productos.
Este método es posible de usar si puedes buscar precios desde tu servidor, directamente desde una función Javascript, en el frontend basado en un identificador de producto y un identificador de cliente.
Para mostrar los precios de clientes individuales, el código debe ejecutarse justo después de la respuesta.
Ejemplo General
<span class="clerk" data-template="@home-page-popular"></span>
<script>
Clerk('on', 'response', function(content, data) {
console.log(data.result);
});
</script>
La función toma el argumento data que es la respuesta completa que Clerk.io devuelve desde la API.
Ejemplo de precios para clientes individuales
La parte más importante de la respuesta es product_data que contiene cada atributo de los productos que Clerk.io devuelve:
Estos datos pueden ser manipulados, por lo que los precios estándar pueden ser r sustituidos por los específicos del cliente antes de ser renderizados.
Un ejemplo sencillo de cómo hacer esto, se puede ver aquí:
<span class="clerk" data-template="@home-page-popular"></span>
<script>
var customer_id = INSERT_CUSTOMER_ID;
Clerk('on', 'response', function(content, data) {
console.log(data.product_data)
for (i = 0; i < data.product_data.length; i++) {
var product = data.product_data[i];
var custom_price = FETCH_PRICE_FROM_SERVER(product.id,customer_id);
product.price = custom_price;
}
});
</script>
En el código, es necesario sustituir 2 cosas:
INSERT_CUSTOMER_ID debe ser reemplazado por un código que inserte el ID del cliente actualmente conectado.
FETCH_PRICE_FROM_SERVER** debe ser reemplazado por un Javascript Ajaxfunction que utiliza el ID del producto y un id de cliente para encontrar el precio correcto.
El precio se asigna entonces a la Clerk.io atributo precio que se puede mostrar en su [Diseño]({{ref “/styling-onsite-designs” >}}) como este:
{% raw %} {{ price }} {% endraw %}
Utilizar este método le permite mostrar precios completamente únicos, sin dejar de utilizar nuestra solución Javascript fácil de usar.