---
title: "Gráficos interativos com pontos clicáveis"
description: "Transforme uma imagem num mapa com itens clicáveis, mostre itens em dias definidos e use-o como calendário."
url: https://scratcher.io/pt/help/elements/interactive-graphic
language: pt
---

1. [Centro de ajuda](https://scratcher.io/pt/help)
2. [Elementos e design](https://scratcher.io/pt/help/elements)
3. Gráficos interativos com pontos clicáveis

# Gráficos interativos com pontos clicáveis

Transforme uma imagem num mapa com itens clicáveis, mostre itens em dias definidos e use-o como calendário.

Um gráfico interativo é uma imagem com itens clicáveis por cima, por exemplo o mapa de uma loja, a planta de uma feira ou uma paisagem de inverno onde aparece um novo item todos os dias. É um formato especial: precisa do complemento **Formatos especiais** ou de um plano que o inclua.

## Criar um gráfico interativo

1. Clique em **Adicionar página** e escolha **Gráfico interativo**, ou insira o elemento numa página.
2. No separador **Conteúdo**, carregue a **Imagem** de base.
3. Clique em **Adicionar item de mapa** e arraste o item para o seu lugar na imagem.
4. Clique no item para o configurar:
    - **Nome**: só é visível para si.
    - **Imagem**: a imagem do item. Pode também escolher uma imagem de **antes** e de **depois**, por exemplo um presente fechado e um aberto.
    - **Ação**: **Ir para a página** ou **Link**.
5. No separador **Estilos** do item, defina o fundo ao passar o rato, o tamanho e a forma. Ative **Quadrado fixo** em **Definições** para o manter quadrado.

## Definições para todo o gráfico

- **Ajustar a imagem à largura total**: a imagem ocupa toda a largura da página.
- **Usar imagem partilhada entre itens**: todos os itens usam a mesma imagem.
- **Programar a atividade dos itens do mapa**: os itens só ficam ativos em determinados momentos.

## Mostrar itens em determinados dias

Com **Programar a atividade dos itens do mapa** ativado, cada item recebe uma **Programação**:

1. Defina o **Estado inicial** do item: ativado ou desativado.
2. Clique em **Adicionar programação** e escolha quando muda: **De**, **Em (dia único)** ou **Entre**.
3. Escolha o **Tipo de data**: um **Dia da campanha** (por exemplo o dia 3 da campanha) ou uma **Data fixa**.

## Usar como calendário

Ative **Ativar calendário avançado** para dar a cada item as suas próprias páginas, jogo e prémios, tal como uma porta de calendário. Use o complemento **Substituir as ações dos itens** se alguns itens tiverem de fazer outra coisa. Consulte [Calendários do Advento e de Natal](https://scratcher.io/pt/help/games/advent-and-christmas-calendars).

Elementos e design

- [Como funcionam as definições dos elementos](https://scratcher.io/pt/help/elements/element-settings-basics)
- [Edite textos e títulos](https://scratcher.io/pt/help/elements/text-and-headings)
- [Botões e ações de clique](https://scratcher.io/pt/help/elements/buttons-and-click-actions)
- [Imagens, logótipos, vídeo e tipos de letra](https://scratcher.io/pt/help/elements/images-video-and-fonts)
- [Secções, colunas, divisores e espaçadores](https://scratcher.io/pt/help/elements/sections-columns-and-layout)
- [Definições da página, fundos e páginas pop-up](https://scratcher.io/pt/help/elements/page-settings-and-backgrounds)
- [Elementos de contagem decrescente, redes sociais, partilha e menu](https://scratcher.io/pt/help/elements/countdown-social-share-and-menu)
- [Gráficos interativos com pontos clicáveis](https://scratcher.io/pt/help/elements/interactive-graphic)
- [Aviso de cookies, código personalizado e outros complementos da campanha](https://scratcher.io/pt/help/elements/cookie-notice-and-custom-code)
- [Guarde e reutilize modelos](https://scratcher.io/pt/help/elements/templates-and-reuse)

## Artigos relacionados

- [Botões e ações de clique](https://scratcher.io/pt/help/elements/buttons-and-click-actions): Escolha o que acontece quando as pessoas clicam num botão ou numa imagem: página seguinte, uma ligação, jogar, submeter, partilhar, transferir e mais.
- [Calendários do Advento e de Natal](https://scratcher.io/pt/help/games/advent-and-christmas-calendars): Crie um calendário com uma porta nova todos os dias, dê a cada dia o seu próprio jogo e prémios e copie dias para poupar tempo.
- [Contagens decrescentes, pré-registo e outras páginas especiais](https://scratcher.io/pt/help/games/special-pages): Crie expectativa antes do lançamento, recolha registos antes do início e mostre uma página quando a campanha terminar.

## Ainda precisa de ajuda?

Há pessoas reais prontas para ajudar. Se já usa o Scratcher, o mais rápido é o chat dentro da plataforma.

- **[Fale connosco no chat](https://platform.scratcher.io/login)**

    Inicie sessão e clique no botão de chat no canto inferior direito. O Rex responde de imediato e a nossa equipa está à distância de um clique.
- **[Marque uma reunião](https://scratcher.io/pt/book-a-meeting)**

    Uma videochamada gratuita de 30 minutos com a nossa equipa: uma demonstração, ideias de campanhas ou ajuda com a sua configuração.
- **[Envie-nos um e-mail](mailto:contact@scratcher.io)**

    Escreva para contact@scratcher.io e entraremos em contacto consigo.