Reach

Grow

Manage

Automate

Masuk

Pesan demo

Reach

Grow

Manage

Automate

Masuk

Pesan demo

Pesan demo

G

G

M

M

Templat Email Lanjutan

Email Dinamis dan Dipersonalisasi dengan Bahasa Liquid

Templat Email Lanjutan

Templat Email Lanjutan

Predefined Variables

Predefined Variables

Logika Kondisional dan Loops

Logika Kondisional dan Loops

Bekerja dengan Products

Bekerja dengan Products

Templat Email Lanjutan

Templat Email Lanjutan

Templat Email Lanjutan

Advance Email Templating memungkinkan pembuatan template email yang sangat disesuaikan. Ini dapat digunakan di editor seret dan letakkan serta langsung pada HTML yang diimpor.

Dokumentasi Bahasa Template Email Bird

Bahasa Template Email Bird adalah alat yang kuat berdasarkan sintaks Liquid Shopify, dengan ekstensi khusus yang dirancang khusus untuk pemasaran email. Bahasa ini memungkinkan Anda membuat template email dinamis dan personal secara efisien, memungkinkan Anda untuk menyampaikan konten yang ditargetkan kepada pelanggan Anda.

  • Fitur utama dari Bahasa Template Email Bird meliputi:

  • Personalisasi mudah menggunakan variabel yang telah ditentukan

  • Tampilan konten kondisional berdasarkan atribut atau segmen pelanggan

  • Integrasi dengan katalog produk Anda dan sumber data eksternal

  • Dukungan untuk internasionalisasi melalui terjemahan

  • Opsi format lanjutan dengan filter

Panduan ini akan memandu Anda melalui komponen penting dari bahasa ini, dengan memberikan contoh dan praktik terbaik untuk membantu Anda membuat template email yang efektif. Untuk referensi yang komprehensif tentang sintaks Liquid yang mendasarinya, silakan merujuk ke dokumentasi Shopify Liquid.

Predefined Variables

Variabel yang ditentukan sebelumnya memungkinkan Anda untuk dengan mudah mempersonalisasi email Anda dengan informasi penerima dan detail organisasi.

Variabel Kontak

Gunakan ini untuk memasukkan informasi spesifik penerima ke dalam email Anda:

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

Anda juga dapat menggunakan atribut kustom yang telah Anda definisikan untuk kontak Anda.

Variabel Organisasi

Sertakan informasi perusahaan Anda secara konsisten di semua email:

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

Variabel Alamat Email

Referensi alamat email penerima secara langsung:

{{ emailAddress }}

Praktik Terbaik: Selalu miliki alternatif untuk variabel personalisasi jika tidak diatur untuk penerima tertentu.

Filter Tag

Filter memungkinkan Anda untuk memodifikasi output dari variabel Anda, memastikan bahwa konten diformat dengan benar untuk email Anda.

  • default: Tetapkan nilai alternatif jika variabel kosong

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

  • capitalize, upcase, downcase: Ubah huruf kapital teks

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

  • date: Format tanggal sesuai pola yang ditentukan

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

  • currencyFormat: Format angka sebagai mata uang

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

Praktik Terbaik: Gunakan filter currencyFormat untuk semua tampilan harga untuk memastikan konsistensi dan format yang tepat di berbagai wilayah.

Tag Khusus

Tag khusus memberikan akses cepat ke persyaratan umum pemasaran email, seperti tautan berhenti berlangganan dan tampilan web.

Tautan Berhenti Berlangganan

Penting untuk kepatuhan terhadap peraturan email:

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

Tautan Tampilan Web

Sediakan opsi untuk melihat email di browser web:

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

Tag Tanggal

Berguna untuk menampilkan tanggal saat ini dalam email Anda:

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

Praktik Terbaik: Selalu sertakan tautan berhenti berlangganan dalam email Anda, biasanya di bagian akhir.

Variabel yang ditentukan sebelumnya memungkinkan Anda untuk dengan mudah mempersonalisasi email Anda dengan informasi penerima dan detail organisasi.

Variabel Kontak

Gunakan ini untuk memasukkan informasi spesifik penerima ke dalam email Anda:

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

Anda juga dapat menggunakan atribut kustom yang telah Anda definisikan untuk kontak Anda.

Variabel Organisasi

Sertakan informasi perusahaan Anda secara konsisten di semua email:

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

Variabel Alamat Email

Referensi alamat email penerima secara langsung:

{{ emailAddress }}

Praktik Terbaik: Selalu miliki alternatif untuk variabel personalisasi jika tidak diatur untuk penerima tertentu.

Filter Tag

Filter memungkinkan Anda untuk memodifikasi output dari variabel Anda, memastikan bahwa konten diformat dengan benar untuk email Anda.

  • default: Tetapkan nilai alternatif jika variabel kosong

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

  • capitalize, upcase, downcase: Ubah huruf kapital teks

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

  • date: Format tanggal sesuai pola yang ditentukan

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

  • currencyFormat: Format angka sebagai mata uang

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

Praktik Terbaik: Gunakan filter currencyFormat untuk semua tampilan harga untuk memastikan konsistensi dan format yang tepat di berbagai wilayah.

Tag Khusus

Tag khusus memberikan akses cepat ke persyaratan umum pemasaran email, seperti tautan berhenti berlangganan dan tampilan web.

Tautan Berhenti Berlangganan

Penting untuk kepatuhan terhadap peraturan email:

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

Tautan Tampilan Web

Sediakan opsi untuk melihat email di browser web:

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

Tag Tanggal

Berguna untuk menampilkan tanggal saat ini dalam email Anda:

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

Praktik Terbaik: Selalu sertakan tautan berhenti berlangganan dalam email Anda, biasanya di bagian akhir.

Variabel yang ditentukan sebelumnya memungkinkan Anda untuk dengan mudah mempersonalisasi email Anda dengan informasi penerima dan detail organisasi.

Variabel Kontak

Gunakan ini untuk memasukkan informasi spesifik penerima ke dalam email Anda:

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

Anda juga dapat menggunakan atribut kustom yang telah Anda definisikan untuk kontak Anda.

Variabel Organisasi

Sertakan informasi perusahaan Anda secara konsisten di semua email:

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

Variabel Alamat Email

Referensi alamat email penerima secara langsung:

{{ emailAddress }}

Praktik Terbaik: Selalu miliki alternatif untuk variabel personalisasi jika tidak diatur untuk penerima tertentu.

Filter Tag

Filter memungkinkan Anda untuk memodifikasi output dari variabel Anda, memastikan bahwa konten diformat dengan benar untuk email Anda.

  • default: Tetapkan nilai alternatif jika variabel kosong

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

  • capitalize, upcase, downcase: Ubah huruf kapital teks

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

  • date: Format tanggal sesuai pola yang ditentukan

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

  • currencyFormat: Format angka sebagai mata uang

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

Praktik Terbaik: Gunakan filter currencyFormat untuk semua tampilan harga untuk memastikan konsistensi dan format yang tepat di berbagai wilayah.

Tag Khusus

Tag khusus memberikan akses cepat ke persyaratan umum pemasaran email, seperti tautan berhenti berlangganan dan tampilan web.

Tautan Berhenti Berlangganan

Penting untuk kepatuhan terhadap peraturan email:

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

Tautan Tampilan Web

Sediakan opsi untuk melihat email di browser web:

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

Tag Tanggal

Berguna untuk menampilkan tanggal saat ini dalam email Anda:

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

Praktik Terbaik: Selalu sertakan tautan berhenti berlangganan dalam email Anda, biasanya di bagian akhir.

Logika Kondisional dan Loops

Logika kondisional dan loop memungkinkan Anda untuk membuat konten dinamis yang beradaptasi dengan atribut atau preferensi masing-masing penerima.

Jika Pernyataan

Gunakan pernyataan if untuk menampilkan konten yang berbeda berdasarkan atribut penerima:

{% 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 %}

Memeriksa Keanggotaan Segmen

Targetkan konten ke segmen spesifik dari audiens Anda:

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

Loops

Iterasi melalui array data untuk membuat daftar dinamis:

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

Praktik Terbaik: Gunakan logika kondisional untuk menyesuaikan pesan Anda ke segmen audiens yang berbeda, meningkatkan relevansi dan keterlibatan.

Bekerja dengan Products

Integrasikan katalog produk Anda langsung ke dalam template email Anda untuk tampilan produk yang dinamis.

Single Product Lookup

Tampilkan detail dari produk tertentu:

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

Tampilkan beberapa produk dari feed:

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

Praktik Terbaik: Gunakan feed produk untuk membuat konten dinamis seperti bagian "Produk Rekomendasi" atau "Kedatangan Baru" dalam email Anda.

Events

Manfaatkan data acara untuk membuat email yang sangat relevan dan tepat waktu berdasarkan tindakan pelanggan. Ini umumnya relevan untuk email yang dikirim melalui perjalanan dengan pemicu acara.

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

Praktik Terbaik: Gunakan data acara untuk memicu email yang tepat waktu dan relevan seperti pengingat keranjang yang ditinggalkan atau konfirmasi pembelian.

Kode Diskon

Hasilkan dan tampilkan kode diskon unik di email Anda untuk memotivasi pembelian.

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

Praktik Terbaik: Gunakan kode diskon unik untuk melacak kinerja dari berbagai kampanye email atau segmen.

Terjemahan

Buat template email multibahasa menggunakan fitur terjemahan.

Pertama, siapkan file terjemahan Anda (dalam format JSON) untuk setiap bahasa yang Anda dukung. Sebagai contoh:

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

Kemudian gunakan filter t dalam template Anda:

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

Praktik Terbaik: Gunakan terjemahan untuk membuat satu template yang dapat digunakan untuk banyak bahasa, mengurangi beban pemeliharaan.


Sumber Data Eksternal

Integrasikan data waktu nyata dari sumber eksternal ke dalam email Anda. Anda dapat mempelajari lebih lanjut tentang sumber data eksternal di sini.

Penggunaan Dasar:

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

Menggunakan URL Dinamis

Untuk API yang memerlukan parameter dinamis:

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

Praktik Terbaik: Gunakan sumber data eksternal untuk menyertakan informasi terkini dan dipersonalisasi dalam email Anda, seperti saldo akun, poin loyalitas, atau rekomendasi yang dipersonalisasi.


Sintaks Cairan Lanjutan

Sementara Bahasa Template Email Bird menyediakan fitur yang kuat khusus untuk pemasaran email, itu dibangun di atas Liquid, yang menawarkan fitur lanjutan tambahan. Berikut adalah beberapa contohnya:

Penanganan Array dan Objek

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

Operasi Matematika

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

Manipulasi String

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

Aliran Kontrol

{% 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 %}

Untuk panduan komprehensif tentang fitur Liquid lanjutan ini, silakan merujuk ke dokumentasi Shopify Liquid.

Praktik Terbaik: Meskipun fitur-fitur lanjutan ini kuat, gunakan secara bijaksana. Template yang terlalu kompleks dapat sulit dipelihara dan dapat mempengaruhi kinerja rendering email.

Ingatlah untuk menguji template email Anda secara menyeluruh di berbagai klien email untuk memastikan rendering yang konsisten dan kinerja yang optimal. Platform Bird menyediakan alat untuk pratinjau dan pengujian template Anda sebelum mengirim.

Dengan menguasai Bahasa Template Email Bird, Anda akan dapat membuat kampanye email yang sangat dinamis, dipersonalisasi, dan menarik yang dapat menggugah audiens Anda dan mendorong hasil.

Mari hubungkan Anda dengan pakar Bird.
Lihat kekuatan penuh dari Bird dalam 30 menit.

Dengan mengirimkan, Anda setuju Bird dapat menghubungi Anda tentang produk dan layanan kami.

Anda dapat berhenti berlangganan kapan saja. Lihat Pernyataan Privasi Bird untuk detail tentang pemrosesan data.

R

Reach

E

Email

V

Voice API

N

Numbers API

S

SMS API

W

WhatsApp API

G

Grow

M

Marketing

S

Sales

M

Manage

S

Dukungan

P

Pembayaran

H

HR

E

Pengeluaran

A

Automate

A

AI

W

Workflows

Sumber Daya

Changelog

Basis pengetahuan

Pusat pengembang

Pusat dukungan

Pelanggan

Blog

Perusahaan

Tentang

Harga

Partners

Karier

Legal

Terms

Pengaturan privasi

Newsletter

Tetap terinformasi dengan Bird melalui pembaruan mingguan ke kotak masuk Anda.

x.com

Instagram

LinkedIn

Hubungi Support

Mari hubungkan Anda dengan pakar Bird.
Lihat kekuatan penuh dari Bird dalam 30 menit.

Dengan mengirimkan, Anda setuju Bird dapat menghubungi Anda tentang produk dan layanan kami.

Anda dapat berhenti berlangganan kapan saja. Lihat Pernyataan Privasi Bird untuk detail tentang pemrosesan data.

R

Reach

E

Email

V

Voice API

N

Numbers API

S

SMS API

W

WhatsApp API

G

Grow

M

Marketing

S

Sales

M

Manage

S

Dukungan

P

Pembayaran

H

HR

E

Pengeluaran

A

Automate

A

AI

W

Workflows

Sumber Daya

Changelog

Basis pengetahuan

Pusat pengembang

Pusat dukungan

Pelanggan

Blog

Perusahaan

Tentang

Harga

Partners

Karier

Legal

Terms

Pengaturan privasi

Newsletter

Tetap terinformasi dengan Bird melalui pembaruan mingguan ke kotak masuk Anda.

x.com

Instagram

LinkedIn

Hubungi Support

Mari hubungkan Anda dengan pakar Bird.
Lihat kekuatan penuh dari Bird dalam 30 menit.

Dengan mengirimkan, Anda setuju Bird dapat menghubungi Anda tentang produk dan layanan kami.

Anda dapat berhenti berlangganan kapan saja. Lihat Pernyataan Privasi Bird untuk detail tentang pemrosesan data.

R

Reach

G

Grow

M

Manage

A

Automate

Sumber Daya

Changelog

Basis pengetahuan

Pusat pengembang

Pusat dukungan

Pelanggan

Blog

Perusahaan

Tentang

Harga

Partners

Karier

Legal

Terms

Pengaturan privasi

Newsletter

Tetap terinformasi dengan Bird melalui pembaruan mingguan ke kotak masuk Anda.

Hubungi Support