Como corrigir o Hotspot que não exibe tooltips no Ultimate Addons
O que é Hotspot tooltips Ultimate Addons?
Os Hotspot tooltips do Ultimate Addons (UAEL) são os balões de conteúdo que aparecem ligados a cada ponto marcado pelo widget Hotspots, usado sobre uma imagem para destacar áreas com texto, links ou mídia. Segundo a documentação do UAEL, cada hotspot pode exibir um tooltip, abrir um link ou disparar um popup do Elementor, e o widget oferece controles para o gatilho, as animações e o estilo da seta do balão.
Quando o tooltip não aparece, o ponto do hotspot continua visível na imagem, mas o balão de conteúdo não surge ao passar o mouse ou tocar no ponto. Isso costuma vir de uma combinação de configuração do próprio widget (gatilho definido para clique, conteúdo do tooltip vazio) com problemas de renderização no frontend, como o balão sendo recortado pelo overflow da seção ou coberto por outro elemento com z-index maior.
Como identificar
- O ponto do hotspot aparece sobre a imagem, mas nenhum balão de tooltip surge ao passar o mouse sobre ele no frontend.
- O tooltip abre vazio, sem o texto, link ou mídia que foi configurado no conteúdo do hotspot.
- O tooltip aparece pela metade ou cortado na borda da seção, como se estivesse escondido dentro de uma caixa.
- No desktop o tooltip funciona ao passar o mouse, mas no celular o toque no ponto não abre nada.
- No console do navegador (F12) surgem erros de JavaScript do Elementor logo ao carregar a página com o widget Hotspots.
Como prevenir
- Ao adicionar cada ponto do hotspot, preencha o conteúdo do tooltip na hora e defina o gatilho (hover ou clique) de forma consistente em toda a página.
- Evite Overflow Hidden nas seções que contêm widgets com balões flutuantes, como Hotspots, para não recortar o tooltip sem perceber.
- Mantenha o Ultimate Addons for Elementor e o Elementor sempre na versão estável mais recente, validando em staging antes de atualizar em produção.
- Cheque o console do navegador após instalar novos plugins, pois um erro de JavaScript de terceiros pode derrubar a inicialização dos widgets do Elementor.
Causa
- O gatilho do tooltip do hotspot está definido como clique (On Click) e o visitante espera o comportamento de passar o mouse (On Hover), então o balão nunca surge no hover.
- O campo de conteúdo do tooltip daquele ponto específico ficou vazio: o ponto foi adicionado, mas o texto, link ou mídia do tooltip não foi preenchido no repeater do widget.
- A seção ou coluna que contém o widget Hotspots está com Overflow definido como Hidden, recortando o balão do tooltip que se estende para fora dos limites do container.
- Outro elemento da página (um cabeçalho fixo, um popup ou uma coluna com z-index alto) fica por cima do tooltip, escondendo o balão mesmo quando ele é gerado.
- Um erro de JavaScript de outro plugin ou tema interrompe o script do Elementor antes do UAEL inicializar o hotspot, impedindo o tooltip de responder ao hover ou ao toque.
Como resolver
- Confira o gatilho do tooltip no widget Hotspots: Abra a página no editor do Elementor, selecione o widget Hotspots e localize o controle de gatilho do tooltip. Defina o comportamento esperado, normalmente passar o mouse, para que o balão abra ao apontar o cursor sobre o ponto.
Editor do Elementor -> clique no widget Hotspots Aba Content -> grupo Tooltip -> ajuste o gatilho (Trigger) para On Hover Salve e visualize a página no frontend - Preencha o conteúdo do tooltip de cada ponto: Ainda no widget, abra a lista de pontos (hotspots) e edite cada item. Confirme que o conteúdo do tooltip daquele ponto está preenchido com o texto, link ou mídia desejado. Um ponto sem conteúdo abre um balão vazio ou não abre.
Editor do Elementor -> widget Hotspots -> abra cada item da lista de pontos Preencha o campo de conteúdo do tooltip (texto, link ou mídia) do ponto Repita para todos os pontos que precisam de balão - Libere o overflow da seção e da coluna: Se o balão aparece cortado, selecione a seção e a coluna que envolvem o widget e ajuste o Overflow para Default, em vez de Hidden. O Overflow Hidden recorta o tooltip que se estende para fora do container.
Editor do Elementor -> selecione a Seção -> aba Advanced -> Overflow -> Default Selecione a Coluna -> aba Advanced -> Overflow -> Default Atualize e confira se o balão aparece inteiro - Resolva sobreposição por z-index: Se outro elemento cobre o tooltip, aumente o z-index do widget Hotspots ou da coluna que o contém para que o balão fique acima dos vizinhos. Use o snippet de CSS abaixo como referência do valor a aplicar no campo Custom CSS.
Editor do Elementor -> widget Hotspots -> aba Advanced -> Z-Index -> aumente o valor Se necessário, aplique o CSS do bloco de código abaixo no Custom CSS do widget Confira no frontend se o tooltip fica por cima dos demais elementos - Isole conflito de JavaScript no frontend: Se o tooltip ainda não responde ao hover ou ao toque, desative os outros plugins um a um e troque para um tema padrão, recarregando a página a cada teste para identificar o que interrompe o script do Elementor antes do UAEL inicializar o hotspot.
Painel WP -> Plugins -> desative os demais plugins um a um Painel WP -> Aparencia -> Temas -> ative um tema padrão (ex.: Twenty Twenty-Four) Abra o console do navegador (F12 -> Console) e recarregue a página a cada teste
/* Aplique no Custom CSS do widget Hotspots (aba Advanced).
Garante que o tooltip fique por cima e nao seja recortado. */
selector .uael-hotspot-wrap {
z-index: 99;
}
selector .uael-tooltip-content,
selector .uael-hotspot-content {
z-index: 999;
visibility: visible;
opacity: 1;
}
/* Evita que a secao recorte o balao do tooltip. */
selector,
selector .elementor-widget-container {
overflow: visible;
}Perguntas frequentes
Por que o tooltip do meu hotspot não aparece ao passar o mouse
O balão do tooltip abre vazio, o que faço
Por que o tooltip aparece cortado na borda da seção
O tooltip funciona no desktop mas não abre no celular
Outro elemento está cobrindo o tooltip do hotspot
Como sei se o problema é do Ultimate Addons ou de outro plugin
Atualizar o Ultimate Addons pode resolver o tooltip que não abre
Como corrigir o Flexible Content do ACF PRO que não renderiza no Elementor
O Flexible Content do ACF PRO sai em branco no Elementor porque ele e um campo de loop, não um valor simples: a Dynamic Tag ACF Field do Elementor le campos escalares (texto, imagem, link) e devolve vazio para um campo que so existe dentro de um have_rows. Para renderizar, e preciso iterar os layouts com get_row_layout e get_sub_field.
Como corrigir o JetSmartFilters AJAX que não retorna resultados
O JetSmartFilters AJAX que não retorna resultados aplica o filtro, dispara a chamada ao admin-ajax.php, mas o Listing Grid volta vazio ou sem mudar. A causa quase sempre e o Query ID do filtro diferente do provider, o indexer não gerado, ou o cache servindo a página antiga.
Como corrigir estilos que não aplicam entre Ultimate Addons e Astra Pro no WordPress
O problema dos estilos do Ultimate Addons e Astra Pro que não aplicam acontece quando o CSS dos widgets UAEL fica preso em arquivos gerados desatualizados, em cache do site ou é sobrescrito pelo CSS dinâmico do Astra Pro, deixando o widget sem visual no frontend.
Como corrigir o erro do Image Grid no Happy Addons
O erro do Image Grid no Happy Addons acontece quando o widget está desativado no Feature Controller, o Elementor está desatualizado ou um cache antigo serve o CSS e o JavaScript errados, fazendo o widget sumir do editor, as imagens não aparecerem ou o layout masonry quebrar.
Como corrigir os Data Stores do JetEngine que não salvam dados do usuário no WordPress
O JetEngine Data Stores não salva quando o tipo de armazenamento escolhido é por sessao do navegador (Local Storage ou Cookies) e o visitante troca de dispositivo ou limpa o navegador, ou quando o tipo Users esta em uso mas o visitante não esta logado, fazendo os itens adicionados sumirem ao recarregar a página.
Como corrigir o conflito entre Ultimate Addons e Essential Addons no Elementor
O conflito entre Ultimate Addons e Essential Addons acontece quando os dois plugins de addons do Elementor registram widgets sobrepostos e carregam bibliotecas JavaScript e folhas de estilo concorrentes na mesma página, fazendo widgets travarem, o layout quebrar e o site ficar mais lento.
Saúde e Bem-Estar
Restaurantes & Alimentação
Hotelaria & Turismo
Imobiliárias & Construção
Negócios Locais & Franquias
E-commerce & Lojas Virtuais
Educação & Cursos
Profissionais Liberais & Serviços
Agências Digitais & Freelancers
MEIs e Autônomos
Agências e Freelancers
Pequenas Empresas
Startups
Franquias
Elementor PRO
Rank Math
SEOPress
Happy Addons
Tutor LMS
WP Optimize
Crocoblock
WP Rocket
Ultimate Addons
Perfmatter
Funnel Kit
AIOS
Astra PRO
ACF
Essential Addons
WP Forms
UpdraftPlus
Ver mais
FULL CRM 
FULL Widget
FULL Woo
FULL Pop-up
FULL Security
FULL NPS
FULL Update
FULL Social Proof
FULL Analytics
FULL Templates
FULL Creator AI
FULL Backup
FULL Safe Login
FULL SMTP
FULL Monitor
FULL Speed
FULL Cache
FULL Whitelabel
