Dynamische contentblokken

Met het dynamische contentblok kun je verschillende soorten content dynamisch weergeven in je checkout wanneer aan bepaalde voorwaarden is voldaan.

Als je bijvoorbeeld een campagne hebt om een deel van de omzet van alle T-shirts aan een goed doel te doneren, kun je een speciale banner Bedankt voor je steun aanmaken die alleen in de checkout wordt weergegeven wanneer een klant een T-shirt koopt.

Ondersteunde content-items voor dynamische contentblokken

Dynamische contentblokken ondersteunen de volgende soorten content-items:

  • Accordion
  • Banner
  • Voordelen
  • Knop
  • Scheidingslijn
  • Kop
  • Afbeelding
  • Tussenruimte
  • Tekst

Je kunt meerdere content-items toevoegen aan één dynamisch contentblok.

Dynamische contentblokken ondersteunen ook een beperkte lijst met Markdown-opmaak bij het schrijven van tekst:

  • Koppen H1, H2 en H3
  • Vet, cursief en doorgestreept
  • Afbeeldingen
  • Regeleindes
  • Links
  • Geordende en ongeordende lijsten
  • Horizontale lijnen

Om wat personalisatie aan je content toe te voegen, kun je ook Liquid-variabelen gebruiken.

Een dynamisch contentblok aanmaken

Je kunt een dynamisch contentblok aanmaken en configureren in de Checkout Blocks-app. Nadat je een dynamisch contentblok hebt aangemaakt, moet je het toevoegen aan de checkout.

Stappen:

  1. Ga vanuit het Shopify-beheercentrum naar Apps > Checkout Blocks.

  2. Klik op Blokken en vervolgens op Blok aanmaken.

  3. Klik op Dynamische content.

  4. Selecteer de template voor het veld dat je wilt gebruiken. Als je niet wilt dat er velden of instellingen vooraf worden ingevuld, selecteer je Lege template.

  5. Voer in de sectie Bloknaam een naam in voor het blok. Deze naam wordt niet aan je klanten weergegeven.

  6. Gebruik in de sectie Blok-ID de vervolgkeuzelijst om een specifiek ID-nummer toe te passen. Meer informatie over blok-ID's.

  7. Configureer in de sectie Weergavevoorwaarden de weergavevoorwaarden voor je blok:

    • Laat de sectie Weergavevoorwaarden leeg om het blok aan alle klanten weer te geven.
    • Om een weergavevoorwaarde aan te maken, klik je op ⊕ Weergavevoorwaarde toevoegen en configureer je vervolgens de voorwaarde. Voeg zoveel weergavevoorwaarden toe als je nodig hebt.
  8. Voeg in de sectie Content de content van je blok toe en pas deze aan:

    1. Optioneel: klik in het veld Sectiekoptekst op Titel toevoegen (optioneel) om een koptekst aan je blok toe te voegen.
    2. Klik in de sectie Content-items op ⊕ Content-item toevoegen en selecteer vervolgens het content-item dat je wilt toevoegen.
    3. Configureer in het dialoogvenster voor het content-item de gegevens en de stijl van je content-item en klik vervolgens op Gereed.
    4. Optioneel: voeg meer content-items toe en pas ze naar wens aan.
  9. Optioneel: klik in de sectie Stijlen op Ontwerp aanpassen om de stijlen en groottes van de container en kolommen van het blok aan te passen.

  10. Optioneel: klik in de sectie Publiceren op het potloodpictogram om de markten en checkoutpagina's te selecteren waarop je het blok wilt weergeven.

  11. Klik op Opslaan.

Je blok wordt standaard opgeslagen als Concept. Wanneer je klaar bent om het blok te publiceren, selecteer je Actief in de vervolgkeuzelijst in de sectie Status.

Een dynamisch contentblok toevoegen aan de checkout

Je kunt een bestaand dynamisch contentblok toevoegen aan de checkout. Blokken moeten zijn ingesteld op Actief om in de checkout te worden weergegeven.

Als je een voorbeeld van het blok wilt bekijken in de editor voor de checkout en accounts, kopieer je de unieke preview-ID van het blok uit de Checkout Blocks-app.

Stappen:

  1. Ga vanuit het Shopify-beheercentrum naar Apps > Checkout Blocks.

  2. Klik op Blokken.

  3. Klik op het dynamische contentblok dat je aan de checkout wilt toevoegen.

  4. Klik op Meer acties ⌄ > Toevoegen aan checkout.

  5. Optioneel: klik in de sectie Preview-blok-ID op het klembordpictogram om de unieke preview-ID van het blok te kopiëren.

  6. Selecteer de gewenste checkoutconfiguratie en klik vervolgens op Editor openen.

  7. Voeg in de editor voor de checkout en accounts het dynamische contentblok toe aan je checkout:

    1. Ga naar de checkoutpagina waaraan je het blok wilt toevoegen.
    2. Klik op ⊕ Blok toevoegen in de sectie waaraan je het blok wilt toevoegen.
    3. Klik op de Checkout Blocks-optie Dynamische content.
    4. Configureer de gegevens van het checkoutblok en selecteer de bijbehorende blok-ID.
    5. Optioneel: gebruik het veld Preview-blok-ID (voor testdoeleinden) en de preview-ID van het blok om een voorbeeld te bekijken van hoe het blok in de checkout wordt weergegeven.
    6. Optioneel: sleep het dynamische blok en zet het neer om de locatie op de checkoutpagina te wijzigen waar je het wilt weergeven.
  8. Klik op Opslaan.