Instalação do widget

Getting Started7 visualizações

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

  1. Aceda ao painel de administração do seu WordPress.
  2. Aceda a Appearance -> Theme File Editor -> footer.php (ou utilize um plugin como Insert Headers and Footers).
  3. Cole o código de incorporação imediatamente antes da etiqueta \</body\>.
  4. Clique em Update File.
  5. Limpe a cache de qualquer plugin de caching (WP Super Cache, W3 Total Cache, etc.) e confirme.

Shopify

  1. No admin do Shopify, aceda a Online Store -> Themes -> Actions -> Edit Code.
  2. Abra theme.liquid.
  3. Cole o código de incorporação antes de \</body\>.
  4. Clique em Save.

Wix

  1. No seu painel do Wix, aceda a Settings -> Custom Code.
  2. Clique em + Add Custom Code.
  3. Cole o código de incorporação e defina a colocação como Body - End.
  4. Aplique-o a All pages e clique em Apply.

Squarespace

  1. Aceda a Settings -> Advanced -> Code Injection.
  2. Cole o código de incorporação no campo Footer.
  3. 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

  1. Abra o seu site num navegador.
  2. Deverá ver o balão de chat do Conviro no canto inferior direito (ou no canto inferior esquerdo, consoante as suas definições).
  3. Se não aparecer, consulte o artigo de resolução de problemas O widget não aparece.
widgetinstallationwordpressshopifywixsquarespacereactnextjsembed

Este artigo foi útil?