Flow widget plaatsen

Na publicatie plaats je de Flow widget op de webshoppagina's waar bezoekers hulp nodig hebben bij het kiezen.

Waar je dit instelt

• Delen & publiceren: publiceren en Flow widget-code kopieren.
• Team -> Toegestane embed-domeinen: webshopdomeinen toestaan en het webshopplatform instellen.
• Styling: de publieke uitstraling controleren voor uitrol.
• Instellingen -> Tracking: externe tracking aanzetten wanneer nodig.

Kies plek en weergave

Begin op de pagina waar bezoekers al een keuze maken.

• Categoriepagina: handig wanneer bezoekers veel producten vergelijken.
• Adviespagina: handig wanneer bezoekers eerst hulp nodig hebben.
• Productpagina: handig wanneer bezoekers willen checken of één product past.

Kies Inline voor pagina-inhoud, Pop-up voor een knop en Zijbalk wanneer de pagina zichtbaar moet blijven.

Voeg de widgetcode toe

Kopieer de code uit BerryPath wanneer dat kan. Die bevat automatisch de juiste waarden voor de gepubliceerde Adviesflow.

Basisvoorbeeld inline:

<script async src="https://www.berrypath.eu/embed/berrypath.js"></script>

<div
  data-berrypath-flow="YOUR_FLOW"
  data-berrypath-type="inline"
></div>

Gebruik voor een pop-up of zijbalk een knop en zet data-berrypath-type op popup of sidebar.

Staan er meerdere Flow widgets op één pagina, voeg het script dan één keer toe en herhaal alleen het widget-element of de knop.

Gebruik platformplugins

Magento, Shopware en WooCommerce shops kunnen een plugin of module gebruiken in plaats van elke Flow widget handmatig te plaatsen.

Stel het webshopplatform in tijdens onboarding of via Team, zodat Delen & publiceren standaard met het juiste platform opent.

• Magento module docs
• Shopware plugin docs
• WooCommerce plugin docs

Sta het webshopdomein toe

Sta alleen domeinen toe waar de Flow widget mag laden.

1. Open Team.
2. Ga naar Toegestane embed-domeinen.
3. Voeg het webshopdomein toe, bijvoorbeeld example.com.
4. Voeg subdomeinen apart toe wanneer nodig.

Geef product, taal of markt mee

Geef op productpagina's het huidige Product-ID mee:

data-berrypath-product-id="YOUR_PRODUCT_ID"

Kopieer voor vertalingen of marktfeeds de juiste versie uit Delen & publiceren, of voeg toe:

data-berrypath-locale="nl"
data-berrypath-market="aurora-de"

Gebruik dezelfde Product-ID's en marktcodes als in productdata.

Meet afgeronde bestellingen

Plaats de conversiemeetcode uit Delen & publiceren op de orderbevestigingspagina.

<script src="https://www.berrypath.eu/embed/berrypath.js"></script>
<script>
window.BerryPath.conversion({
  order_total: 129.95,
  items: [{ product_id: "PRODUCT_ID" }]
});
</script>

Gebruik dezelfde Product-ID's als in productdata. Stuur geen persoonsgegevens mee.

Test voor uitrol

1. Open de webshoppagina in een privevenster.
2. Controleer of de Flow widget opent zonder loginpagina.
3. Doorloop de Adviesflow en bekijk de aanbevelingen.
4. Test mobiel en desktop.
5. Bekijk analytics zodra de eerste bezoeken binnenkomen.

Laadt de Flow widget niet in een strenge webshopsetup, vraag je developer dan om het domein uit de gekopieerde Flow widget-code toe te staan.