Anpassa dina Shopify e-postkampanjer med hjälp av Liquid

Liquid är Shopifys enkla och lättanvända programmeringsspråk och är samma programmeringsspråk som teman från Shopifys temabutik är byggda med.

Du kan använda anpassad Liquid för att förbättra dina Shopify Email-meddelanden genom att skapa ett helt anpassat e-postmeddelande eller genom att lägga till ett anpassat Liquid-avsnitt i en mall. Med dessa alternativ kan du ange anpassad Liquid eller HTML.

Du kan använda anpassad Liquid för att visa anpassade tillgångar, till exempel bilder sida vid sida, anpassade knappar, bilder i anpassad storlek och anpassade avsnittsstorlekar.

Överväganden

Granska följande överväganden innan du börjar lägga till anpassad Liquid i dina Shopify e-post-meddelanden:

  • Variablerna som du inkluderar i din kod måste stödjas av anpassad Liquid.
  • Du kan bara använda en stationär enhet för att skapa ett anpassat Liquid-avsnitt.
  • Variabeln unsubscribe_link eller unsubscribe_url krävs i anpassade Liquid-e-postmeddelanden. Om du har aktiverat öppen spårning krävs även variabeln open_tracking. Läs mer om att lägga till obligatoriska variabler i din e-post.
  • Koden du anger har följande begränsningar:
    • Maximalt 50 kilobyte (kb) för anpassade Liquid-avsnitt.
    • Maximalt 500 kb för anpassad kodad Liquid-e-post.

Liquid-variabler stöds i anpassad Liquid

Du kan använda följande variabler för att anpassa dina Shopify-e-postmeddelanden med Liquid.

Liquid-variabler stöds för alla e-postmallar

Du kan använda följande variabler för att anpassa dina Shopify-e-postmeddelanden med Liquid.

Beskrivning av Liquid-variabler som stöds av Shopify e-post
VariabelBeskrivning
all_products
Alla produkter i din butik.
unsubscribe_link
Variabeln ger åtkomst till ett förformaterat länkblock för att avsluta prenumerationen. Om du skapar ett anpassat kodat e-postmeddelande måste du inkludera variabeln unsubscribe_link eller unsubscribe_url.
unsubscribe_url
Variabeln ger åtkomst till den obearbetade URL-adressen och kan anpassas. Om du skapar ett anpassat kodat e-postmeddelande måste du inkludera variabeln unsubscribe_url eller unsubscribe_link.
open_tracking
Variabeln ger åtkomst till det förformaterade öppna spårningsblocket. Variabeln krävs om du skapar ett anpassat e-postmeddelande och har aktiverat öppen spårning.
data.customer.*

Variabeln ger åtkomst till följande egenskaper för kunddata:

  • förnamn
  • efternamn
  • e-post
  • stad
  • delstat
  • land
  • Dessa egenskaper kan inte användas inuti Liquid-filter eller Liquid-villkor.

    email.*

    Den här variabeln ger åtkomst till följande e-postegenskaper:

  • subject visar ämnesraden i e-postmeddelandet.
  • preview_text visar förhandsgranskningstexten i e-postmeddelandet.
  • shop.*
    Den här variabeln ger åtkomst till följande butiksegenskaper:
  • name visar butiksnamnet.
  • domain visar butikens huvuddomän.
  • url visar butikens URL.
  • shopify_domain visar butiekns Shopify-domän.
    • address visar butiksadressen, vilket ger åtkomst till följande adressegenskaper:
      • adress1
      • adress2
      • stad
      • land
      • telefon
      • provins
      • postnummer
      • Varumärkeshantering visar butiksvarumärket, vilket ger åtkomst till följande egenskaper:
        • 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, som återges direkt som en img/tagg.

    Liquid-variabler som stöds för e-postmeddelanden om övergiven varukorg

    Du kan använda följande variabler för att anpassa dina e-postmeddelanden om övergiven varukorg via Shopify med Liquid.

    Variabeln abandoned_checkout fylls endast i om ett e-postmeddelande är en del av en automatiserad marknadsföringsautomatisering för övergiven varukorg. Annars är variabeln null.

    Beskrivning av Shopify Email-stödda Liquid-variabler för övergiven bläddring, varukorg och kassa
    VariabelBeskrivning
    abandoned_checkout.*

    Denna variabel ger åtkomst till följande egenskaper för en övergiven varukorg:

    • url visar URL för den övergivna varukorgen.
    • line_items visar de första fem posterna i den övergivna varukorgen.Dessutom innehåller varje line_items objekt följande egenskaper för varje produkt:
      • image_url
      • product_title
      • variant_title
      • kvantitet
    • remaining_products_count visar återstående radobjektantal om det finns fler än fem radobjekt i den övergivna varukorgen.
    id
    (checkout ID)
    Ett unikt ID för kassan för internt bruk.
    shop
    Ditt Shopify-butiksnamn.
    name
    Namnet på den övergivna varukorgen, även känd som kassanumret.
    total_price
    Det totala priset för ordern (delsumma + fraktkostnad - rabattrabatt + skatt).
    shipping_price

    Fraktpriset.

    Exempel: {{ shipping_price | money }}

    shipping_address
    Leveransadressen.
    billing_address
    Faktureringsadressen.
    line_items
    En lista över alla radobjekt i den övergivna varukorgen.
    unavailable_line_items
    En lista över alla radobjekt i den övergivna varukorgen som inte är tillgängliga.
    note
    Anteckningen som bifogas den övergivna varukorgen.
    landing_site

    Sökvägen till landningsplatsen som kunden använde. Det här är den första sidan som kunden fick tillgång till när de kom till butiken.

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

    landing_site_ref

    Extraherar en referensparameter från landningsplatsen. Referensparametrar kan vara: ref, source, r.

    Om landing_site är /products/great-product?ref=my-tracking-token, är landing_site_ref my-tracking-token. Du kan utföra en viss åtgärd om din referensparameter är lika med ett visst värde:

    {% if landing_site_ref == 'my-tracking-token' %} Min åtgärd... {% endif %} 
    referring_site

    URL:en till hänvisaren som förde kunden till din butik.

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

    created_at

    Det datum och den tidpunkt då kunden skapade varukorgen som övergavs.

    closed_at

    Datum och tid när kassan stängdes.

    customer_locale
    Språkkoden på två eller tre bokstäver för kundens lokala område, eventuellt följt av en regionmodifierare. Till exempel,
    sv
    ,
    en-CA
    item_count
    Summan av alla artikelkvantiteter.
    unique_gateways
    En lista över unika betalningsleverantörer som finns tillgängliga i kassan.
    discount
    Rabatten gäller varukorgen eller en radartikel i den övergivna varukorgen.
    discounts
    En lista med rabatter som tillämpas i kassan.
    successfully_applied_discounts
    Rabatterna som framgångsrikt tillämpades i kassan.
    discounts_amount

    Rabattbeloppet i dollar som tillämpas för alla rabatter.

    Exempel: +5,00 USD

    discounts_savings

    Dollarbeloppet för besparingarna orsakade av alla rabatter.

    Exempel: - 5,00 USD

    buyer_accepts_marketing
    Returer
    sant
    eller
    falskt
    beroende på om kunden accepterade marknadsföring under den övergivna varukorgen.
    subtotal_line_items
    Radartiklarna som används för att beräkna delsumman i kassan, exklusive radartiklar med dricks.
    requires_shipping
    Returer
    sant
    om det finns minst en artikel i kassan som kräver frakt.
    subtotal_price
    Delsumman för radartiklarna i kassan.
    email
    E-postmeddelandet som är kopplat till den övergivna varukorgen.
    shop_name
    Namnet på din butik.
    tax_lines

    Skatter uppdelade efter typ av skatt:

    {% for tax_line in tax_lines %} {{ tax_line.title }} ({{ tax_line.rate_percentage }}%) : {{ tax_line.price | money_with_currency }} {% endfor %}
    tax_price
    De sammanlagda skatterna för alla artiklar i kassan.
    attributes

    Alla attribut som var kopplade till den övergivna varukorgen.

    Exempel: {{ attributes.gift-note }}

    shipping_method
    Information om den första leveransmetoden som finns tillgänglig i kassan.
    shipping_methods
    Leveransmetoderna finns tillgängliga i kassan.
    free
    Returer
    sant om det totala priset för kassan är noll.
    free_shipping
    Returer
    sant
    om kassan inte kräver frakt eller om priset för frakt är noll.
    different_billing_address
    Returer
    sant
    eller
    falskt
    baserat på om leveransadressen är densamma som faktureringsadressen.
    customer
    Kundobjekt som innehåller attribut för utmatningen kund.
    gift_cards
    Presentkorten som tillämpas i kassan.
    gift_cards_amount
    Beloppet för det varukorgspris som skulle betalas med presentkort.
    transactions
    Transaktionerna i kassan.
    shareable_url
    URL för den första produkten i radartiklarna.
    shareable_title
    Produktnamnet på den första radartikeln.
    total_tip
    Den totala dricksen som kunden lade till i kassan.
    discount_applications
    Beskriver varför och hur en artikel rabatterades i kassan.
    cart_level_discount_applications
    De varukorgsspecifika rabatterna som appliceras på varukorgen.
    currency
    Valutan för den övergivna varukorgen.
    line_items_subtotal_price
    Summan av priserna för alla radartiklar i kassan, efter att eventuella radartikelrabatter har tillämpats.

    Liquid-variabler för e-postmeddelanden om övergiven bläddring och övergivna varukorgar

    Variabeln abandoned_visit.* fylls endast i om ett e-postmeddelande är en del av en automatiserad marknadsföringskampanj för övergiven varukorg eller övergivna produkter. Granska följande egenskaper som variabeln ger åtkomst till.

    Beskrivning av Liquid-variabler som stöds av Shopify e-post
    VariabelBeskrivning
    abandoned_visit.*

    Denna variabel ger åtkomst till följande egenskaper för en övergiven varukorg eller bläddra:

    • url visar URL för den övergivna varukorgen eller bläddringen.
    • products_added_to_cart visar de fem första produktradsartiklarna som lagts till i varukorgen vid det övergivna besöket.Dessutom innehåller varje products_added_to_cart/objekt följande egenskaper för varje produkt:
      • Titel
      • image_url
      • variant_title
      • kvantitet
    • products_viewed visar de första fem produkterna som visades under det övergivna besöket.Dessutom innehåller varje products_viewed objekt följande egenskaper för varje produkt:
      • Titel
      • beskrivning
      • image_url
      • url
      • image_alt_text
    • remaining_cart_products_count visar återstående radobjektsantal om det finns fler än fem radobjekt i den övergivna varukorgen.

    Använd obligatoriska variabler

    När du skapar en anpassad Liquid-e-post krävs variabeln unsubscribe_link eller unsubscribe_url. Om du har aktiverat öppen spårning krävs även variabeln open_tracking.

    Även om dessa variabler kan infogas var som helst i koden för din e-post, är den vanligaste platsen att lägga till dem i ett e-postmeddelandes sidfotsavsnitt, till exempel i följande exempel:

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

    Exempel på anpassad Liquid-kod

    Du kan lägga till din anpassade Liquid eller HTML i kodredigeraren. Följande kod är ett exempel på hur du kan lägga till Liquid-kod för att visa ditt butiksnamn, en anpassad knapp och en anpassad bild i ett e-postmeddelande.

    <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>
    Hittar du inte de svar du letar efter? Vi finns här för att hjälpa till!