Skip to main content
O Modal de Suporte Mellowtel é um modal não intrusivo que incentiva os usuários a apoiar sua extensão ou site através da extensão Support with Mellowtel.

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 modal
  • title (string, opcional): Título personalizado do modal (padrão é “Support with Mellowtel”)
  • body (string, opcional): Texto personalizado do corpo do modal
Retorna: 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