In plaats van met een pop-up wordt de keuzehulp op de pagina zelf geopend, waardoor de rest van de inhoud van de pagina omlaag wordt geduwt. Deze manier van integreren bevelen we aan op een categorie-/listerpagina, boven je producten. Ontdek in onze 'Nepshop' hoe de In-page keuzehulp werkt.
Hier is een voorbeeld waarbij onze Car Seat Finder bovenaan de categoriepagina voor autostoeltjes wordt weergegeven.
De gemarkeerde header en introductie op het 🏁 Startscherm worden standaard op de pagina weergegeven, samen met de startknop:
Je kunt echter de header en introductietekst ook weglaten en alleen de startknop tonen. Handig, voor als je al wat tekst hebt staan bovenaan je categorie-/listerpagina of tekst over je keuzehulp wilt laten indexeren (voor SEO-doeleinden). Je zet met het volgende knopje in Embed > As an in-page app in één keer de header en introductietekst uit:
Wanneer op de startknop wordt geklikt, wordt de keuzehulp op de pagina zelf geopend en wordt de lijst met autostoelen naar beneden geduwd
Klanten die geen hulp nodig hebben, kunnen de startknop gewoon negeren, terwijl klanten die wel hulp nodig hebben, een meer native assistent-ervaring zullen hebben.
Hieronder zie je een voorbeeld van de code.
<iframe
src="https://app.aiden.cx/webshop/?advisorId=a1798edb-3531-4cdd-9684-bee972a1c084&mode=inpage&layout=vertical&transparent=true"
id="aiden-a1798edb-3531-4cdd-9684-bee972a1c084"
scrollOffset="-100"
loading="lazy"
style="
border: none;
width: 100%;
min-height: 400px;
"
></iframe>
⚠️ Let op: vergeet niet om het Aiden script te implementeren.
💡 Goed om te weten: je hoeft de keuzehulp maar één keer aan je website toe te voegen. Als je daarna iets in je keuzehulp wijzigt zijn de wijzigingen meteen zichtbaar nadat je opnieuw hebt gepubliceerd.