Sandbox de Inovação de Gramado · Piloto Lina

Lina nos sites oficiais de Gramado

Uma linha de código coloca a concierge oficial da cidade em qualquer site: Gramado Inesquecível, Gramadotur, Natal Luz, CVB. Sem app, sem cadastro, sem cookies. Teste agora no botão no canto da tela.

1. Instalação (30 segundos)

Cole antes do </body> de todas as páginas, ou em uma tag "HTML personalizado" no Google Tag Manager (disparo: todas as páginas). Troque o data-origin pelo nome do site.

<script src="https://lina-widget.pages.dev/lina.js" data-origin="gramadoinesquecivel"></script>

Exemplos por site

SiteOnde colarSnippet
Gramado Inesquecível
Laravel, TGR Studio
Layout principal (blade) ou GTM já instaladodata-origin="gramadoinesquecivel"
Gramadotur
WordPress
Aparência > Editor de temas > footer.php, ou plugin "Insert Headers and Footers"data-origin="gramadotur"
Natal Luz
Next.js
app/layout.tsx com <Script strategy="lazyOnload">data-origin="natalluz"
Visite Gramado e Canela (CVB)
WordPress + Elementor
Elementor > Custom Code (footer) ou footer.phpdata-origin="cvb"
Prefeitura de GramadoRodapé do portal (fornecedor do CMS)data-origin="prefeitura"

2. Opções

AtributoPadrãoEfeito
data-origindomínio da páginaIdentifica o site nas métricas e no histórico do Chatbase (mesmo padrão dos QR codes loc1..loc6)
data-langauto (URL /en/, /es/ ou idioma do navegador)pt, en ou es: textos da interface e sugestões
data-positionrightleft para o canto inferior esquerdo
data-color / data-color2#2563eb / #7c3aedGradiente do botão e do cabeçalho. Ex.: paleta de inverno de Gramado #4078ab
data-title, data-subtitle, data-greetingLina / Concierge oficial de GramadoTextos do cabeçalho e primeira mensagem
data-open="true" + data-delay="3000"fechadoAbre sozinho após N ms
data-whatsappwa.me/5554923675339Link "Continuar no WhatsApp" no rodapé do chat
data-privacylina.tur.br/privacidadeLink da política de privacidade

API JavaScript

Lina.open();                 // abre o chat
Lina.ask("O que fazer hoje?"); // abre e pergunta
Lina.close();

Qualquer link com href="#lina" na página abre o chat. Eventos vão para o dataLayer (GTM) como lina_widget.

3. O que o site anfitrião precisa saber

  • Isolamento total: o widget roda em Shadow DOM, não altera CSS nem JavaScript do site. Um arquivo de 14 KB.
  • Sem cookies: a conversa fica em sessionStorage e some ao fechar a aba. Nenhum dado pessoal é solicitado.
  • LGPD: controladora Lina Tecnologia Ltda; política de privacidade linkada no rodapé do chat.
  • Acessível: botão com rótulo, diálogo com role="dialog", fecha com Esc, respeita prefers-reduced-motion. Convive com o VLibras.
  • Performance: carrega depois da página, sem bloquear renderização. Servido pela rede da Cloudflare.
  • Multilíngue: português, inglês e espanhol, tanto na interface quanto nas respostas.
  • Neutralidade: as respostas seguem a Política de Recomendação acordada com a Secretaria de Turismo (sem ranking pago).

4. Teste

O botão desta página já é o widget real, conectado à Lina Gramado. Ver simulação em um site de terceiros.

Falar com a Lina agora