Punteros interactivos

Los punteros son puntos clicables que puedes agregar a páginas en tu flipbook u obras en tu galería. Úsalos para hacer tu contenido interactivo y guiar a los espectadores a través de tu material.

Los punteros están disponibles para proyectos de Flipbook y Galería. Los proyectos de Lanyard usan la Barra de Navegación para interactividad.

¿Qué son los punteros?

Los punteros son iconos visuales que aparecen en las páginas de tu flipbook u obras de galería. Al hacer clic, realizan una acción como:

  • Saltar a otra página en el flipbook
  • Abrir un sitio web externo
  • Mostrar un tooltip con información
  • Abrir un modal con contenido enriquecido

Tipos de punteros

Ir a página

Navega a los espectadores a una página específica en tu flipbook. Genial para:

  • Enlaces de tabla de contenidos
  • Referencias "Aprende más en la página X"
  • Enlaces de volver a portada/inicio
  • Sugerencias de navegación secuencial

Abrir URL

Abre un sitio web externo en una nueva pestaña. Perfecto para:

  • Enlaces de compra de productos
  • Perfiles de redes sociales
  • Formularios de contacto
  • Recursos relacionados

Mostrar tooltip

Muestra texto cuando los espectadores pasan el cursor o hacen clic en el puntero. Útil para:

  • Descripciones de productos
  • Información de precios
  • Datos rápidos
  • Sugerencias y consejos

Mostrar modal

Abre un popup con contenido de texto enriquecido. Ideal para:

  • Información detallada de productos
  • Términos y condiciones
  • Información de contacto
  • Contenido adicional que no cabe en la página

Agregando un puntero

  1. Navega a la página u obra donde quieres agregar el puntero. Usa la navegación para ir a la página correcta (flipbook) u obra (galería).
  2. Abre la pestaña de Punteros en la barra lateral derecha.
  3. Haz clic en "Agregar Puntero" para comenzar a crear un nuevo puntero.
  4. Haz clic en la vista previa para establecer la posición del puntero. Verás una vista previa de dónde aparecerá el puntero.
  5. Configura el puntero en el formulario que aparece:
    • Elige el tipo de acción (Página, URL, Tooltip, Modal)
    • Establece el objetivo de la acción (número de página, URL o contenido)
    • Selecciona un icono de la biblioteca
    • Elige un color
    • Establece el tamaño (pequeño, mediano, grande)
    • Agrega una etiqueta opcional
  6. Guarda el puntero haciendo clic en el botón de guardar.

Opciones de personalización

Iconos

Elige entre 50+ iconos incluyendo flechas, formas, símbolos e iconos de acción. Usa la búsqueda para encontrar el icono perfecto.

Colores

Selecciona de colores predeterminados o ingresa un código hex personalizado. Haz que los punteros destaquen o se mezclen con tu diseño.

Tamaños

Tres tamaños disponibles: Pequeño (24px), Mediano (32px) y Grande (44px). Elige según la importancia y diseño de la página.

Posición

Posiciona punteros con precisión haciendo clic en la página. Ajusta fino con coordenadas de porcentaje (X/Y).

Gestionando punteros

La pestaña de Punteros muestra todos los punteros en la página u obra actual:

  • Editar: Haz clic en un puntero en la lista para modificar su configuración
  • Eliminar: Remueve un puntero haciendo clic en el botón de eliminar
  • Vista previa: Ve los punteros en tiempo real en la vista previa
  • Filtrar: Ve punteros por página/obra o ve todos los punteros

Mejores prácticas

  • 1No sobrecargues las páginas - usa punteros estratégicamente
  • 2Usa colores consistentes para acciones similares
  • 3Haz los punteros lo suficientemente grandes para tocar en móvil
  • 4Evita cubrir contenido importante
  • 5Usa tooltips para info rápida, modales para contenido detallado
  • 6Prueba todos los enlaces de punteros antes de compartir

Ejemplos de casos de uso

Catálogo de productos

Agrega punteros "Comprar Ahora" enlazando a tu tienda, iconos de información para especificaciones de productos y navegación a productos relacionados.

Revista interactiva

Enlaza referencias de artículos a sus páginas, agrega modales "Leer más" para contenido extendido y enlaces para compartir en redes sociales.

Manual de capacitación

Crea tabla de contenidos clicable, agrega sugerencias de tooltip para términos técnicos y enlaza a tutoriales en video.

Documentación relacionada