--- title: "Gráficos interactivos con puntos clicables" description: "Convierte una imagen en un mapa con elementos clicables, muestra elementos en días concretos y úsalo como calendario." url: https://scratcher.io/es/help/elements/interactive-graphic language: es --- 1. [Centro de ayuda](https://scratcher.io/es/help) 2. [Elementos y diseño](https://scratcher.io/es/help/elements) 3. Gráficos interactivos con puntos clicables # Gráficos interactivos con puntos clicables Convierte una imagen en un mapa con elementos clicables, muestra elementos en días concretos y úsalo como calendario. Un gráfico interactivo es una imagen con elementos clicables encima, por ejemplo el plano de una tienda, el plano de una feria o un paisaje invernal en el que aparece un elemento nuevo cada día. Es un formato especial: necesitas el complemento **Formatos especiales**, o un plan que lo incluya. ## Crea un gráfico interactivo 1. Haz clic en **Añadir página** y elige **Gráfico interactivo**, o inserta el elemento en una página. 2. En la pestaña **Contenido**, sube la **Imagen** de base. 3. Haz clic en **Añadir elemento del mapa** y arrastra el elemento a su sitio en la imagen. 4. Haz clic en el elemento para configurarlo: - **Nombre**: solo lo ves tú. - **Imagen**: la imagen del elemento. También puedes elegir una imagen de **antes** y otra de **después**, por ejemplo un regalo cerrado y uno abierto. - **Acción**: **Ir a la página** o **Enlace**. 5. En la pestaña **Estilos** del elemento, define el fondo al pasar el ratón, el tamaño y la forma. Activa **Cuadrado fijo** en **Configuración** para que siga siendo cuadrado. ## Ajustes de todo el gráfico - **Escalar la imagen al ancho completo**: la imagen ocupa todo el ancho de la página. - **Usar una imagen compartida para todos los elementos**: todos los elementos usan la misma imagen. - **Programar la actividad de los elementos del mapa**: los elementos solo están activos en determinados momentos. ## Muestra elementos en días concretos Con **Programar la actividad de los elementos del mapa** activado, cada elemento recibe una **Programación**: 1. Define el **Estado inicial** del elemento: activado o desactivado. 2. Haz clic en **Añadir programación** y elige cuándo cambia: **Desde**, **El día (un solo día)** o **Entre**. 3. Elige el **Tipo de fecha**: un **Día de la campaña** (por ejemplo, el día 3 de la campaña) o una **Fecha fija**. ## Úsalo como calendario Activa **Activar calendario avanzado** para dar a cada elemento sus propias páginas, juego y premios, igual que una casilla de calendario. Usa el complemento **Sustituir las acciones de las entradas** si algunos elementos deben hacer otra cosa. Consulta [Calendarios de Adviento y de Navidad](https://scratcher.io/es/help/games/advent-and-christmas-calendars). Elementos y diseño - [Cómo funcionan los ajustes de los elementos](https://scratcher.io/es/help/elements/element-settings-basics) - [Editar textos y títulos](https://scratcher.io/es/help/elements/text-and-headings) - [Botones y acciones de clic](https://scratcher.io/es/help/elements/buttons-and-click-actions) - [Imágenes, logotipos, vídeo y fuentes](https://scratcher.io/es/help/elements/images-video-and-fonts) - [Secciones, columnas, separadores y espaciadores](https://scratcher.io/es/help/elements/sections-columns-and-layout) - [Configuración de página, fondos y páginas de pop-up](https://scratcher.io/es/help/elements/page-settings-and-backgrounds) - [Elementos de cuenta atrás, redes sociales, compartir y menú](https://scratcher.io/es/help/elements/countdown-social-share-and-menu) - [Gráficos interactivos con puntos clicables](https://scratcher.io/es/help/elements/interactive-graphic) - [Aviso de cookies, código personalizado y otros complementos de campaña](https://scratcher.io/es/help/elements/cookie-notice-and-custom-code) - [Guardar y reutilizar plantillas](https://scratcher.io/es/help/elements/templates-and-reuse) ## Artículos relacionados - [Botones y acciones de clic](https://scratcher.io/es/help/elements/buttons-and-click-actions): Elige qué pasa cuando alguien hace clic en un botón o una imagen: página siguiente, un enlace, jugar, enviar, compartir, descargar y más. - [Calendarios de Adviento y de Navidad](https://scratcher.io/es/help/games/advent-and-christmas-calendars): Crea un calendario con una puerta nueva cada día, dale a cada día su propio juego y sus premios, y copia días para ahorrar tiempo. - [Cuentas atrás, preinscripción y otras páginas especiales](https://scratcher.io/es/help/games/special-pages): Crea expectación antes del lanzamiento, consigue registros antes del inicio y muestra una página cuando la campaña haya terminado. ## ¿Sigues necesitando ayuda? Hay personas reales para ayudarte. Si ya usas Scratcher, lo más rápido es el chat dentro de la plataforma. - **[Chatea con nosotros](https://platform.scratcher.io/login)** Inicia sesión y haz clic en el botón del chat, abajo a la derecha. Rex responde al instante y nuestro equipo está a un clic. - **[Reserva una reunión](https://scratcher.io/es/book-a-meeting)** Una videollamada gratuita de 30 minutos con nuestro equipo: una demostración, ideas para campañas o ayuda con tu configuración. - **[Escríbenos](mailto:contact@scratcher.io)** Escribe a contact@scratcher.io y te responderemos.