Pré-requisitos
Antes de usar o modal, certifique-se de ter o Mellowtel Elements configurado no seu projeto:Integração de Extensão
Configuração para extensões de navegador
Integração de Site
Configuração para sites usando NPM ou CDN
Principais Funcionalidades
- Multiplataforma - Funciona em sites e scripts de conteúdo de extensões
- Adiamento Inteligente - Usuários podem adiar por 1 semana, 2 semanas ou desativar permanentemente
- Armazenamento Chrome - Usa a API de armazenamento do Chrome quando disponível, com fallback para localStorage
- Shadow DOM - Isolamento de estilo evita conflitos com estilos da página hospedeira
- Responsivo para Móveis - Otimizado para todos os tamanhos de tela
- Detalhes da Extensão - Busca e exibe automaticamente o nome e ícone da extensão
Criando o Modal
Depois de ter o Mellowtel Elements inicializado (veja os guias de integração acima), você pode criar e exibir o modal de suporte:Uso Básico
Exemplos de Uso
Em Scripts de Conteúdo
Em Sites
Exibição Condicional
Referência da API
createModal(inviteId, title?, body?)
Cria e exibe o modal de suporte.
Parâmetros:
inviteId(string, obrigatório): Identificador único para rastrear interações com o modaltitle(string, opcional): Título personalizado do modal (padrão é “Support with Mellowtel”)body(string, opcional): Texto personalizado do corpo do modal
Promise<void>
Comportamento do Modal
Opções de Adiamento
Os usuários podem escolher entre três opções de adiamento:- 1 semana: O modal não aparecerá por 7 dias
- 2 semanas: O modal não aparecerá por 14 dias
- Desativar: O modal nunca aparecerá novamente