Lägga till anpassad Liquid till Shopify e-post-kampanjer

Få din verksamhet att växa

Om du behöver hjälp med att skapa anpassad kod för dina Shopify e-postmeddelanden kan du anlita en Shopify partner.

Du kan lägga till anpassad kodning till dina Shopify e-post-meddelanden genom att lägga till ett anpassat Liquid-avsnitt eller genom att skapa ett helt anpassat e-postmeddelande. Med dessa alternativ kan du ange anpassad Liquid eller HTML.

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

Variabel	Beskrivning
all_products	Alla produkter i din butik.
unsubscribe_link	Variabeln ger åtkomst till länken för att avsluta prenumerationen. Variabeln krävs om du skapar ett anpassat e-postmeddelande.
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

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

Variabel

Beskrivning

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