Installatie

De widget op je website installeren

Lisää vimpain mille tahansa sivustolle kahdella koodirivillä. Toimii WordPressissä, Shopifyssa, Webflowissa, Wixissä ja omissa toteutuksissa.

3 min leestijd Bijgewerkt 1 week geleden

Octo

LeadOcto laadt via twee korte regels code die je vlak voor de afsluitende </body>-tag plakt. Je site haalt de actuele instellingen bij elk bezoek op, dus elke wijziging in het dashboard staat meteen live, zonder iets opnieuw te uploaden.

Stap 1 · Kopieer je installatiecode

Open de Installatie-pagina van je widget in het dashboard. De code staat klaar om te kopiëren en bevat al je API-sleutel en widget-ID:

<script>
  window.LeadOcto = { key: "YOUR_API_KEY", widget: "WIDGET_ID" };
</script>
<script src="https://app.leadocto.io/widget/widget.js" async></script>

Stap 2 · Plak hem in je site

Plak beide regels vlak voor </body>. De juiste plek hangt af van je platform:

WordPress — gebruik een snippet-plugin zoals WPCode en plak hem in het Footer-gedeelte.
Shopify — Onlinewinkel, Thema's, Code bewerken, Layout, theme.liquid, voor </body>.
Wix, Webflow, Squarespace — open de Custom Code- of footer-code-instellingen en plak hem daar.
Maatwerksite — plak hem voor </body> in je hoofdtemplate.

Eén keer plakken dekt elke pagina

Je voegt de code maar één keer toe. Je hele site licht op, elke pagina tegelijk.

Stap 3 · Controleer of het werkt

Open je site in een nieuw incognitovenster. Binnen een paar seconden verschijnt de zwevende knop in de hoek. Klik erop en controleer of je knoppen zichtbaar zijn.

Zie je de knop niet?

Controleer of de widget op Actief staat in het dashboard en of er geen scriptblokkering actief is. Gebruik je een Content Security Policy, sta dan app.leadocto.io toe op zowel script-src als connect-src.