Dodawanie niestandardowego kodu Liquid do kampanii Shopify Email

Rozwijaj swój biznes

Jeśli potrzebujesz pomocy w utworzeniu niestandardowego kodu dla wiadomości Shopify Email, możesz zatrudnić partnera Shopify.

Możesz dodać niestandardowe kodowanie do wiadomości Shopify Email, dodając niestandardową sekcję Liquid lub tworząc wiadomość e-mail z całkowicie niestandardowym kodem. Te opcje umożliwiają wprowadzenie niestandardowego kodu Liquid lub HTML.

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 do wyświetlenia niestandardowych zasobów, takich jak obrazy ułożone obok siebie, niestandardowe przyciski, obrazy o niestandardowym rozmiarze i niestandardowe rozmiary sekcji.

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 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 linku do anulowania subskrypcji. Ta zmienna jest wymagana, jeśli tworzysz e-maila z niestandardowym kodem.
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. 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>