Erreichen

Grow

Manage

Automate

Einloggen

Demo buchen

Erreichen

Grow

Manage

Automate

Einloggen

Demo buchen

Demo buchen

G

G

M

M

Fortgeschrittenes Email Templating

Dynamische und personalisierte E-Mails mit Liquid Language

Fortgeschrittenes Email Templating

Fortgeschrittenes Email Templating

Vordefinierte Variablen

Vordefinierte Variablen

Bedingte Logik und Loops

Bedingte Logik und Loops

Mit Products arbeiten

Mit Products arbeiten

Fortgeschrittenes Email Templating

Fortgeschrittenes Email Templating

Fortgeschrittenes Email Templating

Fortschrittliche E-Mail-Vorlagen ermöglichen hochgradig angepasste E-Mail-Vorlagen. Sie können sowohl im Drag-and-Drop-Editor als auch direkt auf importiertem HTML verwendet werden.

Bird Email Template Language Dokumentation

Die Bird Email Template Language ist ein leistungsstarkes Tool, das auf der Liquid-Syntax von Shopify basiert, mit kundenspezifischen Erweiterungen speziell für E-Mail-Marketing. Diese Sprache ermöglicht es Ihnen, dynamische, personalisierte E-Mail-Vorlagen effizient zu erstellen, sodass Sie gezielte Inhalte an Ihre Abonnenten liefern können.

  • Zu den Hauptmerkmalen der Bird Email Template Language gehören:

  • Einfache Personalisierung mit vordefinierten Variablen

  • Bedingte Inhaltsanzeige basierend auf Abonnentenattributen oder -segmenten

  • Integration mit Ihrem Produktkatalog und externen Datenquellen

  • Unterstützung der Internationalisierung durch Übersetzungen

  • Erweiterte Formatierungsoptionen mit Filtern

Dieser Leitfaden führt Sie durch die wesentlichen Komponenten der Sprache und bietet Beispiele und bewährte Verfahren, um Ihnen zu helfen, effektive E-Mail-Vorlagen zu erstellen. Für eine umfassende Referenz zur zugrunde liegenden Liquid-Syntax wenden Sie sich bitte an die Shopify Liquid-Dokumentation.

Vordefinierte Variablen

Vordefinierte Variablen ermöglichen es Ihnen, Ihre E-Mails einfach mit Empfängerinformationen und Organisationsdetails zu personalisieren.

Kontaktvariablen

Verwenden Sie diese, um empfängerbezogene Informationen in Ihre E-Mails einzufügen:

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

Sie können auch benutzerdefinierte Attribute verwenden, die Sie für Ihre Kontakte definiert haben.

Organisationsvariablen

Integrieren Sie Ihre Unternehmensinformationen konsistent in alle E-Mails:

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

E-Mail-Adressvariable

Beziehen Sie sich direkt auf die E-Mail-Adresse des Empfängers:

{{ emailAddress }}

Beste Praxis: Sorgen Sie immer für eine Rückfallebene für Personalisierungsvariablen, falls sie für einen bestimmten Empfänger nicht gesetzt sind.

Tag-Filter

Filter ermöglichen es Ihnen, die Ausgabe Ihrer Variablen zu ändern und sicherzustellen, dass der Inhalt korrekt für Ihre E-Mails formatiert ist.

  • default: Legen Sie einen Ersatzwert fest, wenn die Variable leer ist

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

  • capitalize, upcase, downcase: Änderung der Textgröße

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

  • date: Datiert Formate gemäß spezifischen Mustern

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

  • currencyFormat: Formatieren von Zahlen als Währung

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

Beste Praxis: Verwenden Sie den currencyFormat-Filter für alle Preisanzeigen, um Konsistenz und ordnungsgemäße Formatierung in verschiedenen Regionen sicherzustellen.

Spezial-Tags

Spezial-Tags bieten schnellen Zugang zu den üblichen Anforderungen des E-Mail-Marketings, wie zum Beispiel Abmelde-Links und Webansichten.

Abmelde-Links

Wesentlich für die Einhaltung von E-Mail-Vorschriften:

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

Webansichts-Links

Bieten Sie eine Option, um die E-Mail in einem Webbrowser anzuzeigen:

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

Datumstags

Nützlich für die Anzeige aktueller Daten in Ihren E-Mails:

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

Beste Praxis: Fügen Sie stets einen Abmelde-Link in Ihre E-Mails ein, typischerweise im Footer.

Vordefinierte Variablen ermöglichen es Ihnen, Ihre E-Mails einfach mit Empfängerinformationen und Organisationsdetails zu personalisieren.

Kontaktvariablen

Verwenden Sie diese, um empfängerbezogene Informationen in Ihre E-Mails einzufügen:

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

Sie können auch benutzerdefinierte Attribute verwenden, die Sie für Ihre Kontakte definiert haben.

Organisationsvariablen

Integrieren Sie Ihre Unternehmensinformationen konsistent in alle E-Mails:

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

E-Mail-Adressvariable

Beziehen Sie sich direkt auf die E-Mail-Adresse des Empfängers:

{{ emailAddress }}

Beste Praxis: Sorgen Sie immer für eine Rückfallebene für Personalisierungsvariablen, falls sie für einen bestimmten Empfänger nicht gesetzt sind.

Tag-Filter

Filter ermöglichen es Ihnen, die Ausgabe Ihrer Variablen zu ändern und sicherzustellen, dass der Inhalt korrekt für Ihre E-Mails formatiert ist.

  • default: Legen Sie einen Ersatzwert fest, wenn die Variable leer ist

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

  • capitalize, upcase, downcase: Änderung der Textgröße

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

  • date: Datiert Formate gemäß spezifischen Mustern

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

  • currencyFormat: Formatieren von Zahlen als Währung

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

Beste Praxis: Verwenden Sie den currencyFormat-Filter für alle Preisanzeigen, um Konsistenz und ordnungsgemäße Formatierung in verschiedenen Regionen sicherzustellen.

Spezial-Tags

Spezial-Tags bieten schnellen Zugang zu den üblichen Anforderungen des E-Mail-Marketings, wie zum Beispiel Abmelde-Links und Webansichten.

Abmelde-Links

Wesentlich für die Einhaltung von E-Mail-Vorschriften:

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

Webansichts-Links

Bieten Sie eine Option, um die E-Mail in einem Webbrowser anzuzeigen:

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

Datumstags

Nützlich für die Anzeige aktueller Daten in Ihren E-Mails:

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

Beste Praxis: Fügen Sie stets einen Abmelde-Link in Ihre E-Mails ein, typischerweise im Footer.

Vordefinierte Variablen ermöglichen es Ihnen, Ihre E-Mails einfach mit Empfängerinformationen und Organisationsdetails zu personalisieren.

Kontaktvariablen

Verwenden Sie diese, um empfängerbezogene Informationen in Ihre E-Mails einzufügen:

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

Sie können auch benutzerdefinierte Attribute verwenden, die Sie für Ihre Kontakte definiert haben.

Organisationsvariablen

Integrieren Sie Ihre Unternehmensinformationen konsistent in alle E-Mails:

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

E-Mail-Adressvariable

Beziehen Sie sich direkt auf die E-Mail-Adresse des Empfängers:

{{ emailAddress }}

Beste Praxis: Sorgen Sie immer für eine Rückfallebene für Personalisierungsvariablen, falls sie für einen bestimmten Empfänger nicht gesetzt sind.

Tag-Filter

Filter ermöglichen es Ihnen, die Ausgabe Ihrer Variablen zu ändern und sicherzustellen, dass der Inhalt korrekt für Ihre E-Mails formatiert ist.

  • default: Legen Sie einen Ersatzwert fest, wenn die Variable leer ist

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

  • capitalize, upcase, downcase: Änderung der Textgröße

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

  • date: Datiert Formate gemäß spezifischen Mustern

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

  • currencyFormat: Formatieren von Zahlen als Währung

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

Beste Praxis: Verwenden Sie den currencyFormat-Filter für alle Preisanzeigen, um Konsistenz und ordnungsgemäße Formatierung in verschiedenen Regionen sicherzustellen.

Spezial-Tags

Spezial-Tags bieten schnellen Zugang zu den üblichen Anforderungen des E-Mail-Marketings, wie zum Beispiel Abmelde-Links und Webansichten.

Abmelde-Links

Wesentlich für die Einhaltung von E-Mail-Vorschriften:

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

Webansichts-Links

Bieten Sie eine Option, um die E-Mail in einem Webbrowser anzuzeigen:

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

Datumstags

Nützlich für die Anzeige aktueller Daten in Ihren E-Mails:

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

Beste Praxis: Fügen Sie stets einen Abmelde-Link in Ihre E-Mails ein, typischerweise im Footer.

Bedingte Logik und Loops

Konditionale Logik und Schleifen ermöglichen es Ihnen, dynamische Inhalte zu erstellen, die sich an die Attribute oder Präferenzen jedes Empfängers anpassen.

If Statements

Verwenden Sie if-Anweisungen, um je nach Empfängerattributen unterschiedlichen Inhalt anzuzeigen:

{% 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 %}

Überprüfung der Segmentmitgliedschaft

Zielgerichtete Inhalte für spezifische Segmente Ihres Publikums: 

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

Schleifen

Iterieren Sie über Datenarrays, um dynamische Listen zu erstellen:

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

Best Practice: Nutzen Sie konditionale Logik, um Ihre Nachricht auf verschiedene Publikumssegmente abzustimmen, um Relevanz und Engagement zu erhöhen.

Mit Products arbeiten

Integrieren Sie Ihren Produktkatalog direkt in Ihre E-Mail-Vorlagen für dynamische Produktdarstellungen.

Einzelprodukt Abfrage

Details eines bestimmten Produkts anzeigen:

{% 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>
{


Produkt-Feed

Mehrere Produkte aus einem Feed anzeigen:

<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>

Best Practice: Verwenden Sie Produkt-Feeds, um dynamische Inhalte wie "Empfohlene Produkte" oder "Neue Ankünfte"-Abschnitte in Ihren E-Mails zu erstellen.

Ereignisse

Nutzen Sie Ereignisdaten, um hochrelevante, rechtzeitige E-Mails basierend auf Abonnentenaktionen zu erstellen. Dies ist allgemein relevant für E-Mails, die über Reisen mit Ereignisauslösern gesendet werden.

{% 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>
{

Beste Praxis: Verwenden Sie Ereignisdaten, um rechtzeitige, relevante E-Mails wie abgebrochene Warenkorberinnerungen oder Kaufbestätigungen auszulösen.

Rabattcodes

Generieren und Anzeigen von einzigartigen Rabattcodes in Ihren E-Mails, um Käufe zu fördern.

<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: Verwenden Sie einzigartige Rabattcodes, um die Leistung verschiedener E-Mail-Kampagnen oder Segmente zu verfolgen.

Übersetzungen

Erstellen Sie mehrsprachige E-Mail-Vorlagen mit der Übersetzungsfunktion.

Richten Sie zuerst Ihre Übersetzungsdateien (im JSON-Format) für jede unterstützte Sprache ein. Zum Beispiel:

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

Verwenden Sie dann den t-Filter in Ihren Vorlagen:

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

Best Practice: Verwenden Sie Übersetzungen, um eine einzelne Vorlage zu erstellen, die für mehrere Sprachen verwendet werden kann, wodurch der Wartungsaufwand verringert wird.


Externe Datenquellen

Integrieren Sie Echtzeitdaten aus externen Quellen in Ihre E-Mails. Sie können hier mehr über externe Datenquellen erfahren.

Grundlegende Nutzung:

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

Verwendung dynamischer URLs

Für APIs, die dynamische Parameter erfordern:

{% 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>
{

Best Practice: Verwenden Sie externe Datenquellen, um aktuelle, personalisierte Informationen in Ihre E-Mails aufzunehmen, wie z.B. Kontostände, Treuepunkte oder personalisierte Empfehlungen.


Erweiterte Liquid Syntax

Während die Bird Email Template Language leistungsstarke Funktionen speziell für E-Mail-Marketing bietet, basiert sie auf Liquid, das zusätzliche erweiterte Funktionen bietet. Hier sind einige Beispiele:

Array- und Objektbehandlung

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

Mathematische Operationen

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

Zeichenfolgenmanipulation

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

Steuerfluss

{% 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 %}

Für eine umfassende Anleitung zu diesen erweiterten Liquid-Funktionen, sehen Sie bitte die Shopify Liquid-Dokumentation an.

Beste Praktik: Obwohl diese erweiterten Funktionen leistungsstark sind, sollten sie mit Bedacht eingesetzt werden. Übermäßig komplexe Vorlagen können schwierig zu pflegen sein und sich auf die Leistung der E-Mail-Darstellung auswirken.

Denken Sie daran, Ihre E-Mail-Vorlagen gründlich über verschiedene E-Mail-Clients hinweg zu testen, um eine konsistente Darstellung und optimale Leistung sicherzustellen. Die Bird-Plattform bietet Tools zum Vorschau und Testen Ihrer Vorlagen, bevor sie gesendet werden.

Durch das Beherrschen der Bird Email Template Language können Sie hochgradig dynamische, personalisierte und ansprechende E-Mail-Kampagnen erstellen, die auf Ihr Publikum abgestimmt sind und Ergebnisse liefern.

Lassen Sie uns Sie mit einem Bird-Experten verbinden.
Erleben Sie die volle Macht des Bird in 30 Minuten.

Durch die Übermittlung stimmen Sie zu, dass Bird Sie bezüglich unserer Produkte und Dienstleistungen kontaktieren darf.

Sie können sich jederzeit abmelden. Weitere Informationen zur Datenverarbeitung finden Sie in Birds Datenschutzerklärung.

R

Erreichen

E

Email

V

Voice API

N

Numbers API

S

SMS API

W

WhatsApp-API

G

Grow

M

Marketing

S

Vertrieb

M

Manage

S

Unterstützung

P

Zahlungen

H

HR

E

Ausgaben

A

Automate

A

AI

W

Workflows

Ressourcen

Changelog

Wissensdatenbank

Entwicklerhub

Support-Center

Kunden

Blog

Unternehmen

Über

Preise

Partner

Karriere

Rechtlich

Terms

Datenschutzeinstellungen

Newsletter

Bleiben Sie mit Bird auf dem Laufenden durch wöchentliche Updates in Ihrem Posteingang.

x.com

Instagram

LinkedIn

Support kontaktieren

Lassen Sie uns Sie mit einem Bird-Experten verbinden.
Erleben Sie die volle Macht des Bird in 30 Minuten.

Durch die Übermittlung stimmen Sie zu, dass Bird Sie bezüglich unserer Produkte und Dienstleistungen kontaktieren darf.

Sie können sich jederzeit abmelden. Weitere Informationen zur Datenverarbeitung finden Sie in Birds Datenschutzerklärung.

R

Erreichen

E

Email

V

Voice API

N

Numbers API

S

SMS API

W

WhatsApp-API

G

Grow

M

Marketing

S

Vertrieb

M

Manage

S

Unterstützung

P

Zahlungen

H

HR

E

Ausgaben

A

Automate

A

AI

W

Workflows

Ressourcen

Changelog

Wissensdatenbank

Entwicklerhub

Support-Center

Kunden

Blog

Unternehmen

Über

Preise

Partner

Karriere

Rechtlich

Terms

Datenschutzeinstellungen

Newsletter

Bleiben Sie mit Bird auf dem Laufenden durch wöchentliche Updates in Ihrem Posteingang.

x.com

Instagram

LinkedIn

Support kontaktieren

Lassen Sie uns Sie mit einem Bird-Experten verbinden.
Erleben Sie die volle Macht des Bird in 30 Minuten.

Durch die Übermittlung stimmen Sie zu, dass Bird Sie bezüglich unserer Produkte und Dienstleistungen kontaktieren darf.

Sie können sich jederzeit abmelden. Weitere Informationen zur Datenverarbeitung finden Sie in Birds Datenschutzerklärung.

R

Erreichen

G

Grow

M

Manage

A

Automate

Ressourcen

Changelog

Wissensdatenbank

Entwicklerhub

Support-Center

Kunden

Blog

Unternehmen

Über

Preise

Partner

Karriere

Rechtlich

Terms

Datenschutzeinstellungen

Newsletter

Bleiben Sie mit Bird auf dem Laufenden durch wöchentliche Updates in Ihrem Posteingang.

Support kontaktieren