Bytechat op je Shopify webshop integreren

Heb je een webshop via Shopify? Je kunt Bytechat eenvoudig toevoegen door een klein stukje code in je thema te plaatsen. Hierdoor is de chatbot direct beschikbaar op alle pagina's van je winkel.

Stap 1: Thema bewerken

1. Log in op je Shopify-beheeromgeving.
2. Ga in het linkermenu naar Webshop (Online Store) en klik op Thema's (Themes).
3. Klik bij je huidige thema op de knop met de drie puntjes (...).
4. Selecteer in het menu de optie Code bewerken (Edit code).

Stap 2: Het juiste bestand zoeken

Je bent nu in de code-editor van Shopify. We moeten een bestand aanpassen dat op elke pagina wordt geladen.

1. Zoek in de linkerbalk onder het kopje Layout.
2. Klik op het bestand theme.liquid om dit te openen.

Stap 3: Script toevoegen

Nu gaan we de Bytechat code toevoegen aan dit bestand.

1. Open je Bytechat dashboard en ga naar het tabje Account.
2. Hier vind je jouw unieke installatiecode. Kopieer het volledige script.
3. Ga terug naar Shopify en scroll in het bestand theme.liquid helemaal naar beneden.
4. Zoek naar de regel met </body> (dit staat meestal bijna onderaan).
5. Plak het gekopieerde script vlak boven de </body> tag.

<script
src="https://app.bytechat.nl/loader.js"
data-customer-id="[jouw-customer-id]"
defer>
</script>

Let op: In jouw dashboard is [jouw-customer-id] al automatisch voor je ingevuld.

Stap 4: Opslaan en testen

1. Klik rechtsboven op de knop Opslaan (Save).
2. Ga naar je webshop (de voorkant die klanten zien) en ververs de pagina.
3. Als het goed is, verschijnt het Bytechat icoon nu rechtsonder in beeld.

Gefeliciteerd! Je hebt Bytechat succesvol geïntegreerd op je Shopify webshop.