Ao desenhar seu Product Tour, você precisa primeiro escolher um site onde deseja construí-lo:
Às vezes, quando você abre seu site, o construtor de tour (esta barra azul 👇) não aparece.
Se você não consegue ver o construtor de Tour, há três coisas que você deve verificar:
Verifique se o Messenger está instalado no seu site
Para desenhar um Product Tour, o Messenger deve estar instalado no site onde você quer construí-lo. Se não estiver instalado, o construtor de Tour não carregará. Por exemplo, se você quer criar um tour no seu produto, mas só tem o Messenger instalado para visitantes desconectados, o construtor de Tour não aparecerá dentro do seu produto.
Se você não tem o Messenger instalado, leia estes guias para começar:
Se você está criando um Tour para visitantes desconectados, você deve instalar o Messenger no seu site.
Se você está criando um Tour para usuários logados, você deve instalar o Messenger no seu produto.
Seu site está incorporado dentro de um iframe de terceiros?
Product Tours não funcionarão em uma página onde seu site está incorporado dentro de um iframe de terceiros.
O Intercom Messenger é sempre renderizado em seu próprio iframe, o que é um comportamento esperado e não pode ser alterado. No entanto, se seu site ou produto estiver carregado dentro de um iframe de terceiros (por exemplo, um App Shopify ou Plugin Figma), o Messenger não pode acessar informações da página pai que contém o iframe.
Nesses casos, Product Tours não são suportados.
Seu site está alterando window.opener?
O construtor de Tour usa a propriedade window.opener para se comunicar com o app Intercom. Se isso estiver sendo sobrescrito pelo Javascript do seu site (ou por uma biblioteca que você usa), o construtor de Tour não funcionará.
Verifique seu cabeçalho Cross-Origin-Opener-Policy
Se seu cabeçalho Cross-Origin-Opener-Policy tiver um valor diferente do padrão "unsafe-none", então o window.opener será impedido de ser definido e o construtor de Tour não carregará.
O Cross-Origin-Opener-Policy só precisa estar definido como "unsafe-none" enquanto você constrói o Tour, para permitir que as ferramentas do construtor de Tour apareçam e funcionem. Assim, a configuração "unsafe-none" pode ser alterada para seu valor preferido após concluir a construção do Tour - a configuração Cross-Origin-Opener-Policy no seu site não afetará como ou quando um Tour "Ao Vivo" é exibido para o usuário final.
Certifique-se de que você está no workspace Intercom correto
Se você tem múltiplos workspaces Intercom (por exemplo, para diferentes sites), certifique-se de que aquele onde você está desenhando o Tour é o que está instalado na página onde você está construindo.
Para verificar isso, veja o ID do workspace na URL da página de Product Tours no Intercom:
Então, abra o console do seu navegador na página onde você está construindo seu Tour e cole o seguinte comando window.intercomSettings.app_id:
Se esses IDs não coincidirem, você precisará navegar para o workspace correto no Intercom e começar a construir o Tour lá.
Nota: Este método funciona apenas com a instalação padrão do JavaScript.
Você está acessando sua página com um endereço IP?
Para o construtor de Product Tour carregar, você deve abrir seu site com um domínio totalmente qualificado como https://www.examply.com, não um endereço IP como 123.4.5.67.
Você está construindo seu tour em um modal ou caixa de diálogo?
Em algumas janelas modais e caixas de diálogo (pop-ups), o “Focus trapping” torna impossível digitar conteúdo nas mensagens do Tour.
Quando você tenta digitar aqui:
O foco pula para outro elemento. (Nota: isso pode não ser visível):
Isso afeta apenas a experiência de construção do Tour, não a forma como ele é exibido para seus clientes. Se você desabilitar temporariamente o “focus trapping” para construir seu Tour, pode reativá-lo depois que o tour estiver construído, e ele deve ser enviado aos clientes sem problemas.
Você pode precisar verificar com um engenheiro ou desenvolvedor da sua equipe para confirmar se usa focus trapping e para desativá-lo temporariamente.
Ainda está com problemas?
Se você tem o workspace correto instalado no seu site e o construtor de tour ainda não carrega, converse conosco no Messenger e teremos prazer em ajudar.