Descripción: Esta herramienta permite crear catálogos digitales interactivos, donde las imágenes pueden ser "etiquetadas" con puntos clicables que remiten a productos o contenidos específicos.
¿Para qué sirve? (Ejemplos prácticos)
Utiliza los catálogos etiquetables para transformar imágenes estáticas en experiencias de navegación dinámicas y comerciales.
- E-commerce de mobiliario: Muestra una foto de una sala y etiqueta cada mueble (sofá, lámpara, mesita) vinculándolo directamente a la página de compra del producto.
- Catálogos de moda: Sube una imagen de un modelo y etiqueta las prendas individuales (chaqueta, pantalones, zapatos) para permitir la compra inmediata.
- Esquemas técnicos o planos: Permite a los usuarios hacer clic en áreas específicas de un diagrama o mapa para visualizar detalles técnicos o información adicional.
Funcionalidades principales
Gestión de los catálogos
El área principal de gestión permite:
1. Crear nuevos catálogos: Asignando un nombre y una estructura de páginas.
2. Cargar las páginas: Cada página del catálogo es una imagen sobre la cual se pueden colocar etiquetas.
3. Definir las etiquetas interactivas: Utilizando el editor visual para posicionar los puntos de interés sobre la imagen.
Editor visual de etiquetas
Cuando se modifica una página del catálogo, se accede a un modo edición que permite:
- Agregar nuevas etiquetas: Haciendo clic en cualquier punto de la imagen.
- Mover las etiquetas existentes: Arrastrando el punto de interés a la posición deseada.
- Modificar el contenido de la etiqueta: Cada etiqueta debe estar vinculada a un elemento existente en el sistema (típicamente un producto o servicio).
Vinculación automática a los contenidos
El sistema está diseñado para recuperar automáticamente la información de un producto o servicio y mostrarla dentro de la etiqueta.
Cuando se crea o modifica una etiqueta, es necesario ingresar un código específico que identifique el contenido a vincular. Este código está compuesto por el tipo de contenido y su ID único, separados por una coma.
| Campo en la Etiqueta | Descripción | Formato Ejemplo |
|---|---|---|
| Texto de la Etiqueta | Identificador del contenido a mostrar (ej. Producto, Artículo, Servicio). | prodotto,1234 |
Si el vínculo es válido, la etiqueta mostrará automáticamente:
- Una vista previa del elemento.
- El título del elemento.
- El precio (si aplica y está formateado correctamente por el sistema).
- Un enlace directo a la página del elemento.
Interacción usuario (Frontend)
Cuando el catálogo se muestra en el sitio web, las etiquetas funcionan como sigue:
- Visualización: Las etiquetas están representadas por un punto visible sobre la imagen.
- Interacción: Al pasar el cursor sobre el punto (o tocarlo en dispositivos móviles), aparece un popup con información detallada del elemento vinculado.
- Navegación: Al hacer clic en el popup, el usuario es redirigido a la página completa del elemento.
Cómo se configura
La configuración se realiza en dos fases: creación del catálogo (backend) e inserción en la página (frontend).
1. Creación y gestión del catálogo (Backend)
1. Accede al menú principal y selecciona Cataloghi taggabili.
2. Crea un nuevo catálogo o modifica uno existente.
3. Dentro del catálogo, añade las páginas cargando las imágenes que compondrán tu catálogo.
4. Para cada página, haz clic en la opción para habilitar el modo editor.
5. Haz clic sobre la imagen en el punto donde deseas colocar una etiqueta.
6. Se abrirá un campo de texto en el popup de la etiqueta: ingresa el código de vinculación (ej. prodotto,567).
7. Haz clic en el botón Guardar para confirmar la etiqueta.
8. Repite la operación para todos los productos que quieras etiquetar.
2. Inserción del catálogo en una página (Frontend - Visual Builder)
Para mostrar el catálogo interactivo en una página de tu sitio:
1. Abre la página deseada en el editor visual.
2. Añade un nuevo bloque y busca el bloque denominado Catalogo taggabile.
3. En las opciones de configuración del bloque, selecciona el catálogo que creaste anteriormente mediante el selector correspondiente.
4. Guarda y publica la página. El catálogo se mostrará con todas las etiquetas activas.
Integraciones automáticas
Integración con datos de inventario/servicios
El sistema utiliza la función interna de búsqueda para recuperar en tiempo real los detalles (nombre, precio, enlace) de productos, servicios u otros contenidos especificados en el código de la etiqueta. Esto asegura que la información mostrada en los popups esté siempre actualizada.
Acceso vía API
Los datos de los catálogos están expuestos mediante interfaces de programación (API), permitiendo a desarrolladores externos integrar los catálogos etiquetables en aplicaciones personalizadas o sistemas externos.
