Get Started
Conectando tu Tienda #
El primer paso para instalar Clerk.io es conectar tu tienda con tu cuenta de Clerk.io.
Después de seguir estos simples pasos, podrás ver tu Tienda de Demostración, que te ofrece una visión personal de cómo funcionará Clerk.io en tu tienda en línea, antes de configurar el resto del sistema.
1. Agregar Tienda #
Después de iniciar sesión en my.clerk.io, lo primero que necesitas hacer es agregar tu tienda:
Escribe el Nombre y Dominio de tu tienda en línea.
Elige JTL como la Plataforma y selecciona tu Moneda.
Haz clic en Agregar Tienda.
Una vez que se crea la tienda, se enviará un correo electrónico sobre tus claves públicas y privadas al propietario del correo de la cuenta.
2. Configurar la Conexión JTL #
Desde el menú principal de la Guía de Configuración, haz clic en Instalar Extensión:
La siguiente página muestra lo que necesitas hacer para configurar la conexión JTL.
Ve a tu plugin de Clerk en el backend de JTL y agrega las claves públicas y privadas de la tienda Clerk en sus respectivos campos.
3. Sincroniza tu tienda #
Después de permitir el acceso, simplemente necesitas sincronizar tu tienda.
Regresa a la Guía de Configuración y haz clic en Sincroniza tus Datos:
Escribe los detalles de tu tienda y haz clic en Iniciar Sincronización
La URL del feed JTL debe generarse según esta guía Creación de Feeds de Datos en JTL
Ejemplo Completo de Instalación #
IMPORTANTE: Debes haber instalado el plugin (S360 Clerk) en tu backend de JTL bajo Plugins
Esta documentación te guiará a través de los siguientes pasos:
Agregar una Tienda en my.clerk.io #
Cada Tienda en Clerk.io es un entorno aislado con sus propios datos, claves API y Tablero. Lo primero que necesitarás hacer al configurar tu cuenta de Clerk.io es crear tu primera Tienda:
Después de esto, la Guía de Configuración te guiará a través del resto de la configuración.
Ten en cuenta que cada vez que se crea una tienda, se enviará un correo electrónico con las claves públicas y privadas al propietario de la cuenta de la empresa. Esto se utiliza para crear un acceso seguro entre Clerk y JTL.
Instalando los dos scripts de seguimiento #
Con el plugin S360 Clerk, puedes habilitar tanto los scripts de seguimiento de visitantes como de pedidos que se inyectarán en partes de la tienda en línea:
El script de Seguimiento de Visitantes, que inicializa Clerk.io. Este debe ser inyectado dentro del encabezado de la tienda en línea.
El script de Seguimiento de Pedidos que permite el seguimiento de pedidos en tiempo real. Este generalmente se instala en la página de confirmación de pedidos.
Puedes habilitarlos dentro del plugin JTL en la sección ALLGEMEIN:
Cuando ambos scripts estén insertados, Clerk.io se habrá inicializado.
Sincronizando tu Tienda JTL con Clerk.io #
Para mostrar resultados, Clerk.io debe sincronizarse con los productos, categorías, ventas, páginas y clientes de JTL en un feed de datos generado.
Esto se hace configurando un feed de datos que permite que los datos sean accesibles regularmente. Esto se explica más a fondo en esta guía Creación de Feeds de Datos en JTL.
Cuando el feed de datos haya sido generado y agregado a tu configuración de Sincronización de Datos bajo el Estado del Sistema en tu backend de my.clerk.io.
Agregando Búsqueda y Recomendaciones #
Los elementos de frontend en Clerk.io consisten en dos partes:
Un Diseño que controla la presentación visual de los productos. Esto se puede cambiar para que coincida con cualquier estilo que desees o puedes usar algunas de nuestras plantillas de diseño estándar Plantilla de Diseño para usar en Clerk.
La mayoría de las veces usarás 3 Diseños: Uno para Búsqueda Instantánea, la página de Búsqueda y Recomendaciones.
- Un Contenido con un código de inserción adjunto que muestra los productos. Cada contenido tiene un nombre específico en su código de inserción que deseas agregar a los respectivos campos del nombre Clerk TemplateName. Esto se utiliza para comunicar entre tu tienda en línea y el contenido respectivo de Clerk.
La Guía de Configuración te guiará a través de dónde debe colocarse cada elemento en la mayoría de las configuraciones de JTL.
Al final de tu configuración, los ajustes en el plugin deberían verse así. Las siguientes imágenes son meramente para fines de demostración.
| Opción | Significado |
|---|---|
| Clave API | Tu clave API recibida de Clerk |
| Clave Privada | Tu clave API privada heredada proporcionada por Clerk. Requerida para restringir el acceso al feed de datos. |
| Idioma | Idioma del feed de datos |
| grupo de clientes | Precios para el grupo de clientes |
| Moneda | Moneda en el feed de datos |
| diseño facetado | Diseño de los facetas |
| Componente | Opción | Significado |
|---|---|---|
| Generalmente | Usar seguimiento sin cookies | Seguimiento sin el uso de cookies |
| ¿Usar seguimiento del carrito de compras? | Informa a Clerk sobre cambios en el carrito de compras (seguimiento general del carrito de compras) | |
| Anonimizar correos electrónicos | Las direcciones de correo electrónico se transmiten a Clerk de forma anónima (como un hash). | |
| Búsqueda en Vivo (Encabezado) | ¿Activar búsqueda en vivo? | Si se desactiva, la búsqueda en vivo de Clerk no se mostrará en el frontend. |
| Selector de Búsqueda en Vivo | Selector de búsqueda en vivo independiente de Clerk | |
| Clerk TemplateName Búsqueda en vivo | Plantilla para la búsqueda en vivo (Clerk Backend → Búsqueda → Contenido → Búsqueda en vivo → Insertar en el sitio web → En el código el valor de “data-template=”@WERT’”) | |
| Número de sugerencias de búsqueda en la búsqueda en vivo | Número de sugerencias de búsqueda que se mostrarán | |
| Número de sugerencias de categoría | Número de sugerencias de categoría que se mostrarán | |
| Número de sugerencias de página | Número de sugerencias de página que se mostrarán | |
| Posición | Posición del resultado de búsqueda en vivo en relación con el selector | |
| Búsqueda (página de resultados) | ¿Activar página de resultados? | Si se desactiva, la página de resultados de Clerk no se mostrará en el frontend. |
| Clerk TemplateName Búsqueda | Plantilla para búsqueda en vivo (Clerk Backend → Búsqueda → Contenido → Búsqueda → Insertar en el sitio web → En el código el valor de “data-template=”@WERT’”) | |
| Posición de facetas | Posición de las facetas | |
| Mostrar facetas en URL | Mostrar facetas en URL | |
| Clerk Facets Attribute | Lista separada por comas de facetas disponibles (características de JTL) | |
| Clerk Facets Attributes Multiple Values | Lista separada por comas de facetas disponibles con múltiples valores (características de JTL para filtrado OR) |
| Componente | Opción | Significado |
|---|---|---|
| Feed de Datos | Procesamiento Cron | Cómo debe ser activado el cron para generar el feed de datos (explicado en más detalle en la sección Posibilidades de creación de feeds de datos) |
| Tamaño de lote | Tamaño de lote de los productos del feed (explicado en más detalle en la sección de tamaño de lote) | |
| Página de producto | ¿Activar el slider de la página de producto? | Si se desactiva, el slider en la página de producto no se mostrará en el frontend. |
| Selector de slider de artículo | Selector para el slider de artículos independiente de Clerk | |
| Clerk TemplateName Artículo | Nombres de las plantillas de slider que se mostrarán. Se pueden especificar múltiples nombres de plantillas como una lista separada por comas. | |
| Método de inserción del slider | Cómo agregar el slider al selector (Después, Agregar, Antes, Prepend, Reemplazar) | |
| Filtrar duplicados | Evita que sliders posteriores contengan productos de sliders anteriores (predeterminado: Sí) | |
| Página del carrito de compras | ¿Activar el slider del carrito de compras? | Si se desactiva, el slider en la página del carrito de compras no se mostrará en el frontend. |
| Selector de slider del carrito de compras | Selector para el slider del carrito de compras independiente de Clerk | |
| Clerk TemplateName Carrito de Compras | Nombres de las plantillas de slider que se mostrarán. Se pueden especificar múltiples nombres de plantillas como una lista separada por comas. | |
| Método de inserción del slider | Cómo agregar el slider al selector (Después, Agregar, Antes, Prepend, Reemplazar) | |
| Filtrar duplicados | Evita que sliders posteriores contengan productos de sliders anteriores (predeterminado: Sí) | |
| Powerstep | ¿Activar el Slider de Powerstep? | Si se desactiva, el slider en el paso de poder no se reproducirá en el frontend. |
| Selector de Powerstep | Selector para el Slider de Powerstep independiente de Clerk | |
| Clerk TemplateName Powerstep | Nombres de las plantillas de slider que se mostrarán. Se pueden especificar múltiples nombres de plantillas como una lista separada por comas. | |
| Método de inserción de Powerstep | Cómo agregar el slider al selector (Después, Agregar, Antes, Prepend, Reemplazar) | |
| Filtrar duplicados | Evita que sliders posteriores contengan productos de sliders anteriores (predeterminado: Sí) |
| Componente | Opción | Significado |
|---|---|---|
| Página de categoría | ¿Activar el slider de la página de categoría? | Si se desactiva, el slider en la página de categoría no se mostrará en el frontend. |
| Selector de Slider de Categoría | Selector para el slider de categoría independiente de Clerk | |
| Clerk TemplateName Carrito de Compras | Nombres de las plantillas de slider que se mostrarán. Se pueden especificar múltiples nombres de plantillas como una lista separada por comas. | |
| Método de inserción del slider | Cómo agregar el slider al selector (Después, Agregar, Antes, Prepend, Reemplazar) | |
| Filtrar duplicados | Evita que sliders posteriores contengan productos de sliders anteriores (predeterminado: Sí) | |
| Intención de Salida | ¿Habilitar el Slider de Intención de Salida? | Si se desactiva, la intención de salida no se mostrará en el frontend. |
| Clerk TemplateName Intención de Salida | Plantilla para la intención de salida |
Múltiples dominios #
La forma más sencilla de implementar Clerk.io en múltiples dominios en configuraciones estándar es creando una Tienda separada para cada dominio en my.clerk.io, y luego sincronizarlas con cada uno de tus dominios de idioma JTL.
De esta manera, puedes separar productos, ventas, monedas, etc. para hacer un seguimiento de cada dominio.
Comienza creando tu Tienda principal y sigue la Guía de Configuración para conectar tu Tienda a Clerk.io, y elige las Recomendaciones y/o Resultados de Búsqueda que deseas mostrar en tu tienda en línea.
Cuando hayas terminado con la configuración inicial, regresa a la página de inicio de my.clerk.io (haciendo clic en el logo de Clerk.io en la esquina superior izquierda del menú lateral) y luego haz clic en "+ Agregar nueva tienda" la última opción de la lista desplegable (generalmente debajo de las tiendas existentes y el nombre de tu empresa):
- En la Página de Agregar Nueva Tienda, haz clic en Avanzado para ver todas las configuraciones.
- Completa los detalles de tu dominio y elige tu Tienda principal del menú desplegable Copiar Contenido de Tienda Existente, luego haz clic en Agregar Tienda. Esto transferirá el Contenido y los Diseños de tu Tienda principal.
- Ahora puedes seguir la Guía de Configuración nuevamente, para activar Clerk.io haciendo clic en Comenzar, para Sincronizar Datos para el nuevo dominio.
Esto te permitirá sincronizar tu dominio con tu Tienda en my.clerk.io a través de la Guía de Configuración.
Cuando la Sincronización de Datos haya terminado, tu dominio estará listo y utilizando la misma configuración que tu Tienda principal.
Repite este proceso para cada uno de tus dominios de idioma JTL. Recuerda traducir Titulares, en Contenido-> Editar -> Seleccionar Diseño al idioma correcto también.
Esta página ha sido traducida por una IA útil, por lo que puede contener errores de idioma. Muchas gracias por su comprensión.