C cenaly.com
Gratis starten

Shopify · hulp aan de koper in de etalage

Widgets van Cenaly.com voor Shopify

Voeg een chat, contactknop of promotiewidget toe aan product- en collectiepagina's. De code wordt in het thema van de winkel geplaatst; dit is geen app voor het synchroniseren van bestellingen en geen installatie in de checkout. Gebruik voor consent en analytics de aparte volgorde hieronder.

  • Begin met één scenario op de productpagina
  • Instellingen in Cenaly.com, de code in theme.liquid van uw thema
  • Maak vóór de wijziging een kopie van het thema; controleer na publicatie de winkelwagen en de mobiele weergave

Zonder kaart · registratie in een minuut, tag nog een · aanpassingen aan instellingen bereiken de site binnen 5 minuten

Eén tag voor alle widgets9 van de 13 gratisShadow DOM — breekt de lay-out nietLabels in de taal van de paginaTwee clouds: AWS en Rusland

Wat werkt er op Shopify

Kies de gewenste widget en configureer deze in uw account. Gewone widgets gebruiken een gezamenlijke tag; voor consent en analytics is een aparte installatievolgorde belangrijk.

De gekozen widget en het platform worden bij registratie opgeslagen. Stel de widget daarna in via uw account. Houd deze instructie voor Shopify open: kom na het instellen terug naar de onderstaande installatiestappen.

Alle 13 widgets →

Hebt u een betaald abonnement van Shopify nodig

Geen betaald abonnement op het platform nodig

U heeft een winkel nodig met Online Store en toegang tot de themacode; een aparte app voor het invoegen van de tag is niet nodig.

Deze instructie geldt voor een winkel waar Online Store → Themes → Edit code beschikbaar is. Controleer de mogelijkheden van uw abonnement en de rechten van de medewerker voordat u met de installatie begint.

Het Shopify-abonnement wordt apart van de widgets van Cenaly.com betaald. Het ontbreken van een aparte aankoop van een app betekent niet dat de winkel gratis is of dat u toegang heeft tot het bewerken van checkout.

Menu-items en tariefvoorwaarden op deze pagina komen uit de officiële help:

Gecontroleerd aan de hand van de platformhelp 2026-09-22

Hoe u code invoegt op Shopify

Standaard widgets: chat, contactknop, afspraak

<script src="https://cdn.cenaly.com/site/v1.js" data-domain="your-site.com" async></script>

Voorbeeldtag voor gewone widgets. Neem uw eigen code uit uw account; u hoeft deze niet te vervangen door een demonstratiedomein. Gebruik voor het blokkeren van analytics de aparte instructie hieronder. Cookiebanner en analytics: aparte procedure →

  1. 1

    Kopieer de installatiecode

    In uw account bij Cenaly.com: Beheerpaneel → Marketing → „Mijn site”. Vul het adres van de winkel in het eerste veld in en kopieer de tagregel.

  2. 2

    Maak een kopie van het thema

    In het Shopify-beheer: Online Store (Internetwinkel) → Themes (Thema's) → bij het gewenste thema „…” → Duplicate. Dit is uw weg terug als er iets misgaat.

  3. 3

    Open de code-editor

    Op dezelfde plek: bij het thema het pictogram „…” → Edit code (Code bewerken). De Shopify-hulp beschrijft het zo: „From your Shopify admin, go to Online Store. Click … > Edit code”.

  4. 4

    Zoek theme.liquid

    In de lijst links: map Layout → bestand theme.liquid. Dit is het algemene raamwerk van alle pagina's van de winkel.

  5. 5

    Plak de tag en sla op

    Plak de regel direct vóór de afsluitende tag head (of vóór de afsluitende body) en klik op Save.

  6. 6

    Controleer de installatie

    Open de etalage van de winkel en ga terug naar „Mijn site” → „Installatie controleren”.

De wijziging hoort bij één specifiek thema. Publiceert u een ander thema, plak de tag dan ook daarin, anders verdwijnen de widgets samen met het oude thema.

Officiële help van Shopify ↗

Installatie controleren

  1. 1

    Publiceer de site opnieuw

    In websitebouwers blijft een aanpassing in de conceptversie staan: zolang de pagina's niet opnieuw zijn gepubliceerd, staat de tag niet op de live site.

  2. 2

    Open „Mijn site” in uw account

    Beheerpaneel → Marketing → „Mijn site”. In het eerste veld staat het adres van uw site, ernaast „Installatie controleren”.

  3. 3

    Bekijk wat er is gevonden

    De controle leest de bron-HTML van de pagina en toont de gevonden widgets. Een tag die via Google Tag Manager is geplaatst, ziet de controle niet — dat is een beperking van de controle, niet van de installatie.

Foutopsporing bij installatie — in de help Installatie-instructies →

Kenmerken van Shopify

  • De code hoort bij het gekozen thema

    Controleer na een wijziging of update van het thema of de tag in de gepubliceerde versie aanwezig is. Voeg geen tweede exemplaar toe als het eerste bewaard is gebleven.

  • Vitrine en checkout zijn verschillende oppervlakken

    De route via theme.liquid is bedoeld voor vitrinepagina's die dit thema gebruiken. Deze voegt geen widget toe aan checkout en bevestigt geen controle over de pixels van Shopify.

  • Er is al een chat-app geïnstalleerd

    Controleer of de knoppen op de telefoon elkaar overlappen. Schakel de overbodige uit of wijzig de positie en controleer daarna of de winkelwagen opent.

  • Uw bestellingen blijven in Shopify

    Het invoegen van de tag importeert geen producten, winkelwagens en bestellingen. Als de verkopen via Shopify lopen, begin dan met de chat of multiknop; de bestelwidget van Cenaly.com wordt apart ingeschakeld.

Vragen en antwoorden

Is een app uit de Shopify App Store nodig?

Voor de beschreven methode niet: een gewone tag wordt toegevoegd in theme.liquid. Toegang tot het thema is nodig; voor consent is er een aparte tag en een controle van de laadvolgorde.

Werkt de widget op checkout?

Deze installatiemethode geldt voor de vitrine. Deze breidt checkout niet uit en synchroniseert de bestelgegevens van Shopify niet.

Kan compatibiliteit met de winkelwagen worden gegarandeerd?

De vormgeving van de widget is geïsoleerd met Shadow DOM, maar dat is geen garantie voor compatibiliteit met elk gedrag van thema's en apps. Maak eerst een kopie van het thema en controleer daarna de productpagina, de winkelwagen en de mobiele pagina.

Wat moet u controleren na een wijziging van het thema?

De aanwezigheid van één tag in het nieuwe gepubliceerde thema, het openen van de widget, het niet overlappen van knoppen en het juiste domein uit het account.

Is een gewone async-tag geschikt voor de cookiebanner?

Om trackers vóór toestemming te blokkeren is een aparte consent/v1.js nodig, als eerste in de head zonder async/defer. Controleer het laden vóór de keuze, na weigering en na acceptatie. De ingebouwde analytics van het platform kunnen een aparte configuratie vereisen; het verschijnen van de banner bevestigt niet dat u aan de wet voldoet.

Meer informatie — installatie per platform, configuratie en probleemoplossing — vindt u in de help. Installatie-instructies →

Plaats de widgets op uw Shopify-winkel

Kies een taak voor de etalage, stel de widget in en plaats deze in een kopie van het thema. Controleer na publicatie de productpagina en het winkelmandje.

Widget kiezen

Zonder kaart · registratie in een minuut, tag nog een · aanpassingen aan instellingen bereiken de site binnen 5 minuten