Dostosuj swoje kampanie Shopify Email za pomocą kodu Liquid

Liquid to prosty i łatwy w użyciu język programowania Shopify, ten sam, którego używa się do tworzenia szablonów dostępnych w Shopify Theme Store.

Możesz użyć niestandardowego kodu Liquid, aby ulepszyć wiadomości Shopify Email, tworząc w pełni niestandardowo zakodowaną wiadomość e-mail lub dodając niestandardową sekcję Liquid do szablonu. Te opcje umożliwiają wprowadzenie niestandardowego kodu Liquid lub HTML.

Możesz użyć niestandardowego kodu Liquid do wyświetlenia niestandardowych zasobów, takich jak obrazy ułożone obok siebie, niestandardowe przyciski, obrazy o niestandardowym rozmiarze i niestandardowe rozmiary sekcji.

Na tej stronie

Uwagi

Przed dodaniem niestandardowego kodu Liquid do wiadomości Shopify Email zapoznaj się z poniższymi informacjami:

Zmienne, które zawierasz w kodzie, muszą być obsługiwane przez niestandardowy kod Liquid.
Niestandardową sekcję Liquid można utworzyć wyłącznie za pomocą komputera stacjonarnego.
Zmienna unsubscribe_link lub unsubscribe_url jest wymagana w niestandardowych e-mailach Liquid. Jeśli aktywowano śledzenie otwarć, wymagana jest również zmienna open_tracking. Dowiedz się więcej o dodawaniu wymaganych zmiennych do swojego e-maila.
Wprowadzany kod ma następujące limity:
- Maksymalnie 50 kilobajtów (KB) dla niestandardowych sekcji Liquid.
- Maksymalnie 500 KB dla e-maili z niestandardowym kodem Liquid.

Zmienne Liquid obsługiwane w niestandardowych Liquid

Możesz użyć poniższych zmiennych, aby dostosować swoje wiadomości e-mail Shopify za pomocą kodu Liquid.

Zmienne Liquid są obsługiwane dla wszystkich szablonów e-maili

Możesz użyć poniższych zmiennych, aby dostosować swoje wiadomości e-mail Shopify za pomocą kodu Liquid.

Opis zmiennych Liquid obsługiwanych przez Shopify Email
Zmienna	Opis
all_products	Wszystkie produkty w Twoim sklepie.
unsubscribe_link	Ta zmienna zapewnia dostęp do wstępnie sformatowanych bloków linków do anulowania subskrypcji. Jeśli utworzysz e-mail z niestandardowym kodem, musisz uwzględnić zmienną `unsubscribe_link` lub `unsubscribe_url`.
unsubscribe_url	Ta zmienna zapewnia dostęp do adresu URL do anulowania subskrypcji z możliwością dostosowania. Jeśli utworzysz e-mail z niestandardowym kodem, musisz uwzględnić zmienną `unsubscribe_link` lub `unsubscribe_url`.
open_tracking	Ta zmienna zapewnia dostęp do wstępnie sformatowanego bloku śledzenia otwarć. Ta zmienna jest wymagana, jeśli tworzysz e-maila z niestandardowym kodem przy włączonej opcji śledzenia otwarć.
data.customer.*	Ta zmienna zapewnia dostęp do następujących właściwości danych klienta: `first_name` `last_name` `email` `city` `state` `kraj` Tych właściwości nie można stosować w filtrach Liquid ani warunkach Liquid.
email.*	Ta zmienna zapewnia dostęp do następujących właściwości e-maila: `subject` wyświetla wiersz tematu e-maila. `preview_text` wyświetla podgląd tekstu e-maila.
shop.*	Zmienna ta daje dostęp do następujących właściwości sklepu: `name` wyświetla nazwę sklepu. `domain` wyświetla domenę podstawową sklepu. `url` wyświetla adres URL sklepu. `shopify_domain` wyświetla domenę Shopify sklepu. `address` wyświetla adres sklepu, który daje dostęp do następujących właściwości adresu: `address1` `address2` `city` `kraj` `telefon` `province` `pocztowy` `branding` wyświetla branding sklepu, który daje dostęp do następujących właściwości: `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`, które jest renderowane bezpośrednio jako tag `img`.

Zmienne Liquid obsługiwane dla e-maili dotyczących przerwanej realizacji zakupu

Możesz użyć następujących zmiennych, aby dostosować swoje e-maile dotyczące przerwanej realizacji zakupu w Shopify za pomocą Liquid.

Zmienna abandoned_checkout wstawia dane tylko wtedy, gdy e-mail jest częścią automatyzacji marketingowej przerwanej realizacji zakupu. W przeciwnym razie zmienna będzie miała wartość null.

Opis zmiennych Liquid obsługiwanych przez Shopify Email dla przerwanych wyszukiwań, koszyka i realizacji zakupu
Zmienna	Opis
abandoned_checkout.*	Ta zmienna zapewnia dostęp do następujących właściwości przerwanej realizacji zakupu: `url` wyświetla adres URL przerwanej realizacji zakupu. `line_items` wyświetla pierwsze pięć pozycji pojedynczych przerwanej realizacji zakupu. Ponadto każdy obiekt `line_items` zawiera następujące właściwości każdego produktu: `image_url` `product_title` `variant_title` `quantity` `remaining_products_count` przedstawia liczbę pozostałych pozycji pojedynczych, jeśli przerwana realizacja zakupu dotyczyła więcej niż pięciu pozycji.
id (checkout ID)	Unikalny identyfikator realizacji zakupu do wewnętrznego zastosowania.
shop	Nazwa Twojego sklepu Shopify.
name	Nazwa przerwanej realizacji zakupu, znanej również jako numer realizacji zakupu.
total_price	Łączna cena zamówienia (suma częściowa + koszt wysyłki - rabat na wysyłkę + podatek).
shipping_price	Cena wysyłki. Przykład`{{ shipping_price \| money }}`
shipping_address	Adres wysyłki.
billing_address	Adres rozliczeniowy.
line_items	Lista wszystkich pozycji przerwanej realizacji zakupu.
unavailable_line_items	Lista wszystkich pozycji przerwanej realizacji zakupu, które nie są dostępne.
note	Uwaga, która jest dołączona do przerwanej realizacji zakupu.
landing_site	Ścieżka do strony docelowej, której użył klient. To jest pierwsza strona, do której klient dotarł po wejściu do sklepu. Przykład `/products/great-product?ref=my-tracking-token`
landing_site_ref	Wyodrębnia parametr referencyjny ze strony docelowej. Parametrami referencyjnymi mogą być: `ref`, `source`, `r`. Jeśli `landing_site` jest `/products/great-product?ref=my-tracking-token`, to `landing_site_ref` jest `my-tracking-token`. Możesz wykonać określoną czynność, jeśli Twój referencyjny parametr jest równy określonej wartości: {% if landing_site_ref == 'my-tracking-token' %} Moje działanie... {% endif %}
referring_site	Adres URL polecającego, który skierował klienta do Twojego sklepu. Przykład `https://www.google.com/?s=great+products`
created_at	Data i godzina utworzenia przez klienta realizacji zakupu, która została przez niego przerwana.
closed_at	Data i godzina zakończenia realizacji zakupu.
customer_locale	Dwu- lub trzyliterowy kod języka dla ustawień regionalnych klienta, po którym opcjonalnie może następować modyfikator regionu. Np. pl , en-CA
item_count	Suma wszystkich ilości pozycji.
unique_gateways	Lista unikalnych dostawców płatności dostępnych przy realizacji zakupu.
discount	Rabat zastosowany do koszyka lub pozycji pojedynczej przerwanej realizacji zakupu.
discounts	Lista rabatów zastosowanych podczas realizacji zakupu.
successfully_applied_discounts	Rabaty, które zostały pomyślnie zastosowane podczas realizacji zakupu.
discounts_amount	Kwota w dolarach rabatu zastosowana we wszystkich rabatach. Przykład: + 5,00 USD
discounts_savings	Kwota w dolarach oszczędności wynikających ze wszystkich rabatów. Przykład: -5,00 USD
buyer_accepts_marketing	Zwroty prawda lub fałsz w zależności od tego, czy klient zaakceptował marketing podczas przerwanej realizacji zakupu.
subtotal_line_items	Pozycje pojedyncze, które są używane do obliczania ceny częściowej podczas realizacji zakupu, z wyłączeniem wszystkich pozycji napiwków.
requires_shipping	Zwroty prawda jeśli na stronie realizacji zakupu znajduje się co najmniej jedna pozycja wymagająca wysyłki.
subtotal_price	Suma częściowa pozycji podczas realizacji zakupu.
email	Adres e-mail powiązany z przerwaną realizacją zakupu.
shop_name	Nazwa Twojego sklepu.
tax_lines	Podatki podzielone wg typu podatku: {% for tax_line in tax_lines %} {{ tax_line.title }} ({{ tax_line.rate_percentage }}%) : {{ tax_line.price \| money_with_currency }} {% endfor %}
tax_price	Połączone podatki wszystkich pozycji w procesie realizacji zakupu.
attributes	Wszelkie atrybuty, które zostały dołączone do przerwanej realizacji zakupu. Przykład`{{ attributes.gift-note }}`
shipping_method	Informacje o pierwszej metodzie wysyłki dostępnej podczas realizacji zakupu.
shipping_methods	Metody wysyłki dostępne podczas realizacji zakupu.
free	Zwroty prawda jeśli łączna cena realizacji zakupu wynosi zero.
free_shipping	Zwroty prawda jeśli realizacja zakupu nie wymaga wysyłki, lub jeśli cena wysyłki wynosi zero.
different_billing_address	Zwroty prawda lub fałsz na podstawie tego, czy adres wysyłki jest taki sam jak adres rozliczeniowy.
customer	Obiekt klienta zawierający atrybuty danych wyjściowych klienta.
gift_cards	Karty prezentowe zastosowane podczas realizacji zakupu.
gift_cards_amount	Kwota realizacji zakupu, która zostanie opłacona za pomocą kart prezentowych.
transactions	Transakcje realizacji zakupu.
shareable_url	Adres URL pierwszego produktu wśród pozycji pojedynczych.
shareable_title	Tytuł produktu pierwszej pozycji.
total_tip	Suma napiwku dodana przez klienta podczas realizacji zakupu.
discount_applications	Opisuje, dlaczego i w jaki sposób cena produktu została obniżona podczas realizacji zakupu.
cart_level_discount_applications	Wnioski o rabaty specyficzne dla koszyka.
currency	Waluta przerwanej realizacji zakupu.
line_items_subtotal_price	Suma cen wszystkich pozycji podczas realizacji zakupu, po zastosowaniu rabatów dla pozycji.

Zmienne Liquid dla e-maili o przerwanych przeglądaniach i porzuconych koszykach

abandoned_visit.* wstawia dane tylko wtedy, gdy e-mail jest częścią automatyzacji marketingu porzuconego koszyka lub przerwanego przeglądania produktów. Przejrzyj następujące właściwości, do których ta zmienna daje dostęp.

Opis zmiennych Liquid obsługiwanych przez Shopify Email
Zmienna	Opis
abandoned_visit.*	Ta zmienna zapewnia dostęp do następujących właściwości porzuconego koszyka lub przerwanego przeglądania: `url` wyświetla adres URL porzuconego koszyka lub przeglądania. `products_added_to_cart` wyświetla pierwsze pięć pozycji pojedynczych produktu dodanych do koszyka, który został porzucony. Ponadto każdy obiekt `products_added_to_cart` zawiera następujące właściwości każdego produktu: `title` `image_url` `variant_title` `quantity` `products_viewed` wyświetla pierwsze pięć produktów wyświetlonych podczas wizyty, która została przerwana. Ponadto każdy obiekt `products_viewed` zawiera następujące właściwości każdego produktu: `title` `opis` `image_url` `url` `image_alt_text` `remaining_cart_products_count` przedstawia liczbę pozostałych pozycji pojedynczych, jeśli przerwana realizacja zakupu dotyczyła więcej niż pięciu pozycji.

Użycie wymaganych zmiennych

Po utworzeniu niestandardowego e-maila Liquid wymagana jest zmienna unsubscribe_link lub unsubscribe_url. Jeśli aktywowano śledzenie otwarć, wymagana jest również zmienna open_tracking.

Mimo że te zmienne można wstawić w dowolnym miejscu w kodzie dla e-maila, najczęściej dodaje się je w sekcji stopki e-maila, tak jak na poniższym przykładzie:

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

Przykład niestandardowego kodu Liquid

Możesz dodać niestandardowy Liquid i HTML w edytorze kodu. Poniższy przykładowy kod umożliwia dodanie kodu Liquid w celu wyświetlenia nazwy sklepu, niestandardowego przycisku i obrazu o niestandardowym rozmiarze w wiadomości e-mail.

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