Welkom & bedankt voor het installeren van AI Frame's Virtuele Paskamer & Maattabellen! Met deze Shopify-app zien je klanten hoe jouw producten hen staan én vinden ze meteen de juiste maat: meer koopvertrouwen, minder retouren en van twijfelaars maak je kopers.
Met deze gids zet je de Try-on knop & maattabel live op je winkel. Het duurt ongeveer een minuut en je hoeft niets te programmeren.
Stap 1: Open de app
Na installatie vanuit de Shopify App Store opent de app direct in je Shopify-admin. Je vindt hem altijd terug in de linkerbalk onder Apps → AI Frame's Virtual Try-On & Size Chart.
Je komt op je dashboard, waar de checklist Get started with Virtual Try-On je door de setup leidt.
Stap 2: Kies je thema
Selecteer onder Choose a theme het thema waarop je de Try-on knop wilt installeren (meestal je live thema).
Klik op Confirm.
Stap 3: Zet de App Embed aan
Dit is de enige stap die nodig is om de knop live te krijgen.
Open in de checklist Get started with Virtual Try-On de stap App Embed - Quick start (works on all themes).
Klik op Enable App Embed, zet vervolgens AI Frame – Virtual Try-On & Size Chart aan in de Theme Editor en klik op Save.
💡 Wil je de knop liever op een specifieke plek zetten? Gebruik dan de App Block-methode - zie Optioneel: Exacte plaatsing onderaan dit artikel.
Stap 4: Bepaal waar de knop verschijnt en maak het jouw merk
Open Styles & Settings in het linkermenu van de app om twee dingen af te stemmen:
Welke producten de knop tonen: selecteer onder Category filter de productcategorieën waarop de Try-on knop moet verschijnen. Laat alles uitgevinkt om de knop op élk product te tonen. Klik op Save.
Personaliseer de widget: onder Widget customization kun je:
Je logo uploaden
Een hero-afbeelding of -video toevoegen die bij je merk past
Je merkkleur instellen (voor knoppen en accenten)
De kleuren van je maattabel aanpassen (koptekst- en rijachtergrond)
Klik op Save als je klaar bent.
Planopmerking: met het Gratis plan kun je je category filter, hero-afbeelding en Try-on knoptekst instellen. Logo, merkkleur, maattabelkleuren en het maattabel-icoon komen vrij vanaf Starter.
💡 Voor de volledige uitleg, zie De try-on widget aanpassen aan je merk.
Stap 5: Voeg je maattabellen toe
Je maattabel verschijnt direct naast het try-on resultaat van elke klant — dit is wat hen helpt de juiste maat te kiezen.
Klik op Size Chart in het linkermenu van de app.
Klik op Add new chart om er een te bouwen vanuit een template, of op Upload size chart om je bestaande maattabel te importeren.
Vul de maten in en koppel de maattabel aan je producten.
Klik op Create chart.
Begin met je bestsellers. Meer detail vind je in Een maattabel instellen voor je producten.
Planopmerking: het Gratis plan bevat 1 maattabel (gebouwd of geüpload). Starter bevat er 10, Growth 20 en Advanced onbeperkt, met CSV-upload vanaf Starter.
Stap 6: Activeer je plan om live te gaan
Om try-ons beschikbaar te maken voor je klanten, activeer je je plan:
Open in de checklist Get started with Virtual Try-On de stap Activate your plan to go live.
Klik op Choose your plan en kies het plan dat bij je winkel past.
Start gratis met 10 try-ons per maand, of kies een betaald plan met 7 dagen gratis proberen. Je widget gaat aan op het moment dat je bevestigt.
Bij betaalde plannen betaal je pas als de proefperiode afloopt en je kunt tijdens de proefperiode altijd opzeggen of later upgraden/downgraden via de Plan-pagina in het linkermenu.
Goed om te weten: start je gratis en upgrade je later? Dan stap je direct over wanneer het jou uitkomt (de proefperiode van 7 dagen geldt wanneer je meteen met een betaald plan begint).
Stap 7: Controleer of het werkt
Open een willekeurige productpagina in je webshop.
Klik op de knop Try-on & Size Chart.
Opent de try-on ervaring en verschijnt je maattabel, dan sta je live! 🎉
Optioneel: Exacte plaatsing met het App Block (Online Store 2.0)
Wil je precies bepalen waar de knop op de productpagina staat:
Open in de checklist App Block — Precise placement (OS 2.0).
Gebruik een ondersteund template (meestal product).
Klik op Add App Block (Product) en daarna op Save.
In de zijbalk van de Theme Editor kun je het blok toevoegen, verwijderen of verplaatsen en de instellingen aanpassen.
Gerelateerde artikelen
De Try-on knop toevoegen aan een Shopify-productpagina
Snelle setup-checklist: live in 10 minuten
Een rondleiding door je AI Frame-dashboard
Wordt de try-on knop nog niet getoond? Lees de checklist 'Try-On knop ontbreekt' of stuur ons een bericht, we helpen je graag!