Plugin

Configuración del Plugin #

Una vez que el plugin esté instalado correctamente en WooCommerce, aparecerá en el menú lateral de tu backend:

General #

Aquí hay una explicación de cada opción en la sección General:

• Versión del Plugin: La versión del plugin Clerk actualmente instalada. Aquí puedes encontrar la última versión.
• Clave Pública: Ingresa tu Clave pública, que se encuentra en my.clerk.io Configuraciones > Claves API.
• Clave Privada: Ingresa tu Clave Privada, creada en my.clerk.io Configuraciones > Claves API.
• Idioma: Elige el idioma correcto del dominio.
• URL de Importación: La URL utilizada por Clerk para sincronizar los datos. Agrega esto en tu cuenta de my.clerk.io bajo Estado del Sistema > Sincronización de Datos en el campo URL de la tienda.

Sincronización de Datos: Productos #

En esta sección, puedes personalizar cómo se sincronizan los datos de Productos con Clerk.io. A continuación, se explica cada opción:

• Usar Actualizaciones en Tiempo Real: Sincroniza tus datos con Clerk.io en tiempo real una vez que se realicen cambios en WooCommerce.

• Incluir Productos Agotados:** Al habilitar esta opción, Clerk importará productos que están “Agotados”.

• Tamaño de Imagen: Elige el tamaño de la imagen importada en Clerk. Si tienes dudas, elige grande, luego gestiona el tamaño directamente dentro del Diseño de Clerk.

• Campos Adicionales: Aquí, puedes agregar una lista separada por comas de cualquier atributo adicional de Datos de Producto que te gustaría sincronizar con Clerk.io desde tu tienda WooCommerce.

• Eliminar/Ajustar Atributos Divididos: Cuando Eliminar no está marcado, se eliminan todos los espacios dentro de las cadenas (por ejemplo, ’ Opción 1’ = ‘Opción1’). Cuando Ajustar está marcado, solo se eliminan los espacios al principio y al final, preservando los espacios internos (por ejemplo, ‘Opción 1’ = ‘Opción 1’).

• Campos Adicionales Sin Procesar: Ingresa cualquier atributo que ya hayas agregado a Campos Adicionales, para importar estos valores tal como están, evitando que las comas los dividan en listas durante la importación.

Sincronización de Datos: Páginas #

En esta sección, puedes personalizar cómo se sincronizan los datos de Páginas con Clerk.io. A continuación, se explica cada opción:

• Usar Actualizaciones en Tiempo Real (Páginas): para sincronizar tus páginas con Clerk.io en tiempo real una vez que se realicen cambios en WooCommerce.

• Incluir Páginas: Cuando se habilita, Clerk importará todas las páginas incluidas en WooCommerce > Páginas > Todas las Páginas.

• Campos Adicionales de Página: Los slugs de atributos añadidos aquí se importan para cada página.

• Tipos Adicionales de Página: Sincroniza tipos adicionales de páginas, incluidos los personalizados. Ingresa una lista separada por comas para agregar múltiples tipos.

Sincronización de Datos: Clientes #

En esta sección, puedes personalizar cómo se sincronizan los datos de Clientes con Clerk.io. A continuación, se explica cada opción:

• Incluir Clientes: Habilitar importará Clientes a Clerk.io.

• Recoger Carrito: Habilitar esto permitirá a Clerk recoger información sobre productos añadidos al carrito. Por ejemplo, activa esta opción cuando estés utilizando el desencadenador de Carrito Abandonado.

• Recoger Correos Electrónicos: Habilitar esto permitirá a Clerk recoger e importar las direcciones de correo electrónico de los Clientes desde WooCommerce.

• Mensaje de Inscripción de Correos Electrónicos: Escribir texto aquí te permitirá tener una casilla de verificación en el checkout donde suscribimos el correo dentro de my.clerk.io. Recoger Correos Electrónicos debe estar habilitado para usar esta función. Si se deja en blanco, la casilla de verificación no estará activa.

• Campos Adicionales de Clientes: Una lista separada por comas del atributo adicional para los Datos de Clientes a incluir durante la sincronización.

Sincronización de Datos: Pedidos #

Solo hay una opción, Deshabilitar Sincronización de Pedidos, que deshabilita que los pedidos se envíen a Clerk durante la sincronización diaria cuando está activa. Clerk aún los recogerá en tiempo real de los visitantes.

Configuraciones de Búsqueda en Vivo #

En esta sección, puedes personalizar y activar la Búsqueda en Vivo. A continuación, se explica cada opción:

• Habilitado: Habilita tu Búsqueda en Vivo de Clerk.io.

• Incluir Sugerencias/ Categorías / Páginas: Esto te permite controlar si Clerk debe encontrar Sugerencias, Categorías o Páginas coincidentes para mostrar en la Búsqueda en Vivo.

• Número de Sugerencias / Categorías / Páginas: Esto te permite decidir cuántas coincidencias posibles devolver para cada tipo.

• Tipo de Páginas: Selecciona qué tipo de páginas resultan en el menú desplegable, por ejemplo, Publicaciones de Blog, Páginas CMS o Todas.

• Posicionamiento del Menú Desplegable: Elige la posición de los resultados del menú desplegable de Búsqueda en Vivo.

• Selector de Entrada de Búsqueda en Vivo: Ingresa el selector de entrada que es una clase o ID para el campo de entrada utilizado para buscar.

• Selector de Formulario de Búsqueda en Vivo: Ingresa el selector de formulario que es una clase o ID para el formulario que envía solicitudes de búsqueda.

• Contenido: Ingresa el nombre de tu Contenido de Búsqueda en Vivo. Se enumera dentro del código de inserción de contenido como tu nombre de plantilla de datos, data-template= NOMBRE-DE-TU-CONTENIDO. Usualmente “búsqueda-en-vivo”, por ejemplo:

<span class="clerk" 
  data-template="@live-search"  
  data-instant-search="INSERT_SEARCH_INPUT_CSS_SELECTOR_HERE" 
  data-instant-search-suggestions="6" 
  data-instant-search-categories="6" 
  data-instant-search-pages="6" 
  data-instant-search-positioning="right">
 </span> 

Configuraciones de Búsqueda #

En esta sección, puedes personalizar y activar la Página de Búsqueda. A continuación, se explica cada opción:

• Habilitado: Habilita tu Búsqueda en Vivo de Clerk.io.

• Página de Búsqueda: Selecciona la página CMS para usar como objetivo para la Búsqueda de Clerk.

• Incluir Categorías / Páginas: Esto te permite controlar si Clerk debe encontrar Categorías o Páginas coincidentes para mostrar en la Página de Búsqueda.

• Número de Categorías / Páginas: Esto te permite decidir cuántas coincidencias posibles devolver para cada tipo.

• Tipo de Páginas: Selecciona qué tipo de páginas resultan en el menú desplegable, por ejemplo, Publicaciones de Blog, Páginas CMS o Todas.

• Contenido: Ingresa el nombre de tu Contenido de Página de Búsqueda desde el código de inserción de contenido en my.clerk.io. Usualmente “pagina-de-busqueda”.

• Texto de sin resultados: Ingresa el texto que te gustaría mostrar en la Página de Búsqueda si una búsqueda no devuelve resultados aquí.

• Texto del botón de cargar más: Ingresa el texto para el botón “Cargar Más”.

Navegación Facetada #

• Habilitado: Habilita tus Facetas de Clerk.io en la Página de Búsqueda.

• Agregar Atributo Personalizado: Escribe aquí el nombre de un atributo que te gustaría incluir en tus facetas, luego haz clic en “Agregar”.

• Atributos de Faceta: Una vez agregado, el atributo aparece en esta sección. Aquí, puedes establecer su título de visualización, definir su posición en la lista de facetas y marcar la casilla Mostrar para incluirlo en tus facetas.

• Diseño: Ingresa el ID del diseño de la faceta. Se puede encontrar en my.clerk.io > Búsqueda > Diseño.

Configuraciones de Powerstep #

En esta sección, puedes personalizar y activar el Powerstep después de que un cliente haya agregado un producto al carrito. A continuación, se explica cada opción:

• Habilitado: Habilita el Powerstep de Clerk.io.

• Tipo de Powerstep: Elige el tipo de Powerstep que te gustaría habilitar del menú desplegable, como “página” o “popup”.

• Página de Powerstep: Selecciona la página CMS para usar como objetivo para el Powerstep de Clerk.

• Contenidos: Ingresa el nombre de tu Contenido de Power Step desde el código de inserción de contenido en my.clerk.io.

• Filtrar Duplicados: Activar esto asegurará que cada banner muestre productos completamente únicos.

• Habilitar Textos Personalizados: Cuando se habilita, permite agregar textos al Powerstep.

• Botón de Regreso: Ingresa el texto que deseas mostrar en tu botón de Regreso, que permite a los usuarios volver a la página anterior.

• Botón de Carrito: Ingresa un texto para el botón que redirige a la página del carrito.

• Título del Producto: Ingresa un mensaje de texto en el Título del Powerstep.

• Mantener Parámetros de Agregar al Carrito: Habilitar esta opción asegura que los parámetros de consulta relacionados con la adición de artículos al carrito se mantengan al redirigir a la página del Powerstep. Esto ayuda a mantener los detalles del producto seleccionado durante el proceso.

Configuraciones de Intención de Salida #

En esta sección, puedes personalizar y activar la Intención de Salida. Una Intención de Salida es un tipo de popup que aparece cuando un usuario está a punto de abandonar un sitio web. A continuación, se explica cada opción:

• Habilitado: Habilita tu contenido de Intención de Salida de Clerk.io marcando esta casilla.

• Contenido: Ingresa el nombre del Contenido de Intención de Salida que has creado para tu tienda. Usualmente “contenido-salida”.

Categoría, Producto, Carrito #

En esta sección, puedes personalizar y activar las Recomendaciones para las páginas de Categoría, Producto y Carrito. A continuación, se explica cada opción:

• Habilitado: Habilita tus deslizadores de Recomendaciones de Categoría, Producto y Carrito de Clerk.

• Contenido: Ingresa el nombre del Contenido que has creado en my.clerk.io para tu tienda. Usualmente ya está llenado.

• Filtrar Duplicados: Activar esto asegurará que cada banner muestre productos completamente únicos.

• Diferir Inyección: Solo para Configuraciones de Producto, habilitar esto inyectará las Recomendaciones en la página del producto solo después de que el contenido de la página ya se haya renderizado.

• ID Corto de Categoría / Producto / Carrito: Estos códigos cortos te permiten insertar fácilmente códigos de inserción de Clerk si deseas personalizar sus ubicaciones con editores como WPBakery y Elementor. Por ejemplo:

<span class="clerk"
   data-template="alternativas-de-pagina-de-producto"
   data-products="[[clerk_product_id]]">
</span>

Scripts Adicionales #

En esta sección, puedes agregar y activar cualquier script JS adicional. A continuación, se explica cada opción:

• Habilitado: Habilita el script adicional insertado en el siguiente cuadro.
• Código JS: Si se habilita, ejecutará el script agregado en este cuadro junto con Clerk.js.

Registro #

En esta sección, puedes habilitar y personalizar los Registros sobre errores y/o advertencias de Clerk. A continuación, se explica cada opción:

• Habilitado: Habilita la función de Registro.

• Nivel de Registro: Aquí puedes seleccionar el tipo de registro elegido.

  • Solo Errores: Registrará cualquier error que detenga el módulo de funcionar correctamente.

  • Error + Advertencia: También registra advertencias que no causan que el módulo deje de funcionar, pero que podrían ser necesarias para corregir también.

  • Error + Advertencia + Depuración: Registra todo con lo que interactúa el módulo. Esto no debe habilitarse en una tienda web en vivo, ya que ralentizará el sitio.

• Registrar en: Esto registrará todo en My.Clerk.io en Estado del Sistema > Registros.

Actualización #

Mejor Práctica: Siempre crea copias de seguridad de los archivos modificados antes de actualizar para asegurarte de que puedes restaurar versiones anteriores si es necesario.

Si estás utilizando una versión anterior a 2.0.0, actualizar romperá tus Diseños, ya que se utilizará Clerk.js 2. Si usas una versión anterior, sigue esta guía en su lugar.

Actualizar el Plugin se puede hacer directamente desde el backend de WooCommerce, siguiendo estos pasos:

1. Comienza yendo a Plugin > Plugins Instalados y busca Clerk.io.
2. Haz clic en Actualizar Ahora:

Si ya tienes la última versión, este botón simplemente dirá Activo.