Zasięg

Grow

Manage

Automate

Zaloguj się

Zarezerwuj demo

Zasięg

Grow

Manage

Automate

Zaloguj się

Zarezerwuj demo

Zarezerwuj demo

G

G

M

M

Zaawansowane Szablony Email

Dynamiczne i spersonalizowane e-maile z językiem Liquid

Zaawansowane Szablony Email

Zaawansowane Szablony Email

Predefined Variables

Predefined Variables

Logika warunkowa i Pętle

Logika warunkowa i Pętle

Praca z Produktami

Praca z Produktami

Zaawansowane Szablony Email

Zaawansowane Szablony Email

Zaawansowane Szablony Email

Zaawansowane szablonowanie e-maili umożliwia bardzo spersonalizowane szablony e-mailowe. Może być używane zarówno w edytorze typu przeciągnij i upuść oraz bezpośrednio na zaimportowanym HTML.

Dokumentacja języka szablonów e-mail Bird

Język szablonów e-mail Bird to potężne narzędzie oparte na składni Liquid Shopify, z niestandardowymi rozszerzeniami zaprojektowanymi specjalnie do email marketingu. Ten język pozwala na efektywne tworzenie dynamicznych, spersonalizowanych szablonów e-maili, umożliwiając dostarczanie ukierunkowanej treści do subskrybentów.

  • Kluczowe cechy języka szablonów e-mail Bird obejmują:

  • Łatwa personalizacja za pomocą predefiniowanych zmiennych

  • Warunkowe wyświetlanie treści na podstawie atrybutów lub segmentów subskrybentów

  • Integracja z katalogiem produktów i zewnętrznymi źródłami danych

  • Wsparcie dla internacjonalizacji przez tłumaczenia

  • Zaawansowane opcje formatowania za pomocą filtrów

Ten przewodnik przeprowadzi Cię przez podstawowe komponenty języka, dostarczając przykłady i najlepsze praktyki, aby pomóc Ci tworzyć efektywne szablony e-maili. Aby uzyskać pełne odniesienie do bazowej składni Liquid, zapoznaj się z dokumentacją Liquid Shopify.

Predefined Variables

Zdefiniowane zmienne pozwalają łatwo personalizować wiadomości e-mail za pomocą informacji o odbiorcy i szczegółów organizacji.

Zmienne kontaktowe

Użyj ich, aby wstawić informacje specyficzne dla odbiorców do swoich e-maili:

{{ contact.attributes.firstName }}
{{ contact.attributes.lastName }}
{{ contact.attributes.email }}

Możesz także użyć dowolnych niestandardowych atrybutów, które zdefiniowałeś dla swoich kontaktów.

Zmienne organizacji

Uwzględnij informacje o swojej firmie we wszystkich e-mailach:

{{ organization.name }}
{{ organization.fullAddress }}
{{ organization.websiteUrl }}
{{ organization.street }}
{{ organization.city }}
{{ organization.state }}
{{ organization.country }}
{{ organization.zipCode }}

Zmienna adresu e-mail

Odniesienie do adresu e-mail odbiorcy bezpośrednio:

{{ emailAddress }}

Najlepsza praktyka: Zawsze miej zastępstwo dla zmiennych personalizacji na wypadek, gdyby nie były one ustawione dla danego odbiorcy.

Filtry tagów

Filtry pozwalają modyfikować wynik swoich zmiennych, zapewniając, że treść jest sformatowana poprawnie dla twoich e-maili.

  • default: Ustaw wartość zastępczą, jeśli zmienna jest pusta

{{ contact.attributes.firstName | default: 'Valued Customer' }}

  • capitalize, upcase, downcase: Zmień wielkość liter tekstu

{{ contact.attributes.firstName | capitalize }}
{{ product.brand | upcase }}
{{ 'IMPORTANT NOTICE' | downcase }}

  • date: Formatuj daty zgodnie z określonymi wzorcami

{{ contact.attributes.birthday | date: '%B %d, %Y' }}
{{ 'now' | date: '%Y-%m-%d %H:%M' }}

  • currencyFormat: Formatuj liczby jako waluty

{{ product.price | currencyFormat: 'USD' }}

Najlepsza praktyka: Użyj filtra currencyFormat dla wszystkich wyświetleń cen, aby zapewnić spójność i właściwe formatowanie w różnych regionach.

Specjalne tagi

Specjalne tagi zapewniają szybki dostęp do typowych wymagań dotyczących marketingu e-mailowego, takich jak linki wypisu z subskrypcji i widok webowy.

Linki wypisu

Nieodzowne w przypadku zgodności z przepisami regulującymi e-maile:

{% unsubscribe %}  <!-- Outputs: <a href="...">Unsubscribe</a> -->
{% unsubscribe 'Click here to unsubscribe' %}  <!-- Custom text -->
<a href="{% unsubscribeLink %}">Manage your preferences</a>  <

Linki widoku webowego

Udostępnij opcję wyświetlenia e-maila w przeglądarce internetowej:

{% webView %}  <!-- Outputs: <a href="...">View in browser</a> -->
{% webView 'View this email online' %}  <!-- Custom text -->
<a href="{% webViewLink %}">Trouble viewing? Click here</a>  <

Tagi daty

Przydatne do wyświetlania aktualnych dat w e-mailach:

Today's Date: {% currentYear %}-{% currentMonthName %}-{% currentDay %}
Sent on: {% currentWeekday %}

Najlepsza praktyka: Zawsze dołączaj link wypisu z subskrypcji do swoich e-maili, zazwyczaj w stopce.

Zdefiniowane zmienne pozwalają łatwo personalizować wiadomości e-mail za pomocą informacji o odbiorcy i szczegółów organizacji.

Zmienne kontaktowe

Użyj ich, aby wstawić informacje specyficzne dla odbiorców do swoich e-maili:

{{ contact.attributes.firstName }}
{{ contact.attributes.lastName }}
{{ contact.attributes.email }}

Możesz także użyć dowolnych niestandardowych atrybutów, które zdefiniowałeś dla swoich kontaktów.

Zmienne organizacji

Uwzględnij informacje o swojej firmie we wszystkich e-mailach:

{{ organization.name }}
{{ organization.fullAddress }}
{{ organization.websiteUrl }}
{{ organization.street }}
{{ organization.city }}
{{ organization.state }}
{{ organization.country }}
{{ organization.zipCode }}

Zmienna adresu e-mail

Odniesienie do adresu e-mail odbiorcy bezpośrednio:

{{ emailAddress }}

Najlepsza praktyka: Zawsze miej zastępstwo dla zmiennych personalizacji na wypadek, gdyby nie były one ustawione dla danego odbiorcy.

Filtry tagów

Filtry pozwalają modyfikować wynik swoich zmiennych, zapewniając, że treść jest sformatowana poprawnie dla twoich e-maili.

  • default: Ustaw wartość zastępczą, jeśli zmienna jest pusta

{{ contact.attributes.firstName | default: 'Valued Customer' }}

  • capitalize, upcase, downcase: Zmień wielkość liter tekstu

{{ contact.attributes.firstName | capitalize }}
{{ product.brand | upcase }}
{{ 'IMPORTANT NOTICE' | downcase }}

  • date: Formatuj daty zgodnie z określonymi wzorcami

{{ contact.attributes.birthday | date: '%B %d, %Y' }}
{{ 'now' | date: '%Y-%m-%d %H:%M' }}

  • currencyFormat: Formatuj liczby jako waluty

{{ product.price | currencyFormat: 'USD' }}

Najlepsza praktyka: Użyj filtra currencyFormat dla wszystkich wyświetleń cen, aby zapewnić spójność i właściwe formatowanie w różnych regionach.

Specjalne tagi

Specjalne tagi zapewniają szybki dostęp do typowych wymagań dotyczących marketingu e-mailowego, takich jak linki wypisu z subskrypcji i widok webowy.

Linki wypisu

Nieodzowne w przypadku zgodności z przepisami regulującymi e-maile:

{% unsubscribe %}  <!-- Outputs: <a href="...">Unsubscribe</a> -->
{% unsubscribe 'Click here to unsubscribe' %}  <!-- Custom text -->
<a href="{% unsubscribeLink %}">Manage your preferences</a>  <

Linki widoku webowego

Udostępnij opcję wyświetlenia e-maila w przeglądarce internetowej:

{% webView %}  <!-- Outputs: <a href="...">View in browser</a> -->
{% webView 'View this email online' %}  <!-- Custom text -->
<a href="{% webViewLink %}">Trouble viewing? Click here</a>  <

Tagi daty

Przydatne do wyświetlania aktualnych dat w e-mailach:

Today's Date: {% currentYear %}-{% currentMonthName %}-{% currentDay %}
Sent on: {% currentWeekday %}

Najlepsza praktyka: Zawsze dołączaj link wypisu z subskrypcji do swoich e-maili, zazwyczaj w stopce.

Zdefiniowane zmienne pozwalają łatwo personalizować wiadomości e-mail za pomocą informacji o odbiorcy i szczegółów organizacji.

Zmienne kontaktowe

Użyj ich, aby wstawić informacje specyficzne dla odbiorców do swoich e-maili:

{{ contact.attributes.firstName }}
{{ contact.attributes.lastName }}
{{ contact.attributes.email }}

Możesz także użyć dowolnych niestandardowych atrybutów, które zdefiniowałeś dla swoich kontaktów.

Zmienne organizacji

Uwzględnij informacje o swojej firmie we wszystkich e-mailach:

{{ organization.name }}
{{ organization.fullAddress }}
{{ organization.websiteUrl }}
{{ organization.street }}
{{ organization.city }}
{{ organization.state }}
{{ organization.country }}
{{ organization.zipCode }}

Zmienna adresu e-mail

Odniesienie do adresu e-mail odbiorcy bezpośrednio:

{{ emailAddress }}

Najlepsza praktyka: Zawsze miej zastępstwo dla zmiennych personalizacji na wypadek, gdyby nie były one ustawione dla danego odbiorcy.

Filtry tagów

Filtry pozwalają modyfikować wynik swoich zmiennych, zapewniając, że treść jest sformatowana poprawnie dla twoich e-maili.

  • default: Ustaw wartość zastępczą, jeśli zmienna jest pusta

{{ contact.attributes.firstName | default: 'Valued Customer' }}

  • capitalize, upcase, downcase: Zmień wielkość liter tekstu

{{ contact.attributes.firstName | capitalize }}
{{ product.brand | upcase }}
{{ 'IMPORTANT NOTICE' | downcase }}

  • date: Formatuj daty zgodnie z określonymi wzorcami

{{ contact.attributes.birthday | date: '%B %d, %Y' }}
{{ 'now' | date: '%Y-%m-%d %H:%M' }}

  • currencyFormat: Formatuj liczby jako waluty

{{ product.price | currencyFormat: 'USD' }}

Najlepsza praktyka: Użyj filtra currencyFormat dla wszystkich wyświetleń cen, aby zapewnić spójność i właściwe formatowanie w różnych regionach.

Specjalne tagi

Specjalne tagi zapewniają szybki dostęp do typowych wymagań dotyczących marketingu e-mailowego, takich jak linki wypisu z subskrypcji i widok webowy.

Linki wypisu

Nieodzowne w przypadku zgodności z przepisami regulującymi e-maile:

{% unsubscribe %}  <!-- Outputs: <a href="...">Unsubscribe</a> -->
{% unsubscribe 'Click here to unsubscribe' %}  <!-- Custom text -->
<a href="{% unsubscribeLink %}">Manage your preferences</a>  <

Linki widoku webowego

Udostępnij opcję wyświetlenia e-maila w przeglądarce internetowej:

{% webView %}  <!-- Outputs: <a href="...">View in browser</a> -->
{% webView 'View this email online' %}  <!-- Custom text -->
<a href="{% webViewLink %}">Trouble viewing? Click here</a>  <

Tagi daty

Przydatne do wyświetlania aktualnych dat w e-mailach:

Today's Date: {% currentYear %}-{% currentMonthName %}-{% currentDay %}
Sent on: {% currentWeekday %}

Najlepsza praktyka: Zawsze dołączaj link wypisu z subskrypcji do swoich e-maili, zazwyczaj w stopce.

Logika warunkowa i Pętle

Logika warunkowa i pętle pozwalają tworzyć dynamiczne treści, które dostosowują się do atrybutów lub preferencji każdego odbiorcy.

Instrukcje If

Używaj instrukcji if, aby wyświetlać różne treści w oparciu o atrybuty odbiorców:

{% if contact.attributes.membership == "gold" %}
  <h2>Exclusive Gold Member Offer</h2>
  <p>Enjoy 20% off your next purchase!</p>
{% elsif contact.attributes.membership == "silver" %}
  <h2>Special Silver Member Discount</h2>
  <p>Get 15% off select items!</p>
{% else %}
  <h2>Limited Time Offer</h2>
  <p>Save 10% on your next order!</p>
{% endif %}

Sprawdzanie członkostwa w segmencie

Targetuj treści do konkretnych segmentów swojej publiczności: 

{% if contact.segments contains "abcd-1234-efgh-5678" }
  This contact is a member of the segment with ID "abcd-1234-efgh-5678".
{% endif %}

Pętle

Iteruj przez tablice danych, aby tworzyć dynamiczne listy:

<h3>Your Favorite Colors:</h3>
<ul>
{% for color in contact.attributes.favoriteColors %}
  <li style="color: {{ color }};">{{ color }}</li>
{% endfor %}
<

Najlepsza praktyka: używaj logiki warunkowej, aby dostosować swoją wiadomość do różnych segmentów odbiorców, zwiększając jej istotność i zaangażowanie.

Praca z Produktami

Integruj katalog produktów bezpośrednio w swoich szablonach email, aby uzyskać dynamiczne wyświetlanie produktów.

Single Product Lookup

Wyświetl szczegóły określonego produktu:

{% catalog 'PRODUCT-ID-123' %}
  <div class="product">
    <h2>{{ catalogItem.title }}</h2>
    <img src="{{ catalogItem.imageUrl }}" alt="{{ catalogItem.title }}">
    <p>Price: {{ catalogItem.price | currencyFormat: catalogItem.currency }}</p>
    {% if catalogItem.originalPrice > catalogItem.price %}
      <p>Original Price: <strike>{{ catalogItem.originalPrice | currencyFormat: catalogItem.currency }}</strike></p>
    {% endif %}
    <a href="{{ catalogItem.url }}">Shop Now</a>
  </div>
{


Product Feed

Wyświetl wiele produktów z kanału:

<h2>Recommended for You</h2>
<div class="product-grid">
  {% productfeed 'FEED-ID-456' %}
    {% for item in catalogItems limit:3 %}
      <div class="product">
        <h3>{{ item.title }}</h3>
        <img src="{{ item.imageUrl }}" alt="{{ item.title }}">
        <p>{{ item.price | currencyFormat: item.currency }}</p>
        <a href="{{ item.url }}">View Product</a>
      </div>
    {% endfor %}
  {% endproductfeed %}
</div>

Najlepsza praktyka: Używaj kanałów produktów, aby stworzyć dynamiczną treść, taką jak sekcje "Polecane produkty" lub "Nowości" w swoich e-mailach.

Wydarzenia

Wykorzystaj dane dotyczące wydarzeń, aby tworzyć bardzo trafne, wysyłane na czas e-maile oparte na działaniach subskrybentów. Jest to zazwyczaj istotne dla e-maili wysyłanych w trakcie ścieżki z wyzwalaczami wydarzeń.

{% if event.type == "abandoned_cart" %}
  <h2>Did you forget something?</h2>
  <p>We noticed you left some items in your cart:</p>
  <ul>
  {% for item in event.properties.items %}
    <li>{{ item.product_name }} - {{ item.price | currencyFormat: event.properties.currency }}</li>
  {% endfor %}
  </ul>
  <a href="{{ event.properties.checkout_url }}">Complete your purchase</a>
{% elsif event.type == "purchase_confirmation" %}
  <h2>Thank you for your purchase!</h2>
  <p>Order Total: {{ event.properties.total_price | currencyFormat: event.properties.currency }}</p>
  <p>Order ID: {{ event.properties.order_id }}</p>
{

Najlepsza praktyka: Wykorzystaj dane dotyczące wydarzeń do wyzwalania terminowych, trafnych e-maili, takich jak przypomnienia o porzuconych koszykach lub potwierdzenia zakupu.

Kody Rabatowe

Generuj i wyświetlaj unikalne kody rabatowe w swoich emailach, aby zachęcić do zakupów.

<h2>Your Exclusive Offer</h2>
<p>Use this code for 15% off your next purchase:</p>
<div class="discount-code">{% discountCode "SUMMER_SALE_POOL" %}</div>

Najlepsza praktyka: używaj unikalnych kodów rabatowych do śledzenia wyników różnych kampanii emailowych lub segmentów.

Tłumaczenia

Utwórz wielojęzyczne szablony e-maili za pomocą funkcji tłumaczenia.

Najpierw skonfiguruj pliki tłumaczeń (w formacie JSON) dla każdego języka, który obsługujesz. Na przykład:

{
  "welcome_message": "Welcome to our store!",
  "sale_announcement": "Don't miss our big sale, {{name}}!",
  "product_of_the_day": "Product of the day: {{product}}"
}

Następnie użyj filtra t w swoich szablonach:

<h1>{{ "welcome_message" | t }}</h1>
<p>{{ "sale_announcement" | t: "name", contact.attributes.firstName }}</p>
<h2>{{ "product_of_the_day" | t: "product", featuredProduct.title }}</h2>

Najlepsza praktyka: używaj tłumaczeń do stworzenia jednego szablonu, który można używać dla wielu języków, co zmniejsza koszty utrzymania.


Zewnętrzne źródła danych

Integruj dane w czasie rzeczywistym z zewnętrznych źródeł do swoich e-maili. Możesz dowiedzieć się więcej o zewnętrznych źródłach danych tutaj.

Podstawowe Użycie:

{% datafetch "weather-api" %}
  <p>Current temperature in your area: {{ dataFetchResponse.temperature }}°C</p>
  <p>Weather condition: {{ dataFetchResponse.condition }}</p>
{

Używanie Dynamicznych URL-i

Dla API, które wymagają dynamicznych parametrów:

{% datafetch "user-recommendations", "userId", contact.attributes.userId %}
  <h2>Recommended for You</h2>
  <ul>
  {% for product in dataFetchResponse.recommendations %}
    <li>{{ product.name }} - {{ product.price | currencyFormat: 'USD' }}</li>
  {% endfor %}
  </ul>
{

Najlepsza Praktyka: Używaj zewnętrznych źródeł danych, aby zawierać aktualne, spersonalizowane informacje w swoich e-mailach, takie jak salda kont, punkty lojalnościowe, czy spersonalizowane rekomendacje.


Zaawansowana składnia Liquid

Chociaż język szablonów e-maila Bird oferuje potężne funkcje specyficzne dla marketingu e-mailowego, jest zbudowany na Liquid, który oferuje dodatkowe zaawansowane funkcje. Oto kilka przykładów:

Obsługa Tablic i Obiektów

{% assign sorted_products = products | sort: 'price' %}
{% assign expensive_products = sorted_products | where: "price", ">", 100 %}

Działania Matematyczne

{% assign total = product.price | times: item.quantity %}
{% assign discount = total | divided_by: 4 %}

Manipulacja Czcionkami

{% assign lowercase_name = contact.attributes.firstName | downcase %}
{% assign greeting = "Hello, " | append: lowercase_name | capitalize %}

Przepływ Kontroli

{% case shipping_method %}
  {% when 'ground' %}
    Estimated delivery: 5-7 business days
  {% when 'express' %}
    Estimated delivery: 2-3 business days
  {% else %}
    Please contact us for shipping information
{% endcase %}

Aby uzyskać kompleksowy przewodnik po tych zaawansowanych funkcjach Liquid, zapraszamy do zapoznania się z dokumentacją Shopify Liquid.

Najlepsza Praktyka: Chociaż te zaawansowane funkcje są potężne, używaj ich z umiarem. Zbyt skomplikowane szablony mogą być trudne do utrzymania i mogą wpływać na wydajność renderowania e-maili.

Pamiętaj, aby dokładnie przetestować swoje szablony e-mailowe w różnych klientach e-mail, aby zapewnić spójne renderowanie i optymalną wydajność. Platforma Bird oferuje narzędzia do podglądu i testowania szablonów przed wysłaniem.

Dzięki opanowaniu języka szablonów e-maila Bird będziesz w stanie tworzyć bardzo dynamiczne, spersonalizowane i angażujące kampanie e-mailowe, które będą odpowiadały twojej publiczności i przynosiły efekty.

Połączmy Cię z ekspertem Bird.
Zobacz pełną moc Bird w 30 minut.

Przesyłając, zgadzasz się, że Bird może kontaktować się z Tobą w sprawie naszych produktów i usług.

Możesz zrezygnować z subskrypcji w dowolnym momencie. Zobacz Privacy Statement firmy Bird, aby uzyskać szczegóły dotyczące przetwarzania danych.

R

Reach

E

Email

V

Voice API

N

Numbers API

S

SMS API

W

WhatsApp API

G

Grow

M

Marketing

S

Sprzedaż

M

Manage

S

Wsparcie

P

Płatności

H

HR

E

Wydatki

A

Automate

A

AI

W

Przepływy pracy

Zasoby

Changelog

Baza wiedzy

Centrum dla deweloperów

Centrum wsparcia

Klienci

Blog

Company

O

Cennik

Partnerzy

Kariera

Legalny

Terms

Ustawienia prywatności

Biuletyn

Bądź na bieżąco z Bird dzięki cotygodniowym aktualizacjom do Twojej skrzynki odbiorczej.

x.com

Instagram

LinkedIn

Skontaktuj się z pomocą techniczną

Połączmy Cię z ekspertem Bird.
Zobacz pełną moc Bird w 30 minut.

Przesyłając, zgadzasz się, że Bird może kontaktować się z Tobą w sprawie naszych produktów i usług.

Możesz zrezygnować z subskrypcji w dowolnym momencie. Zobacz Privacy Statement firmy Bird, aby uzyskać szczegóły dotyczące przetwarzania danych.

R

Reach

E

Email

V

Voice API

N

Numbers API

S

SMS API

W

WhatsApp API

G

Grow

M

Marketing

S

Sprzedaż

M

Manage

S

Wsparcie

P

Płatności

H

HR

E

Wydatki

A

Automate

A

AI

W

Przepływy pracy

Zasoby

Changelog

Baza wiedzy

Centrum dla deweloperów

Centrum wsparcia

Klienci

Blog

Company

O

Cennik

Partnerzy

Kariera

Legalny

Terms

Ustawienia prywatności

Biuletyn

Bądź na bieżąco z Bird dzięki cotygodniowym aktualizacjom do Twojej skrzynki odbiorczej.

x.com

Instagram

LinkedIn

Skontaktuj się z pomocą techniczną

Połączmy Cię z ekspertem Bird.
Zobacz pełną moc Bird w 30 minut.

Przesyłając, zgadzasz się, że Bird może kontaktować się z Tobą w sprawie naszych produktów i usług.

Możesz zrezygnować z subskrypcji w dowolnym momencie. Zobacz Privacy Statement firmy Bird, aby uzyskać szczegóły dotyczące przetwarzania danych.

R

Reach

G

Grow

M

Manage

A

Automate

Zasoby

Changelog

Baza wiedzy

Centrum dla deweloperów

Centrum wsparcia

Klienci

Blog

Company

O

Cennik

Partnerzy

Kariera

Legalny

Terms

Ustawienia prywatności

Biuletyn

Bądź na bieżąco z Bird dzięki cotygodniowym aktualizacjom do Twojej skrzynki odbiorczej.

Skontaktuj się z pomocą techniczną