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:

Wanneer op de knop 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.

{% c-block %}
<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>
<script src="https://app.aiden.cx/webshop/build/aiden-onpage.min.js" async></script>
{% c-block-end %}

💡 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 ⬇️

Volgende tutorial:

Update je gepubliceerde keuzehulp
Heb je iets in je keuzehulp gewijzigd? Vergeet niet opnieuw te publiceren!
Lees meer
An arrow pointing right.