Skip to main content

Installatiegids

Installeer de ontbindingsknop op Shopify

Voeg de code één keer toe aan je thema en de ontbindingslink verschijnt op elke pagina van de winkel die het thema weergeeft.

Voordat je begint

  1. Create your shop in Clawzia

    Sign up with your email address, create the shop, choose its country and default language and enter the email address that receives withdrawal notifications.

  2. Allow your shop’s domains

    Add every domain your shop runs on to the allowed domains, for example with and without www and the platform address of your shop. On other domains the widget only shows a link to the hosted form, with the EU directive’s wording in English.

  3. Copy your code

    Copy the code from the Install page of your dashboard (for the plugins, only the public key, which starts with pk_). The public key is not a secret.

  4. Sta beide Shopify-adressen toe

    Voeg je eigen domein en je adres jouw-winkel.myshopify.com toe aan de toegestane domeinen.

Voeg de code toe aan je themaRecommended

  1. Maak een back-up van je thema

    Dupliceer eerst je live thema, zodat je indien nodig terug kunt.

    Where: Online Store → Themes → … naast het live thema → Duplicate

    Screenshot follows: Online Store → Themes met het …-menu van het live thema.

  2. Open de themacode

    Open de code-editor van het live thema en het bestand layout/theme.liquid.

    Where: … naast het live thema → Edit code → layout/theme.liquid

  3. Plak de code vóór de afsluitende body-tag

    Plak de code uit je dashboard op de regel net voor </body> en klik op Save. Voeg bij winkels met meerdere talen de paginataal toe aan de script-tag: data-lang="{{ request.locale.iso_code }}".

    Install code (example)
    <script src="https://clawzia.com/widget.js" data-shop="pk_YOUR_SHOP_KEY" defer></script>
    <noscript><a href="https://clawzia.com/w/k/pk_YOUR_SHOP_KEY">[withdrawal wording from your dashboard]</a></noscript>

    Your personal code with your shop key is in the dashboard after sign-up. The second line (noscript) links visitors without JavaScript to your hosted withdrawal form. Its link text is the legal wording for your shop’s country, which the dashboard or our plugins print for you: never type or translate it yourself. If the code in your dashboard has no noscript line, leave it out.

    Screenshot follows: theme.liquid met de code vóór de afsluitende body-tag.

  4. Herhaal dit na themawijzigingen

    Thema-updates en een nieuw thema vervangen theme.liquid: voeg de code opnieuw toe wanneer je het thema bijwerkt of wisselt.

Good to know

  • De link verschijnt op alle pagina’s van de winkel die het thema weergeeft. Checkout en de nieuwe klantaccountpagina’s voeren geen themacode uit, dus daar wordt de link niet getoond; vraag je adviseur of dat voor je webshop voldoende is.
  • Optioneel voeg je een regel toe aan de bestelbevestiging (Settings → Notifications → Order confirmation) met een link naar je gehoste formulier, met de tekst precies zoals je dashboard die toont. Typ of vertaal de tekst nooit zelf.

Shopify-appPlanned

Een Clawzia-app met een app-embed voegt de widget toe zonder code te bewerken. Die is nog niet beschikbaar; gebruik tot die tijd de themacode hierboven.
  1. Schakel de app-embed in

    Zodra de app beschikbaar is, schakelt je de Clawzia-app-embed in de thema-editor in.

    Where: Online Store → Themes → Customize → App embeds

Controleer de installatie

  1. Open your shop in a private window

    The withdrawal link appears at the end of your footer, or as a floating button, depending on the position you chose in the dashboard.

  2. Try it with the keyboard

    Press Tab until the link is focused, then Enter: the two-step withdrawal form opens. Close it with Esc.

  3. Check that the code is there once

    View the page source and search for data-shop="pk_. The script tag should appear exactly once per page.

  4. Send a test withdrawal

    Send a withdrawal with your own email address and the order reference TEST. Check the confirmation email and its receipt link, then close the request in your dashboard.

  5. If the link does not appear

    If your site sends a Content Security Policy, allow https://clawzia.com in script-src and connect-src. Exclude widget.js from script combining, minifying and “delay JavaScript” features of optimisation plugins and CDNs.

Klaar om te installeren?

Maak je webshop aan om je code te krijgen en volg daarna de stappen hierboven.