Preguntas Frecuentes

Usando 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 > Configuración > 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 para 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:

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 tus Diseños utilizando esta sintaxis:

{%raw%}{{ price | log_price }} {{ price | calculate_discount |  special_price }}{%endraw%}

Esto te permite crear cualquier funcionalidad en tus Diseños que necesites.

Sincronización con autenticación HTTP #

A menudo, la autenticación HTTP se utiliza en sitios de staging para evitar visitantes no invitados.

Esto bloqueará el importador de Clerk también y mostrará un error de 401 No autorizado en el registro de sincronización.

Puedes verificar fácilmente el importador insertando la información de autenticación en la URL de importación como a continuación, en Sincronización de Datos en my.clerk.io:

http://USER:PASS@www.ewoksRus.com

Actualizando a Clerk.js 2 #

Clerk.js 2 es una versión más rápida y flexible de nuestra biblioteca de JavaScript que hace que instalar Clerk.io en cualquier tienda online sea muy fácil.

Sin embargo, dado que las dos versiones funcionan de manera ligeramente diferente, necesitas seguir estos pasos para actualizar con éxito.

Las dos principales diferencias en Clerk.js 2 son:

• Los Diseños en my.clerk.io utilizan el Liquid lenguaje de plantillas, pero también se pueden crear fácilmente utilizando el Editor de Diseño.

• El script debe insertarse justo antes de la etiqueta en la plantilla de tu tienda online.

Paso 1: Convertir Diseños #

Dado que Clerk.js 2 tiene un enfoque diferente para los Diseños, necesitas crear nuevos.

Puedes crear tus Diseños de Clerk.js 2 de una de dos maneras:

• 1. Usa el intuitivo Editor de Diseño para crear nuevos Diseños, como se describe en los siguientes puntos.

• 2. Convierte tus antiguos Diseños. Sigue esta guía para ver cómo hacerlo.

1.1 Comienza yendo a my.clerk.io -> Recomendaciones / Búsqueda -> Diseños y haz clic en Nuevo Diseño:

1.2 En la siguiente pantalla, dale a tu Diseño un Nombre (recomendamos agregar " V2" para que sea obvio que estás usando Clerk.js2).

1.3. Elige el Tipo de Diseño y sigue el asistente de configuración del diseño.

1.4. Cuando termines, haz clic en Crear Diseño

1.5. En el Editor de Diseño, haz clic en cualquiera de los elementos existentes como el nombre, imagen, botón, etc. para editarlo, o agrega nuevos elementos al Diseño para incluir más información sobre los productos.

1.6. Haz clic en Publicar cuando termines, y ve al Paso 2 en la guía.

1.7. Por último, ve a Recomendaciones / Búsqueda -> Contenido y cambia tu contenido de Clerk.io para usar tu nuevo Diseño.

1.8. Haz clic en Actualizar Contenido. Esto hará que temporalmente no aparezcan en tu tienda online, hasta que termines con el Paso 2. Elige el nuevo Diseño para todo el Contenido que deba ser actualizado.

1.9. ¡Listo! Ahora estás listo para cambiar a Clerk.js 2.

Paso 2: Reemplazar el script #

2.1. Comienza localizando el archivo de plantilla que se utiliza para mostrar todas las páginas de la tienda online, y donde se encuentra el script original de Clerk.js cerca de la parte inferior.

2.2. Elimina el viejo script del archivo:

2.3. A continuación, ve a my.clerk.io -> Configuración -> Código de Seguimiento. Esta página ahora contiene tu código de seguimiento de Clerk.js 2.

2.4. Copia este código e insértalo justo antes de la etiqueta en la plantilla:

2.5. Guarda tu plantilla.

¡Felicidades! Ahora estás utilizando la configuración mejorada de Clerk.js 2.

Puedes ver la documentación completa para Clerk.js 2 aquí: https://docs.clerk.io/docs/clerkjs-quick-start