Instalação do widget
Obter o código de incorporação
Aceda a Dashboard -> Assistants -> Your Bot -> Embed Code. Verá um snippet semelhante a este:
<script src="https://cdn.conviro.io/widget/widget.iife.js"></script>
<script>
cw('init', { publicKey: 'pk_YOUR_PUBLIC_KEY' });
</script>
Abaixo encontra instruções passo a passo para todas as principais plataformas.
WordPress
- Aceda ao painel de administração do seu WordPress.
- Aceda a Appearance -> Theme File Editor -> footer.php (ou utilize um plugin como Insert Headers and Footers).
- Cole o código de incorporação imediatamente antes da etiqueta \</body\>.
- Clique em Update File.
- Limpe a cache de qualquer plugin de caching (WP Super Cache, W3 Total Cache, etc.) e confirme.
Shopify
- No admin do Shopify, aceda a Online Store -> Themes -> Actions -> Edit Code.
- Abra theme.liquid.
- Cole o código de incorporação antes de \</body\>.
- Clique em Save.
Wix
- No seu painel do Wix, aceda a Settings -> Custom Code.
- Clique em + Add Custom Code.
- Cole o código de incorporação e defina a colocação como Body - End.
- Aplique-o a All pages e clique em Apply.
Squarespace
- Aceda a Settings -> Advanced -> Code Injection.
- Cole o código de incorporação no campo Footer.
- Clique em Save.
HTML personalizado / sites estáticos
Basta colar o código de incorporação antes da etiqueta \</body\> de fecho no seu ficheiro HTML. O script do widget é carregado de forma assíncrona e não bloqueia a renderização da página.
React / Next.js
Em projetos React ou Next.js, pode carregar o widget no seu layout raiz ou no componente \<App\>:
// app/layout.tsx (Next.js App Router example)
import Script from 'next/script';
export default function RootLayout({ children }) {
return (
<html>
<body>
{children}
<Script
src="https://cdn.conviro.io/widget/widget.iife.js"
strategy="afterInteractive"
/>
<Script id="conviro-init" strategy="afterInteractive">
{`cw('init', { publicKey: 'pk_YOUR_PUBLIC_KEY' });`}
</Script>
</body>
</html>
);
}
Verificar a instalação
- Abra o seu site num navegador.
- Deverá ver o balão de chat do Conviro no canto inferior direito (ou no canto inferior esquerdo, consoante as suas definições).
- Se não aparecer, consulte o artigo de resolução de problemas O widget não aparece.