Het uiterlijk en de plaatsing van de widget aanpassen
Tryvio splitst de widgetconfiguratie zo op dat elke vraag precies één antwoord heeft:
| wat je wilt wijzigen | waar |
|---|---|
| Hoe de knop eruitziet — label, kleuren, hoekradius, grootte, in welke hoek hij staat (productfoto en kaartfoto zijn apart instelbaar) | Thema-editor → App-insluitingen → Tryvio |
| Welke pagina’s hem tonen — collecties, homepage, verwante producten, productblokken | Thema-editor → App-insluitingen → Tryvio |
| Welke producten hem tonen | Tryvio-app → Producten (per-product schakelaars + bulk) |
De instellingen openen
In je Shopify-beheercentrum: Onlinewinkel → Thema’s → Aanpassen, open dan App-insluitingen in de linker zijbalk en selecteer Tryvio.
De Tryvio-app brengt je er direct naartoe — op het scherm Widget gebruik je Change this in the Theme Editor →.
Deze instellingen staan in je thema, dus je ziet ze live terwijl je bewerkt en ze reizen mee met het thema. Dupliceer je een thema, dan behoudt de kopie ze. Schakel je over naar een ander thema dat nooit is geconfigureerd, dan begint dit vanaf de standaardwaarden — zie Overschakelen tussen thema’s.
Hoe de knop eruitziet
- Knoplabel — pas de tekst “Try it on” aan je toon aan.
- Knopachtergrond, Kleur knoptekst, Kaartachtergrond (productpagina) en Kleur kaartrand (productpagina).
- Hoekradius en Knopbreedte op de productpagina.
- Positie op de productafbeelding — in welke hoek de knop staat op de hoofdfoto van het product, apart instelbaar voor mobiel en desktop. Linksboven, rechtsboven, linksonder of rechtsonder; standaard is rechtsonder. Verplaats hem als een andere app die hoek al gebruikt — kortingslabels staan meestal linksboven en verlanglijst-hartjes rechtsboven.
- Kaartknop — mobiel en Kaartknop — desktop — de Grootte, het Label en de Positie op de kaartafbeelding van de kaartknop, apart instelbaar omdat een kaart op een telefoon veel minder ruimte heeft dan op desktop. “Automatisch” past de knop aan de kaart aan; “Alleen het logo” houdt de productfoto vrij.
- Aandachtsanimatie — een subtiele puls die de aandacht trekt, uit voor shoppers waarvan het apparaat om minder beweging vraagt.
- Aangepaste CSS voor al het overige.
Twee knoppen, twee positie-instellingen. “Positie op de productafbeelding” verplaatst de knop op de productpagina. “Positie op de kaartafbeelding”, verder naar onder onder Kaartknop, verplaatst de knop op collectie- en homepage-productkaarten — een andere knop. Verander je de ene, dan verschuift de andere nooit mee.
Welke pagina’s de knop tonen
Onder Waar de knop verschijnt heb je één instelling per plek:
- Toon de pasknop op de productafbeelding — de knop op de hoofdproductfoto van je productpagina’s. Zet hem uit om de knop in plaats daarvan handmatig te plaatsen met het blok “Tryvio-knop”.
- Collectiepagina’s — een knop op elke kaart in je collectierasters.
- Homepage — blokken met uitgelichte producten en productrasters.
- Verwante producten op een productpagina — de kaarten “misschien vind je dit ook leuk”.
- Productblokken op andere pagina’s — productrasters op eigen pagina’s en de pagina met alle collecties.
Elke van de vier kaartplekken heeft drie opties:
| optie | wat het doet |
|---|---|
| Automatisch (standaard) | Toont de knop op deze plek — behalve wanneer je ooit specifieke pagina’s hebt gekozen in de Tryvio-app (die keuze blijft hier gelden), of Kaartknoppen: oude hoofdschakelaar (verouderd) verder in het paneel hebt uitgezet. |
| Tonen | Altijd tonen op deze plek, wat er ook eerder in de app was gekozen. |
| Verbergen | Nooit tonen op deze plek, wat er ook eerder in de app was gekozen. |
Tryvio aanzetten in je thema is wat de knop toont, dus Automatisch betekent getoond. Een winkel die ooit specifieke pagina’s heeft gekozen in de Tryvio-app houdt die keuze op Automatisch, zodat een update nooit verandert waar de knop verschijnt. Zodra je Tonen of Verbergen kiest, beslist het thema — één schakelaar, één uitkomst.
In zoekresultaten verschijnt de knop nooit.
Welke producten de knop tonen
Instellingen per paginatype bepalen welke pagina’s. Om te bepalen welke producten, gebruik je het scherm Producten in de Tryvio-app — filter op collectie of tag en schakel in bulk in. Zie Inschakelen per product.
Overschakelen tussen thema’s
Omdat deze instellingen in het thema staan, begint een gloednieuw thema vanaf de standaardwaarden: de knop toont op productpagina’s, en elke kaartplek staat op Automatisch. Schakel je van thema, open dan App-insluitingen → Tryvio en bevestig dat de plaatsing is zoals je wilt.
Merkinstellingen
Tryvio heeft geen apart onderdeel voor merkinstellingen — geen logo- of merkkleurcontroles naast de knopinstellingen hierboven. De tekst die shoppers lezen bewerk je op het tabblad Vertalingen; zie Talen en lokalisatie.
Laatst bijgewerkt op