Blokken met content op je site aan je Shopify-webshop toevoegen

Leer hoe je een blok met onsite content maakt in Klaviyo Customer Hub en deze weergeeft in je Shopify-webshop. Met blokken met content op je site kun je gepersonaliseerde berichten, promoties en call-to-actions direct op je webshop weergeven terwijl je gebruik maakt van Klaviyo's targeting- en personalisatiefuncties.

Voordat je van start gaat

Voordat je een blok met onsite content maakt, moet je het volgende controleren:

• Klaviyo Customer Hub is ingeschakeld voor je winkel en je account heeft toegang tot personalisatiefuncties van Klaviyo Customer Hub.
• Je gebruikt een Shopify-thema dat het app-blok Inhoudsblok-thema van Klaviyo ondersteunt.
• Als je van plan bent om personalisatietags te gebruiken (bijvoorbeeld de voornaam van een klant), stel je de zichtbaarheid van je contentblok in op Ingelogde shoppers. De editor voorkomt dat je gepersonaliseerde blokken publiceert met de zichtbaarheid Alle shoppers of Uitgelogde shoppers.

Een contentblok voor je website maken

1. Ga in Klaviyo naar Klaviyo Customer Hub > Ontwerp.
2. Scrol naar het gedeelte Contentblokken op de site.
3. Klik op Blok maken.
4. Kies een van de volgende:
   • Hergebruik een bestaande drawer of contentblok op de site: klik onder Je blokken op Blok toevoegen bij het blok dat je wilt kopiëren.
   • Begin met een template uit de Klaviyo-contentblokbibliotheek: klik op Blok toevoegen op een template.
   • Maak een nieuw contentblok: klik op Bouw je eigen.
5. Ontwerp op het tabblad Content je content door het volgende toe te voegen:
   • Een kop in Blokkoptekst en hoofdtekst in Blokparagraaf
   • Afbeeldingen (optioneel)
   • Een linkbestemming (optioneel)
   • personalisatietag, zoals de voornaam van een klant
6. Om het blok klikbaar te maken, vul je een bestemming in bij het veld Link. Om de couponpagina van Klaviyo Customer Hub te openen, vul je #k-hub/coupons in en laat je Link openen in een nieuw tabblad uitgevinkt. Laat Link leeg als het blok alleen informatie moet weergeven.
7. Voer een Interne naam in. Deze naam wordt gebruikt voor identificatie en vertalingen en is niet zichtbaar voor shoppers. Kies dit voordat je publiceert. Je kunt dit achteraf niet bewerken.
8. Stel Zichtbaarheid in om te kiezen welke shoppers het blok kunnen zien. Om specifieke lijsten of segmenten te targeten, gebruik je Tonen aan en Niet tonen aan onder Targeting.
9. Pas op het tabblad Stijl de weergave van het blok aan, waaronder de afmetingen en opmaak, naar wens.
10. Klik op Publiceren.

Na publicatie verschijnt de unieke ID van het blok als Block UUID op het tabblad Content. Je gebruikt deze ID wanneer je het blok toevoegt aan je Shopify-thema.

Belangrijk: Als je content personalisatietag bevat, werk je de zichtbaarheid bij naar Ingelogde shoppers voordat je ze publiceert. Personalisatie is niet beschikbaar voor anonieme bezoekers.

Het contentblok aan je Shopify-thema toevoegen

Zodra je je contentblok hebt gepubliceerd:

1. Open in Klaviyo het tabblad Content van het blok en gebruik de kopieerknop naast Block UUID.
2. Ga in Shopify naar Webshop > Thema's.
3. Klik op Aanpassen om de thema-editor te openen.
4. Open de template waarin je het contentblok wilt laten verschijnen (bijvoorbeeld de template van je productpagina).
5. Klik op Blok toevoegen.
6. Selecteer Klaviyo-contentblok.
7. Plak de UUID die je uit Klaviyo hebt gekopieerd in het veld Content Block ID.
8. Verplaats het blok naar je gewenste locatie binnen de pagina-indeling.
9. Klik op Opslaan.

Het contentblok kan nu overal worden weergegeven waar je het app-blok van de Klaviyo Content Block-app hebt geplaatst, voor shoppers die overeenkomen met de instellingen voor zichtbaarheid en targeting.

Een voorbeeld bekijken en je contentblok testen

Als je contentblok is geconfigureerd voor Ingelogde shoppers, test je het op je webshop terwijl je bent ingelogd op een customer account. In een voorbeeldweergave zonder ingelogde customersessie wordt het blok niet getoond.

Om plaatsing, styling en personalisatie te testen:

1. Behoud de beoogde instellingen voor Zichtbaarheid en Targeting van het blok. Als je ze hebt gewijzigd, klik je op Publiceren in Klaviyo voordat je gaat testen.
2. Open de storefront-pagina waar je het app-blok hebt geplaatst. Als het blok is ingesteld op ingelogde shoppers, log je in op een customer account.
3. Controleer de plaatsing, opmaak, tekst en linkbestemming. Als je lijst- of segmenttargeting gebruikt, test dan met een klant uit de beoogde doelgroep.
4. Als je wijzigingen moet aanbrengen, ga je terug naar Klaviyo Customer Hub > Ontwerp, selecteer je het blok, werk je het bij en klik je op Publiceren. Vernieuw de winkelpagina en test het opnieuw.

Let op: Gepersonaliseerde blokken kunnen niet worden gepubliceerd met de zichtbaarheid Alle shoppers of Uitgelogde shoppers. Laat Ingelogde shoppers geselecteerd staan wanneer je content test die personalisatietags gebruikt.

Voorbeelden van use cases

Blokken met websitecontent kunnen worden gebruikt om:

• Promoot productspecifieke aanbiedingen op productpagina's.
• Toon exclusieve coupon voor VIP-klant.
• Benadruk de voordelen voor loyaliteit of beloningen.
• Personaliseer promotionele berichten met klantprofieleigenschappen.
• Leid shoppers naar Klaviyo Customer Hub om de coupon in te wisselen of gepersonaliseerde aanbiedingen te bekijken.

Hoe het werkt

Wanneer een shopper een pagina bezoekt met een contentblok van Klaviyo:

• Klaviyo haalt de gepubliceerde content op met behulp van de contentblok-ID.
• Targetingregels bepalen of de shopper de content te zien krijgt.
• Voor een blok dat is ingesteld op ingelogde shoppers worden personalisatietags ingevuld met behulp van het Klaviyo-profiel van de ingelogde shopper.
• Links die geconfigureerd zijn om Klaviyo Customer Hub te openen, brengen shoppers rechtstreeks naar de relevante ervaring, zoals hun beschikbare coupon.

Hierdoor kun je dynamische, herbruikbare promotionele content maken zonder je Shopify-thema aan te passen wanneer je berichten veranderen.