Widget de Imagem Interativa para o Seu Site

Transforme uma foto de produto, planta, captura de tela, diagrama ou mapa em um guia interativo. Adicione até oito marcadores e dê a cada um um cartão de detalhes com uma imagem opcional, título, descrição e botão de CTA.

Como criar um widget Image Hotspot

Upload your image

Faça o upload da sua imagem

Comece com uma foto de produto, planta, captura de tela de app, infográfico ou outra imagem que os visitantes precisem explorar.

Place and edit hotspots

Posicione e edite hotspots

Adicione até oito marcadores, arraste-os para a posição desejada e escolha um número ou ícone para cada um. Em seguida, adicione uma imagem opcional, título, descrição e um link de CTA.

Style and embed it

Estilize e incorpore

Defina as cores do marcador e do cartão, o comportamento de clique ou ao passar o mouse, o tamanho, a fonte e a visibilidade em cada dispositivo, e publique o widget sem código no seu site.

Transforme imagens estáticas em imagens interativas sem código personalizado

Posicione pinos visualmente com coordenadas responsivas

Adicione pinos diretamente na imagem e arraste-os para a posição desejada. Os hotspots são armazenados como coordenadas relativas, então permanecem alinhados conforme a imagem se ajusta no desktop, tablet e dispositivos móveis.

Place pins visually with responsive coordinates

Dê a cada hotspot seu próprio conteúdo

Adicione uma imagem opcional, título e descrição a cada cartão de detalhes. Você também pode exibir um botão de CTA personalizado que abre seu destino em uma nova aba.

Give every hotspot its own content

Use clique ou o passar do mouse com folhas inferiores em dispositivos móveis

Abra os cartões com clique ou ao passar o mouse no desktop. Em dispositivos móveis, o hotspot ativo abre em uma folha inferior que mantém a imagem fácil de visualizar.

Use click or hover with mobile bottom sheets

Combine marcadores e cartões com seu site

Use marcadores numerados ou com ícones, escolha na biblioteca de ícones e ajuste o tamanho do marcador, o efeito de pulsação, o tamanho do cartão, as cores, o tema, o raio dos cantos, a fonte e o alinhamento do texto.

Match markers and cards to your website

Como incorporar seu widget Image Hotspot ao WordPress

1Obtenha seu código de incorporação

Após personalizar seu widget de site do Jotform, clique em Experimente no seu site gratuitamente e copie o código de incorporação gerado.

2Abra o editor de página

Acesse o post ou a página do WordPress onde deseja exibir o widget e adicione um novo bloco.

3Adicione um bloco de HTML Personalizado

Selecione HTML Personalizado e cole o código de incorporação do widget de site do Jotform no campo HTML.

4Atualize e visualize

Clique em Atualizar ou Publicar e abra a página para verificar seu widget incorporado.

Por que os Widgets para Sites Jotform se destacam

Os widgets da Jotform tornam seu site mais interativo e aumentam as conversões. Há diversas opções disponíveis, desde avaliações com estrelas e deslizadores de depoimentos até pop-ups de prova social e incorporações de mídia. Adicione widgets aos seus formulários ou landing pages para coletar dados, exibir provas sociais e capturar leads — tudo sem precisar programar.

Incorpore widgets sem precisar programar

Adicione widgets da Jotform ao seu site com um simples código de incorporação. Personalize o widget, veja uma prévia de como ele ficará e cole-o em qualquer página que aceite HTML personalizado ou blocos de incorporação, sem precisar de um desenvolvedor.

Crie páginas mais interativas

Use os Widgets para Sites Jotform para coletar leads, exibir avaliações de clientes, expor provas sociais, incorporar mídia ou adicionar ferramentas úteis às suas páginas. Cada widget ajuda os visitantes a interagir com sua empresa diretamente no site.

Receba suporte sempre que precisar

Se precisar de ajuda para configurar, personalizar, incorporar ou solucionar problemas com o seu widget, a equipe de suporte Jotform está disponível 24h. Assim, você pode seguir em frente com confiança, sabendo que terá ajuda sempre que precisar.

Onde usar seu widget de Hotspot em Imagem

Use hotspots interativos em qualquer lugar onde os visitantes precisem examinar um visual e entender o que cada parte significa.

Imagens de produtos e lookbooks para identificar itens em destaque, explicar detalhes importantes e direcionar os visitantes às páginas de produtos.

Plantas de imóveis e locais de eventos para anotar cômodos, estandes, zonas de assentos, comodidades ou opções de aluguel.

Capturas de tela de apps para explicar áreas da interface, etapas do fluxo de trabalho, painéis ou recursos do produto.

Infográficos e relatórios para adicionar explicações objetivas sem sobrecarregar o gráfico original.

Diagramas educativos para facilitar a exploração de mapas, visuais de processos e imagens de treinamento.

Páginas de portfólio para descrever detalhes de design, materiais, notas de antes e depois ou decisões do projeto.

Converta leads em clientes pagantes com o Criador de Formulários Jotform

Transforme engajamento em ação usando Jotform. Crie formulários poderosos para captar leads, receber pagamentos e automatizar respostas, tudo em um só lugar. Cada envio chega à sua Caixa de Envios Jotform, onde você pode fazer o acompanhamento ou conectar seus apps favoritos.

Comece já — é grátis!
Convert leads into customers

Perguntas Frequentes

  • O que é um widget de Hotspot em Imagem?

    Um widget de Hotspot em Imagem adiciona marcadores interativos a uma imagem. Cada marcador pode abrir um cartão de detalhes com imagem, título, descrição e botão de CTA.

  • Posso posicionar os hotspots visualmente?

  • Quantos hotspots posso adicionar?

  • O que posso adicionar a cada cartão de hotspot?

  • Os visitantes podem abrir os cartões ao passar o mouse?

  • Como funciona em dispositivos móveis?

  • Posso alterar o estilo do marcador?

  • Posso estilizar os cartões?

  • Posso controlar em quais dispositivos o widget é exibido?

  • Preciso escrever código?