Valdiklio diegimas

Getting Started6 peržiūrų

Valdiklio diegimas

Kaip gauti įterpimo kodą

Eikite į Dashboard -> Assistants -> Your Bot -> Embed Code. Pamatysite maždaug tokį kodo fragmentą:

<script src="https://cdn.conviro.io/widget/widget.iife.js"></script>
<script>
  cw('init', { publicKey: 'pk_YOUR_PUBLIC_KEY' });
</script>

Toliau pateikiamos nuosekliosios instrukcijos visoms pagrindinėms platformoms.


WordPress

  1. Atverkite savo WordPress administravimo skydelį.
  2. Eikite į Appearance -> Theme File Editor -> footer.php (arba naudokite papildinį, pavyzdžiui, Insert Headers and Footers).
  3. Įklijuokite įterpimo kodą prieš pat žymą \</body\>.
  4. Spustelėkite Update File.
  5. Išvalykite talpyklos papildinio (WP Super Cache, W3 Total Cache ir kt.) podėlį ir patikrinkite rezultatą.

Shopify

  1. Shopify administravimo skydelyje eikite į Online Store -> Themes -> Actions -> Edit Code.
  2. Atverkite theme.liquid.
  3. Įklijuokite įterpimo kodą prieš \</body\>.
  4. Spustelėkite Save.

Wix

  1. Savo Wix skydelyje eikite į Settings -> Custom Code.
  2. Spustelėkite + Add Custom Code.
  3. Įklijuokite įterpimo kodą ir nustatykite vietą Body - End.
  4. Pritaikykite jį All pages ir spustelėkite Apply.

Squarespace

  1. Eikite į Settings -> Advanced -> Code Injection.
  2. Įklijuokite įterpimo kodą į lauką Footer.
  3. Spustelėkite Save.

Savas HTML / statinės svetainės

Tiesiog įklijuokite įterpimo kodą prieš uždaromąją žymą \</body\> savo HTML faile. Valdiklio scenarijus įkeliamas asinchroniškai ir nestabdo puslapio atvaizdavimo.

React / Next.js

React arba Next.js projektuose valdiklį galite įkelti šakniniame maketo faile (root layout) arba \<App\> komponente:

// 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>
  );
}

Diegimo patikrinimas

  1. Atverkite savo svetainę naršyklėje.
  2. Apačioje dešinėje (arba apačioje kairėje – priklausomai nuo jūsų nustatymų) turėtumėte matyti Conviro pokalbių burbulą.
  3. Jei jis nepasirodo, peržiūrėkite trikčių šalinimo straipsnį Valdiklis nerodomas.
widgetinstallationwordpressshopifywixsquarespacereactnextjsembed

Ar šis straipsnis buvo naudingas?