Bereik

Grow

Manage

Automate

Inloggen

Boek demo

Bereik

Grow

Manage

Automate

Inloggen

Boek demo

Boek demo

G

G

M

M

Geavanceerde Email Templating

Dynamische en Gepersonaliseerde E-mails met Liquid Language

Geavanceerde Email Templating

Geavanceerde Email Templating

Vooraf gedefinieerde Variabelen

Vooraf gedefinieerde Variabelen

Voorwaardelijke Logica en Loops

Voorwaardelijke Logica en Loops

Werken met Products

Werken met Products

Geavanceerde Email Templating

Geavanceerde Email Templating

Geavanceerde Email Templating

Geavanceerde Email Templating stelt u in staat om zeer aangepaste email templates te maken. Het kan zowel in de drag-and-drop-editor als direct op geïmporteerde HTML worden gebruikt.

Bird Email Template Taal Documentatie

De Bird Email Template Taal is een krachtig hulpmiddel gebaseerd op de Liquid-syntaxis van Shopify, met aangepaste extensies die specifiek zijn ontworpen voor emailmarketing. Deze taal stelt u in staat om dynamische, gepersonaliseerde emailtemplates efficiënt te maken, waarmee u gerichte content aan uw abonnees kunt leveren.

  • Belangrijkste kenmerken van de Bird Email Template Taal zijn onder andere:

  • Eenvoudige personalisatie met behulp van vooraf gedefinieerde variabelen

  • Voorwaardelijke inhoudsweergave op basis van abonnee-attributen of segmenten

  • Integratie met uw productcatalogus en externe gegevensbronnen

  • Ondersteuning voor internationalisatie door middel van vertalingen

  • Geavanceerde opmaakopties met filters

Deze handleiding zal u begeleiden door de essentiële componenten van de taal, met voorbeelden en best practices om u te helpen effectieve email templates te maken. Voor een uitgebreide referentie van de onderliggende Liquid-syntaxis, raadpleeg de Shopify Liquid documentatie.

Vooraf gedefinieerde Variabelen

Vooraf gedefinieerde variabelen stellen je in staat om je e-mails eenvoudig te personaliseren met ontvangerinformatie en organisatiegegevens.

Contactvariabelen

Gebruik deze om ontvangersspecifieke informatie in je e-mails in te voegen:

{{ contact.attributes.firstName }}
{{ contact.attributes.lastName }}
{{ contact.attributes.email }}

Je kunt ook elke aangepaste attributen gebruiken die je hebt gedefinieerd voor je contacten.

Organisatievariabelen

Voeg je bedrijfsinformatie consistent toe aan alle e-mails:

{{ organization.name }}
{{ organization.fullAddress }}
{{ organization.websiteUrl }}
{{ organization.street }}
{{ organization.city }}
{{ organization.state }}
{{ organization.country }}
{{ organization.zipCode }}

E-mailadresvariabele

Verwijs direct naar het e-mailadres van de ontvanger:

{{ emailAddress }}

Beste Praktijk: Zorg altijd voor een fallback voor personalisatievariabelen voor het geval deze niet zijn ingesteld voor een specifieke ontvanger.

Tag Filters

Filters stellen je in staat om de uitvoer van je variabelen aan te passen, zodat de inhoud correct is opgemaakt voor je e-mails.

  • default: Stel een fallbackwaarde in als de variabele leeg is

{{ contact.attributes.firstName | default: 'Valued Customer' }}

  • capitalize, upcase, downcase: Wijzig de tekstweergave

{{ contact.attributes.firstName | capitalize }}
{{ product.brand | upcase }}
{{ 'IMPORTANT NOTICE' | downcase }}

  • date: Datum opmaken volgens opgegeven patronen

{{ contact.attributes.birthday | date: '%B %d, %Y' }}
{{ 'now' | date: '%Y-%m-%d %H:%M' }}

  • currencyFormat: Getallen als valuta opmaken

{{ product.price | currencyFormat: 'USD' }}

Beste Praktijk: Gebruik de currencyFormat filter voor alle prijsweergaven om consistentie en correcte formatting te garanderen in verschillende regio's.

Speciale Tags

Speciale tags bieden snelle toegang tot veelgebruikte e-mailmarketingvereisten, zoals uitschrijflinks en webweergaven.

Uitschrijflinks

Essentieel voor naleving van e-mailregelgeving:

{% unsubscribe %}  <!-- Outputs: <a href="...">Unsubscribe</a> -->
{% unsubscribe 'Click here to unsubscribe' %}  <!-- Custom text -->
<a href="{% unsubscribeLink %}">Manage your preferences</a>  <

Webweergavelinks

Bied een optie om de e-mail in een webbrowser te bekijken:

{% webView %}  <!-- Outputs: <a href="...">View in browser</a> -->
{% webView 'View this email online' %}  <!-- Custom text -->
<a href="{% webViewLink %}">Trouble viewing? Click here</a>  <

Datumtags

Handig voor het weergeven van actuele datums in je e-mails:

Today's Date: {% currentYear %}-{% currentMonthName %}-{% currentDay %}
Sent on: {% currentWeekday %}

Beste Praktijk: Voeg altijd een uitschrijflink toe aan je e-mails, meestal in de voettekst.

Vooraf gedefinieerde variabelen stellen je in staat om je e-mails eenvoudig te personaliseren met ontvangerinformatie en organisatiegegevens.

Contactvariabelen

Gebruik deze om ontvangersspecifieke informatie in je e-mails in te voegen:

{{ contact.attributes.firstName }}
{{ contact.attributes.lastName }}
{{ contact.attributes.email }}

Je kunt ook elke aangepaste attributen gebruiken die je hebt gedefinieerd voor je contacten.

Organisatievariabelen

Voeg je bedrijfsinformatie consistent toe aan alle e-mails:

{{ organization.name }}
{{ organization.fullAddress }}
{{ organization.websiteUrl }}
{{ organization.street }}
{{ organization.city }}
{{ organization.state }}
{{ organization.country }}
{{ organization.zipCode }}

E-mailadresvariabele

Verwijs direct naar het e-mailadres van de ontvanger:

{{ emailAddress }}

Beste Praktijk: Zorg altijd voor een fallback voor personalisatievariabelen voor het geval deze niet zijn ingesteld voor een specifieke ontvanger.

Tag Filters

Filters stellen je in staat om de uitvoer van je variabelen aan te passen, zodat de inhoud correct is opgemaakt voor je e-mails.

  • default: Stel een fallbackwaarde in als de variabele leeg is

{{ contact.attributes.firstName | default: 'Valued Customer' }}

  • capitalize, upcase, downcase: Wijzig de tekstweergave

{{ contact.attributes.firstName | capitalize }}
{{ product.brand | upcase }}
{{ 'IMPORTANT NOTICE' | downcase }}

  • date: Datum opmaken volgens opgegeven patronen

{{ contact.attributes.birthday | date: '%B %d, %Y' }}
{{ 'now' | date: '%Y-%m-%d %H:%M' }}

  • currencyFormat: Getallen als valuta opmaken

{{ product.price | currencyFormat: 'USD' }}

Beste Praktijk: Gebruik de currencyFormat filter voor alle prijsweergaven om consistentie en correcte formatting te garanderen in verschillende regio's.

Speciale Tags

Speciale tags bieden snelle toegang tot veelgebruikte e-mailmarketingvereisten, zoals uitschrijflinks en webweergaven.

Uitschrijflinks

Essentieel voor naleving van e-mailregelgeving:

{% unsubscribe %}  <!-- Outputs: <a href="...">Unsubscribe</a> -->
{% unsubscribe 'Click here to unsubscribe' %}  <!-- Custom text -->
<a href="{% unsubscribeLink %}">Manage your preferences</a>  <

Webweergavelinks

Bied een optie om de e-mail in een webbrowser te bekijken:

{% webView %}  <!-- Outputs: <a href="...">View in browser</a> -->
{% webView 'View this email online' %}  <!-- Custom text -->
<a href="{% webViewLink %}">Trouble viewing? Click here</a>  <

Datumtags

Handig voor het weergeven van actuele datums in je e-mails:

Today's Date: {% currentYear %}-{% currentMonthName %}-{% currentDay %}
Sent on: {% currentWeekday %}

Beste Praktijk: Voeg altijd een uitschrijflink toe aan je e-mails, meestal in de voettekst.

Vooraf gedefinieerde variabelen stellen je in staat om je e-mails eenvoudig te personaliseren met ontvangerinformatie en organisatiegegevens.

Contactvariabelen

Gebruik deze om ontvangersspecifieke informatie in je e-mails in te voegen:

{{ contact.attributes.firstName }}
{{ contact.attributes.lastName }}
{{ contact.attributes.email }}

Je kunt ook elke aangepaste attributen gebruiken die je hebt gedefinieerd voor je contacten.

Organisatievariabelen

Voeg je bedrijfsinformatie consistent toe aan alle e-mails:

{{ organization.name }}
{{ organization.fullAddress }}
{{ organization.websiteUrl }}
{{ organization.street }}
{{ organization.city }}
{{ organization.state }}
{{ organization.country }}
{{ organization.zipCode }}

E-mailadresvariabele

Verwijs direct naar het e-mailadres van de ontvanger:

{{ emailAddress }}

Beste Praktijk: Zorg altijd voor een fallback voor personalisatievariabelen voor het geval deze niet zijn ingesteld voor een specifieke ontvanger.

Tag Filters

Filters stellen je in staat om de uitvoer van je variabelen aan te passen, zodat de inhoud correct is opgemaakt voor je e-mails.

  • default: Stel een fallbackwaarde in als de variabele leeg is

{{ contact.attributes.firstName | default: 'Valued Customer' }}

  • capitalize, upcase, downcase: Wijzig de tekstweergave

{{ contact.attributes.firstName | capitalize }}
{{ product.brand | upcase }}
{{ 'IMPORTANT NOTICE' | downcase }}

  • date: Datum opmaken volgens opgegeven patronen

{{ contact.attributes.birthday | date: '%B %d, %Y' }}
{{ 'now' | date: '%Y-%m-%d %H:%M' }}

  • currencyFormat: Getallen als valuta opmaken

{{ product.price | currencyFormat: 'USD' }}

Beste Praktijk: Gebruik de currencyFormat filter voor alle prijsweergaven om consistentie en correcte formatting te garanderen in verschillende regio's.

Speciale Tags

Speciale tags bieden snelle toegang tot veelgebruikte e-mailmarketingvereisten, zoals uitschrijflinks en webweergaven.

Uitschrijflinks

Essentieel voor naleving van e-mailregelgeving:

{% unsubscribe %}  <!-- Outputs: <a href="...">Unsubscribe</a> -->
{% unsubscribe 'Click here to unsubscribe' %}  <!-- Custom text -->
<a href="{% unsubscribeLink %}">Manage your preferences</a>  <

Webweergavelinks

Bied een optie om de e-mail in een webbrowser te bekijken:

{% webView %}  <!-- Outputs: <a href="...">View in browser</a> -->
{% webView 'View this email online' %}  <!-- Custom text -->
<a href="{% webViewLink %}">Trouble viewing? Click here</a>  <

Datumtags

Handig voor het weergeven van actuele datums in je e-mails:

Today's Date: {% currentYear %}-{% currentMonthName %}-{% currentDay %}
Sent on: {% currentWeekday %}

Beste Praktijk: Voeg altijd een uitschrijflink toe aan je e-mails, meestal in de voettekst.

Voorwaardelijke Logica en Loops

Conditionele logica en loops stellen je in staat dynamische inhoud te creëren die zich aanpast aan de kenmerken of voorkeuren van elke ontvanger.

If Statements

Gebruik if-statements om verschillende inhoud te tonen op basis van ontvangerskenmerken:

{% if contact.attributes.membership == "gold" %}
  <h2>Exclusive Gold Member Offer</h2>
  <p>Enjoy 20% off your next purchase!</p>
{% elsif contact.attributes.membership == "silver" %}
  <h2>Special Silver Member Discount</h2>
  <p>Get 15% off select items!</p>
{% else %}
  <h2>Limited Time Offer</h2>
  <p>Save 10% on your next order!</p>
{% endif %}

Controleren van Segment Lidmaatschap

Richt inhoud op specifieke segmenten van je publiek: 

{% if contact.segments contains "abcd-1234-efgh-5678" }
  This contact is a member of the segment with ID "abcd-1234-efgh-5678".
{% endif %}

Loops

Itereer over arrays van gegevens om dynamische lijsten te maken:

<h3>Your Favorite Colors:</h3>
<ul>
{% for color in contact.attributes.favoriteColors %}
  <li style="color: {{ color }};">{{ color }}</li>
{% endfor %}
<

Best Practice: Gebruik conditionele logica om je boodschap aan te passen aan verschillende doelgroepssegmenten, waardoor de relevantie en betrokkenheid toenemen.

Werken met Products

Integreer uw productcatalogus rechtstreeks in uw e-mailsjablonen voor dynamische productweergaven.

Single Product Lookup

Toon details van een specifiek product:

{% catalog 'PRODUCT-ID-123' %}
  <div class="product">
    <h2>{{ catalogItem.title }}</h2>
    <img src="{{ catalogItem.imageUrl }}" alt="{{ catalogItem.title }}">
    <p>Price: {{ catalogItem.price | currencyFormat: catalogItem.currency }}</p>
    {% if catalogItem.originalPrice > catalogItem.price %}
      <p>Original Price: <strike>{{ catalogItem.originalPrice | currencyFormat: catalogItem.currency }}</strike></p>
    {% endif %}
    <a href="{{ catalogItem.url }}">Shop Now</a>
  </div>
{


Product Feed

Toon meerdere producten vanuit een feed:

<h2>Recommended for You</h2>
<div class="product-grid">
  {% productfeed 'FEED-ID-456' %}
    {% for item in catalogItems limit:3 %}
      <div class="product">
        <h3>{{ item.title }}</h3>
        <img src="{{ item.imageUrl }}" alt="{{ item.title }}">
        <p>{{ item.price | currencyFormat: item.currency }}</p>
        <a href="{{ item.url }}">View Product</a>
      </div>
    {% endfor %}
  {% endproductfeed %}
</div>

Beste Praktijk: Gebruik productfeeds om dynamische inhoud te creëren zoals secties "Aanbevolen Producten" of "Nieuwe Aanbiedingen" in uw e-mails.

Evenementen

Maak gebruik van evenementgegevens om zeer relevante, tijdige e-mails te maken op basis van acties van abonnees. Dit is over het algemeen relevant voor e-mails die worden verzonden via journeys met evenementtriggers.

{% if event.type == "abandoned_cart" %}
  <h2>Did you forget something?</h2>
  <p>We noticed you left some items in your cart:</p>
  <ul>
  {% for item in event.properties.items %}
    <li>{{ item.product_name }} - {{ item.price | currencyFormat: event.properties.currency }}</li>
  {% endfor %}
  </ul>
  <a href="{{ event.properties.checkout_url }}">Complete your purchase</a>
{% elsif event.type == "purchase_confirmation" %}
  <h2>Thank you for your purchase!</h2>
  <p>Order Total: {{ event.properties.total_price | currencyFormat: event.properties.currency }}</p>
  <p>Order ID: {{ event.properties.order_id }}</p>
{

Best Practice: Gebruik evenementgegevens om tijdige, relevante e-mails te activeren, zoals herinneringen aan achtergelaten winkelwagentjes of aankoopbevestigingen.

Kortingscodes

Genereer en toon unieke kortingscodes in je e-mails om aankopen te stimuleren.

<h2>Your Exclusive Offer</h2>
<p>Use this code for 15% off your next purchase:</p>
<div class="discount-code">{% discountCode "SUMMER_SALE_POOL" %}</div>

Best Practice: Gebruik unieke kortingscodes om de prestaties van verschillende e-mailcampagnes of segmenten te volgen.

Vertalingen

Maak meertalige e-mailsjablonen met behulp van de vertaalfunctie.

Stel eerst je vertaalbestanden (in JSON-formaat) in voor elke taal die je ondersteunt. Bijvoorbeeld:

{
  "welcome_message": "Welcome to our store!",
  "sale_announcement": "Don't miss our big sale, {{name}}!",
  "product_of_the_day": "Product of the day: {{product}}"
}

Gebruik vervolgens het t filter in je sjablonen:

<h1>{{ "welcome_message" | t }}</h1>
<p>{{ "sale_announcement" | t: "name", contact.attributes.firstName }}</p>
<h2>{{ "product_of_the_day" | t: "product", featuredProduct.title }}</h2>

Beste praktijk: Gebruik vertalingen om een enkel sjabloon te maken dat voor meerdere talen kan worden gebruikt, wat de onderhoudslast vermindert.


Externe Data Sources

Integreer real-time gegevens van externe bronnen in uw e-mails. U kunt hier meer leren over externe gegevensbronnen.

Basisgebruik:

{% datafetch "weather-api" %}
  <p>Current temperature in your area: {{ dataFetchResponse.temperature }}°C</p>
  <p>Weather condition: {{ dataFetchResponse.condition }}</p>
{

Gebruik van Dynamische URL's

Voor API's die dynamische parameters vereisen:

{% datafetch "user-recommendations", "userId", contact.attributes.userId %}
  <h2>Recommended for You</h2>
  <ul>
  {% for product in dataFetchResponse.recommendations %}
    <li>{{ product.name }} - {{ product.price | currencyFormat: 'USD' }}</li>
  {% endfor %}
  </ul>
{

Beste Praktijk: Gebruik externe gegevensbronnen om actuele, gepersonaliseerde informatie in uw e-mails op te nemen, zoals rekeningsaldi, loyaliteitspunten of gepersonaliseerde aanbevelingen.


Geavanceerde Liquid Syntax

Hoewel de Bird Email Template Language krachtige functies biedt die specifiek zijn voor e-mailmarketing, is het gebouwd bovenop Liquid, dat extra geavanceerde functies biedt. Hier zijn enkele voorbeelden:

Array- en Objekthantering

{% assign sorted_products = products | sort: 'price' %}
{% assign expensive_products = sorted_products | where: "price", ">", 100 %}

Wiskundige bewerkingen

{% assign total = product.price | times: item.quantity %}
{% assign discount = total | divided_by: 4 %}

Stringmanipulatie

{% assign lowercase_name = contact.attributes.firstName | downcase %}
{% assign greeting = "Hello, " | append: lowercase_name | capitalize %}

Controleflow

{% case shipping_method %}
  {% when 'ground' %}
    Estimated delivery: 5-7 business days
  {% when 'express' %}
    Estimated delivery: 2-3 business days
  {% else %}
    Please contact us for shipping information
{% endcase %}

Voor een uitgebreide gids over deze geavanceerde Liquid-functies, raadpleeg de Shopify Liquid-documentatie.

Beste praktijken: Hoewel deze geavanceerde functies krachtig zijn, gebruik ze met beleid. Overdreven complexe sjablonen kunnen moeilijk te onderhouden zijn en kunnen invloed hebben op de weergaveprestaties van e-mails.

Vergeet niet om je e-mailsjablonen grondig te testen in verschillende e-mailclients om consistente weergave en optimale prestaties te garanderen. Het Bird-platform biedt tools voor het bekijken en testen van je sjablonen voordat je ze verzendt.

Door de Bird Email Template Language onder de knie te krijgen, kun je zeer dynamische, gepersonaliseerde en boeiende e-mailcampagnes maken die resoneren met je publiek en resultaten opleveren.

Laten we je in contact brengen met een Bird-expert.
Bekijk de volledige kracht van de Bird in 30 minuten.

Door te verzenden, ga je ermee akkoord dat Bird contact met je mag opnemen over onze producten en diensten.

U kunt zich op elk moment afmelden. Zie Bird's Privacyverklaring voor details over gegevensverwerking.

R

Bereik

E

Email

V

Voice API

N

Numbers API

S

SMS API

W

WhatsApp API

G

Grow

M

Marketing

S

Verkoop

M

Manage

S

Ondersteuning

P

Betalingen

H

HR

E

Uitgaven

A

Automate

A

AI

W

Workflows

Bronnen

Changelog

Kennisbank

Ontwikkelaarshub

Ondersteuningscentrum

Klanten

Blog

Bedrijf

Over

Prijzen

Partners

Carrières

Juridisch

Voorwaarden

Privacy instellingen

Nieuwsbrief

Blijf op de hoogte met Bird via wekelijkse updates in je inbox.

x.com

Instagram

LinkedIn

Neem contact op met Support

Laten we je in contact brengen met een Bird-expert.
Bekijk de volledige kracht van de Bird in 30 minuten.

Door te verzenden, ga je ermee akkoord dat Bird contact met je mag opnemen over onze producten en diensten.

U kunt zich op elk moment afmelden. Zie Bird's Privacyverklaring voor details over gegevensverwerking.

R

Bereik

E

Email

V

Voice API

N

Numbers API

S

SMS API

W

WhatsApp API

G

Grow

M

Marketing

S

Verkoop

M

Manage

S

Ondersteuning

P

Betalingen

H

HR

E

Uitgaven

A

Automate

A

AI

W

Workflows

Bronnen

Changelog

Kennisbank

Ontwikkelaarshub

Ondersteuningscentrum

Klanten

Blog

Bedrijf

Over

Prijzen

Partners

Carrières

Juridisch

Voorwaarden

Privacy instellingen

Nieuwsbrief

Blijf op de hoogte met Bird via wekelijkse updates in je inbox.

x.com

Instagram

LinkedIn

Neem contact op met Support

Laten we je in contact brengen met een Bird-expert.
Bekijk de volledige kracht van de Bird in 30 minuten.

Door te verzenden, ga je ermee akkoord dat Bird contact met je mag opnemen over onze producten en diensten.

U kunt zich op elk moment afmelden. Zie Bird's Privacyverklaring voor details over gegevensverwerking.

R

Bereik

G

Grow

M

Manage

A

Automate

Bronnen

Changelog

Kennisbank

Ontwikkelaarshub

Ondersteuningscentrum

Klanten

Blog

Bedrijf

Over

Prijzen

Partners

Carrières

Juridisch

Voorwaarden

Privacy instellingen

Nieuwsbrief

Blijf op de hoogte met Bird via wekelijkse updates in je inbox.

Neem contact op met Support