Drapit installeren op Shopify

Open je browser en ga naar drapit.io. Klik rechtsboven op "Gratis starten" of "Inloggen".

Vul je e-mailadres en een wachtwoord in. Je ontvangt een bevestigingsmail — klik op de link om je account te activeren.

Je kunt gratis beginnen met het Proef-abonnement (20 try-ons per maand). Later kun je altijd upgraden als je meer nodig hebt.

Na het inloggen kom je op je Drapit dashboard. Dit is je persoonlijke omgeving waar je alles kunt beheren.

In het menu aan de linkerkant zie je "API-sleutels". Klik hierop om naar je sleutels te gaan.

Klik op "Nieuwe sleutel aanmaken". Geef het een naam die je herkent, bijvoorbeeld "Mijn Shopify Winkel". Je sleutel wordt direct aangemaakt.

Klik op het kopieer-icoontje naast je sleutel (begint met dk_live_). Je hebt deze straks nodig bij het plakken in Shopify.

Ga naar je Shopify admin paneel. Dit is het scherm waar je normaal gesproken je producten en bestellingen beheert.

Klik in het linkermenu op "Online Store" (Online winkel), dan op "Themes" (Thema's). Bij je actieve thema klik je op de drie puntjes (⋮) en kies je "Edit code" (Code bewerken).

In de lijst met bestanden aan de linkerkant, zoek je het bestand genaamd "theme.liquid". Dit vind je meestal in de map "Layout". Klik erop om het te openen.

Scroll in het bestand naar beneden tot je </head> ziet. Plak de volgende code net BOVEN die regel. Vergeet niet om JOUW_API_SLEUTEL te vervangen met de sleutel die je net hebt gekopieerd!

Klik rechtsboven op de groene knop "Save" (Opslaan). De code is nu toegevoegd aan je winkel!

Om Drapit te laten weten bij welke producten de "Virtueel passen" knop moet verschijnen, moet je een kleine toevoeging doen aan je productpagina. Dit klinkt technisch, maar het is heel simpel — je hoeft alleen maar een stukje tekst toe te voegen.

Ga opnieuw naar "Edit code" in je thema. Zoek naar het bestand dat je productpagina bevat. Dit heet meestal "product.liquid", "main-product.liquid" of iets vergelijkbaars. Niet zeker welk bestand? Zoek naar een bestand met het woord "product" in de naam.

Zoek in het bestand naar de plek waar je productinformatie wordt getoond (de titel, prijs, etc.). Voeg aan het omsluitende element de volgende kenmerken toe:

Heb je een nieuwer Shopify thema (Online Store 2.0)? Dan kun je ook via "Customize" → "Add block" → "Custom Liquid" een blok toevoegen op je productpagina en daar de code inplakken. Dit is de makkelijkste manier en vereist geen kennis van codebestanden.

Ga naar de voorkant van je Shopify winkel (niet het admin paneel, maar de echte website die je klanten zien).

Open een product waaraan je de Drapit-kenmerken hebt toegevoegd. Je zou nu een "Virtueel passen" knop moeten zien verschijnen bij het product.

Klik op "Virtueel passen". Er opent zich een venster waar je een foto kunt uploaden. Upload een foto van iemand en wacht een paar seconden. Je ziet het kledingstuk verschijnen op de foto!

Alles werkt? Dan is je installatie klaar! Je klanten kunnen nu virtueel kleding passen in je winkel. Ga naar je Drapit dashboard om te zien hoeveel try-ons er worden gedaan en hoe het de conversie beïnvloedt.