Einloggen
Kostenlosen Test starten

Shopify Email-Kampagnen mit Liquid anpassen

Liquid ist die einfache und leicht zu verwendende Programmiersprache von Shopify, mit der auch Themes aus dem Shopify Theme Store erstellt werden.

Du kannst benutzerdefinierten Liquid-Code verwenden, um deine Shopify Email-Nachrichten zu verbessern, indem du eine vollständig durch benutzerdefinierten Code angepasste E-Mail erstellst oder einen benutzerdefinierten Liquid-Abschnitt zu einer Vorlage hinzufügst. Bei Verwendung dieser Optionen kannst du benutzerdefinierten Liquid- oder HTML-Code eingeben.

Du kannst benutzerdefiniertes Liquid verwenden, um benutzerdefinierte Elemente wie nebeneinander liegende Bilder, benutzerdefinierte Schaltflächen, Bilder mit benutzerdefinierter Größe und benutzerdefinierte Abschnittsgrößen anzuzeigen.

Auf dieser Seite

Überlegungen

Beachte die folgenden Überlegungen, bevor du beginnst, benutzerdefiniertes Liquid zu deinen Shopify Email-Nachrichten hinzuzufügen:

  • Die Variablen, die du in deinen Code einfügst, müssen von benutzerdefiniertem Liquid unterstützt werden.
  • Du kannst nur ein Desktop-Gerät verwenden, um einen Abschnitt für benutzerdefiniertes Liquid zu erstellen.
  • Die Variable unsubscribe_link oder unsubscribe_url ist in benutzerdefinierten Liquid-E-Mails erforderlich. Wenn du die Nachverfolgung von geöffneten E-Mails aktiviert hast, ist auch die Variable open_tracking erforderlich. Erfahre mehr über das Hinzufügen von erforderlichen Variablen zu deiner E-Mail.
  • Der Code, den du eingibst, unterliegt den folgenden Einschränkungen:
    • Maximal 50 Kilobyte (KB) für benutzerdefinierte Liquid-Abschnitte.
    • Maximal 500 KB für benutzerdefinierte Liquid-E-Mails.

In benutzerdefiniertem Liquid unterstützte Liquid-Variablen

Mit den folgenden Variablen kannst du deine Shopify-E-Mail-Nachrichten mit Liquid anpassen.

Liquid-Variablen, die bei allen E-Mail-Vorlagen unterstützt werden

Mit den folgenden Variablen kannst du beliebige Shopify-E-Mail-Nachrichten mit Liquid anpassen.

Beschreibung der von Shopify Email unterstützten Liquid-Variablen
VariableBeschreibung
all_products
 Alle Produkte in deinem Shop.
unsubscribe_link
Diese Variable gewährt Zugriff auf einen vorab formatierten Abmeldelinkblock. Wenn du eine benutzerdefinierte E-Mail-Adresse erstellst, musst du die Variable unsubscribe_link oder unsubscribe_url verwenden.
unsubscribe_url
Diese Variable ermöglicht den Zugriff auf die unformatierte Abmelde-URL und kann angepasst werden. Wenn du eine benutzerdefinierte E-Mail-Adresse erstellst, musst du dies Variable unsubscribe_url oder unsubscribe_link verwenden.
open_tracking
Diese Variable gibt Zugriff auf den vorformatierten offenen Tracking-Block . Diese Variable ist erforderlich, wenn du eine benutzerdefinierte E-Mail erstellst und die Nachverfolgung von geöffneten E-Mails aktiviert hast.
data.customer.*

Diese Variable gewährt Zugriff auf die folgenden Kundendateneigenschaften:

  • first_name
  • last_name
  • email
  • city
  • state
  • country

    • Diese Eigenschaften können nicht in Liquid-Filtern oder in Liquid-Bedingungen verwendet werden. 

    email.*

    Diese Variable gewährt Zugriff auf die folgenden E-Mail-Eigenschaften:

  • subject zeigt die Betreffzeile der E-Mail an.
  • preview_text zeigt den Vorschautext der E-Mail an.
    • shop.*
    		Diese Variable gewährt Zugriff auf die folgenden Shop-Eigenschaften:
  • name zeigt den Shop-Namen an.
  • domain zeigt die primäre Domain des Shops an.
  • url zeigt die Shop-URL an.
  • shopify_domain zeigt die Shopify-Domain des Shops an.
    • address zeigt die Shop-Adresse an und gewährt Zugriff auf die folgenden Adresseigenschaften:
      • address1
      • address2
      • city
      • country
      • phone
      • province
      • zip
      • branding zeigt das Shop-Branding an und gewährt Zugriff auf die folgenden Eigenschaften:
        • accent_section_color
        • background_primary_color
        • background_border_color
        • body_text_color
        • button_background_and_link_color
        • button_label_color
        • footer_link_color
        • footer_text_color
        • footer_background_color
        • social_link_facebook
        • social_link_twitter
        • social_link_instagram
        • social_link_pinterest
        • shop_name
        • logo, was direkt als img-Tag gerendert wird.

    Liquid-Variablen, die bei E-Mails zu abgebrochenen Checkouts unterstützt werden

    Mit den folgenden Variablen kannst du Shopify-E-Mail-Nachrichten zu abgebrochenen Checkouts mit Liquid anpassen.

    Die Variable abandoned_checkout wird nur ausgefüllt, wenn eine E-Mail ein Bestandteil der Marketingautomatisierung bei abgebrochenen Checkouts ist. Andernfalls lautet die Variable null.

    Beschreibung der von Shopify Email unterstützten Liquid-Variablen für abgebrochene Suchen, Warenkörbe und Checkouts
    VariableBeschreibung
    abandoned_checkout.*

    Diese Variable gewährt Zugriff auf die folgenden Eigenschaften eines abgebrochenen Checkouts:

    • url zeigt die URL des abgebrochenen Checkouts an.
    • line_items zeigt die ersten fünf Positionen des abgebrochenen Checkouts an. Darüber hinaus enthält jedes line_items-Objekt die folgenden Eigenschaften für jedes Produkt:
      • image_url
      • product_title
      • variant_title
      • Menge
    • remaining_products_count zeigt die Anzahl der verbleibenden Positionen an, wenn sich mehr als fünf Positionen im abgebrochenen Checkout befinden.

    id
    (checkout ID)    		Eine eindeutige Checkout-ID für den internen Gebrauch.
    shop
    		Der Name deines Shopify-Stores.
    name
    		Der Name des abgebrochenen Checkouts. Wird auch als Checkout-Nummer bezeichnet.
    total_price
    		Gesamtsumme der Bestellung (Zwischensumme + Versandkosten - Versandkostenrabatt + Steuern). 
    shipping_price

    Der Versandpreis.

    Beispiel: {{ shipping_price | money }}

    shipping_address
    		Die Lieferadresse.
    billing_address
    		Die Rechnungsadresse.
    line_items
    		Eine Liste aller Positionen im abgebrochenen Checkout.
    unavailable_line_items
    		Eine Liste aller Positionen im abgebrochenen Checkout, die nicht verfügbar sind.
    note
    		Die Anmerkung, die dem abgebrochenen Checkout beigefügt ist.
    landing_site

    Der Pfad der vom Kunden verwendeten Landing Page. Dabei handelt es sich um die erste Seite, auf die der Kunde nach dem Aufrufen des Shops zugegriffen hat.

    Beispiel: /products/great-product?ref=my-tracking-token

    landing_site_ref

    Extrahiert einen Referenzparameter von der Landing Page.Referenzparameter können sein: ref, source, r.

    Wenn bei landing_site die Zeichenfolge /products/great-product?ref=my-tracking-token angegeben wird, lautet landing_site_ref gleich my-tracking-token. Du kannst eine bestimmte Aktion durchführen, wenn dein Referenzparameter einem bestimmten Wert entspricht:

    {% if landing_site_ref == 'my-tracking-token' %} Meine Aktion... {% endif %}
    referring_site

    Die URL des Empfehlungsgebers, der den Kunden zu deinem Shop geführt hat.

    Beispiel: https://www.google.com/?s=great+products

    created_at

    Das Datum und die Uhrzeit der Checkout-Erstellung durch den Kunden, den er später abgebrochen hat.

    closed_at

    Das Datum und die Uhrzeit der Checkout-Schließung.

    customer_locale
    		Der zwei- oder dreibuchstabige Sprachcode für das Gebietsschema des Kunden, optional gefolgt von einem Regions-Modifikator. Zum Beispiel: 
    en
    ,
    en-CA
    item_count
    		Eine Summe aller Artikelmengen.
    unique_gateways
    		Eine Liste mit eindeutigen Zahlungsanbietern, die beim Checkout zur Verfügung stehen.
    discount
    		Der Rabatt, der auf den Warenkorb oder eine Position im abgebrochenen Warenkorb angewendet wurde.
    discounts
    		Eine Liste von Rabatten, die auf den Checkout angewendet werden.
    successfully_applied_discounts
    		Die Rabatte, die erfolgreich beim Checkout angewendet wurden.
    discounts_amount

    Der Dollarbetrag des Rabatts, der durch alle Rabatte angewendet wird.

    Beispiel: +5,00 USD

    discounts_savings

    Der Dollarbetrag aller Einsparungen, die durch alle Rabatte erzielt wurden.

    Beispiel: -5,00 USD

    buyer_accepts_marketing
    		Retouren 
    true
    Oder 
    false
    Je nachdem, ob der Kunde während des abgebrochenen Checkouts Marketing akzeptiert hat.
    subtotal_line_items
    		Die Positionen, die zur Berechnung der Zwischensumme beim Checkout verwendet werden, ohne Trinkgeld-Positionen.
    requires_shipping
    		Retouren 
    true
    Wenn mindestens ein Artikel im Checkout vorliegt, der den Versand erfordert.
    subtotal_price
    		Die Zwischensumme der Positionen beim Checkout.
    email
    		Die mit dem abgebrochenen Checkout verknüpfte E-Mail.
    shop_name
    		Der Name deines Shops.
    tax_lines

    Die Steuern, aufgeschlüsselt nach Steuertyp:

    {% for tax_line in tax_lines %} {{ tax_line.title }} ({{ tax_line.rate_percentage }} %) : {{ tax_line.price | money_with_currency }} {% endfor %}
    tax_price
    		Die kombinierten Steuern aller Artikel im Checkout.
    attributes

    Alle Attribute, die dem abgebrochenen Checkout beigefügt wurden.

    Beispiel: {{ attributes.gift-note }}

    shipping_method
    		Informationen zur ersten Versandart, die im Checkout verfügbar ist.
    shipping_methods
    		Die im Checkout verfügbaren Versandarten.
    free
    		Retouren 
    true Wenn der Gesamtpreis des Checkouts null beträgt.
    free_shipping
    		Retouren 
    true
    Wenn für den Checkout kein Versand erforderlich ist oder der Preis für den Versand null beträgt.
    different_billing_address
    		Retouren 
    true
    Oder 
    false
    Je nachdem, ob die Lieferadresse mit der Rechnungsadresse identisch ist.
    customer
    		Das Kundenobjekt, das die Attribute der Kunden-Ausgabe enthält.
    gift_cards
    		Die beim Checkout angewendeten Geschenkgutscheine.
    gift_cards_amount
    		Der Betrag des Checkout-Preises, der mit Geschenkgutscheinen bezahlt werden würde.
    transactions
    		Die Transaktionen des Checkouts.
    shareable_url
    		Die URL des ersten Produkts in den Positionen.
    shareable_title
    		Der Produkttitel der ersten Position.
    total_tip
    		Das Gesamttrinkgeld, das der Kunde beim Checkout hinzugefügt hat.
    discount_applications
    		Beschreibt, warum und wie ein Artikel beim Checkout rabattiert wurde.
    cart_level_discount_applications
    		Die warenkorbspezifischen Rabattanwendungen auf den Warenkorb.
    currency
    		Die Währung des abgebrochenen Checkouts.
    line_items_subtotal_price
    		Die Summe der Preise aller Positionen im Checkout, nachdem alle Rabatte auf Positionen angewendet wurden.

    Liquid-Variablen für E-Mails zu abgebrochenen Suchen und abgebrochenen Warenkörben

    Die Variable abandoned_visit.* wird nur ausgefüllt, wenn eine E-Mail ein Bestandteil der Marketingautomatisierung bei abgebrochenen Warenkörben oder abgebrochenen Produktsuchen ist. Überprüfe die folgenden Eigenschaften, auf die diese Variable Zugriff gewährt.

    Beschreibung der von Shopify Email unterstützten Liquid-Variablen
    VariableBeschreibung
    abandoned_visit.*

    Diese Variable gewährt Zugriff auf die folgenden Eigenschaften eines abgebrochenen Warenkorbs oder einer abgebrochenen Suche:

    • url zeigt die URL des abgebrochenen Warenkorbs bzw. der abgebrochenen Suche an.
    • products_added_to_cart zeigt die ersten fünf Produktpositionen an, die beim abgebrochenen Besuch in den Warenkorb gelegt wurden. Darüber hinaus enthält jedes products_added_to_cart-Objekt die folgenden Eigenschaften für jedes Produkt:
      • title
      • image_url
      • variant_title
      • Menge
    • products_viewed zeigt die ersten fünf Produkte an, die während eines abgebrochenen Besuchs angezeigt wurden. Darüber hinaus enthält jedes products_viewed-Objekt die folgenden Eigenschaften für jedes Produkt:
      • title
      • Beschreibung
      • image_url
      • URL
      • image_alt_text
    • remaining_cart_products_count zeigt die Anzahl der verbleibenden Positionen an, wenn sich mehr als fünf Positionen im abgebrochenen Checkout befinden.

    Erforderliche Variablen verwenden

    Wenn du eine benutzerdefinierte Liquid-E-Mail erstellst, ist die Variable unsubscribe_link oder unsubscribe_url erforderlich. Wenn du die Nachverfolgung von geöffneten E-Mails aktiviert hast, ist auch die Variable open_tracking erforderlich.

    Obwohl diese Variablen an einer beliebigen Stelle im Code deiner E-Mail eingefügt werden können, stellt der Fußzeilenabschnitt einer E-Mail eine häufig verwendete Stelle für das Hinzufügen der Variablen dar. Es folgt ein Beispiel:

    <div id="footer">{{ unsubscribe_link }} {{ open_tracking_block }}</div>

    Beispiel für benutzerdefinierten Liquid-Code

    Du kannst benutzerdefiniertes Liquid und HTML in den Code-Editor eingeben. Der folgende Code ist ein Beispiel, wie du Liquid-Code hinzufügen kannst, um deinen Shop-Namen, eine benutzerdefinierte Schaltfläche und ein Bild mit benutzerdefinierter Größe in einer E-Mail-Nachricht anzuzeigen.

    <style>
  body {
    text-align: center;
  }

  p#welcome {
    margin: 0;
    padding: 3rem;
    color: white;
    font-weight: 700;
    font-size: 26px;
    font-family: 'Futura';
  }

  div#image_wrapper img {
    max-width: 70%;
    border-radius: 60px;
    box-shadow: -2px 6px 0px rgba(227, 111, 59, 0.7);
  }

  div#button_wrapper {
    padding: 1rem;
  }

  div#button_wrapper a {
    padding: 1rem 2rem;
    border-radius: 24px;
    display: inline-block;
    background: linear-gradient(120deg, #F6A179, #865CFF);
    box-shadow: -2px 4px 0px rgba(96, 54, 173, 0.9);
    font-weight: 700;
    font-size: 16px;
    font-family: 'Futura';
    color: white;
  }

  div#footer {
    font-weight: 700;
    font-size: 16px;
    font-family: 'Futura';
    padding: 2rem;
  }

  div#button_wrapper:hover a {
    box-shadow: -4px 6px 0px rgba(96, 54, 173, 0.8);
  }

  div#custom_section {
    background: linear-gradient(120deg, #FF9F73, #FFC7AD);
    padding:0 0 2rem 0;
    border-radius: 4rem;
  }
</style>
<div id="custom_section">
  <p id="welcome">
    Hello from {{shop.name}}<strong></strong>!
  </p>
  <div id="image_wrapper">
    <img src="https://burst.shopifycdn.com/photos/a-trio-of-natural-soaps.jpg" alt="" />
  </div>
  <div id="button_wrapper">
    <a href="">Shop now</a>
  </div>
  <div id="footer">{{ unsubscribe_link }} {{ open_tracking_block }}</div>
</div>
    Du hast die gesuchten Antworten nicht gefunden? Wir helfen dir gerne weiter.