Shopify Email kampanyalarına özel Liquid ekleme

Bu sayfanın yazdırılma zamanı: Nov 30, 2023. Geçerli sürüm için https://help.shopify.com/tr/manual/promoting-marketing/create-marketing/shopify-email/create-email/custom-liquid adresini ziyaret edin.

Özel bir Liquid bölümü ekleyerek veya tamamen özel kodlu e-posta oluşturarak Shopify Email mesajlarınıza özel kodlama ekleyebilirsiniz. Bu seçenekler, özel Liquid veya HTML girmenize imkan tanır.

Liquid, Shopify'ın basit ve kullanımı kolay programlama dilidir ve Shopify Tema Mağazası temaları da bu programlama dili kullanılarak oluşturulmuştur.

Yan yana görseller, özel düğmeler, özel boyutlu görseller ve özel bölüm boyutları gibi özel varlıkları görüntülemek için özel Liquid kullanabilirsiniz.

Bu sayfada

Önemli hususlar

Shopify Email mesajlarınıza özel Liquid eklemeye başlamadan önce aşağıdaki hususları gözden geçirin:

Özel Liquid'de desteklenen Liquid değişkenleri

Aşağıdaki değişkenleri kullanarak Liquid ile Shopify e-posta mesajlarınızı özelleştirebilirsiniz.

Shopify Email tarafından desteklenen Liquid değişkenlerinin açıklaması
Değişken Açıklama 
unsubscribe_link
 Bu değişken, abonelikten çıkma bağlantısına erişim verir. Özel kodlu bir e-posta oluşturursanız bu değişken gereklidir. 
open_tracking
 Bu değişken, önceden biçimlendirilmiş açık takip blokuna erişim verir. Özel kodlu bir e-posta oluşturursanız ve açılış takibini etkinleştirdiyseniz bu değişken gereklidir. 
abandoned_checkout

Bu değişken, yarım bırakılmış bir ödemenin aşağıdaki özelliklerine erişim sağlar:

  • url yarım bırakılmış ödemenin URL'sini görüntüler.
  • line_items yarım bırakılmış ödemenin ilk beş satır öğesini görüntüler. Ek olarak, her line_items nesne her bir ürün hakkında aşağıdaki özellikleri içerir:
    • image_url
    • product_title
    • variant_title
    • quantity
  • remaining_products_count yarım bırakılmış ödemede beşten fazla satır öğesi varsa kalan satır öğelerinin sayısını gösterir.

    • abandoned_checkout değişkeni, yalnızca e-posta yarım bırakılmış ödeme pazarlama otomasyonu kapsamında ise açılır. Aksi takdirde değişken null olacaktır.

 
abandoned_visit

Bu değişken, yarım bırakılmış bir sepetin aşağıdaki özelliklerine erişim veya göz atma sağlar:

  • url yarım bırakılmış ödemenin URL'sini görüntüler.
  • products_added_to_cart yarım bırakılmış ziyaretin sepete eklenen ilk beş satır öğesini görüntüler. Ayrıca, her products_added_to_cart bir nesne her bir ürün hakkında aşağıdaki özellikleri içerir:
    • title
    • image_url
    • variant_title
    • quantity
  • products_viewed yarım bırakılmış ziyaret sırasında görüntülenen ilk beş ürünü gösterir. Ayrıca, her products_viewed bir nesne her bir ürün hakkında aşağıdaki özellikleri içerir:
    • title
    • açıklama
    • image_url
    • url
  • remaining_cart_products_count, yarım bırakılmış ödemede beşten fazla satır öğesi varsa kalan satır öğelerinin sayısını gösterir.

    • abandoned_visit değişkeni, yalnızca e-posta yarım bırakılmış sepet veya yarım bırakılmış ödeme göz atma pazarlama otomasyonu kapsamında ise açılır. Aksi takdirde değişken null olacaktır. 

data.customer.*

Bu değişken, aşağıdaki müşteri verisi özelliklerine erişim sağlar:

  • ad
  • soyadı
  • e-posta
  • city
  • state
  • ülke

    • Bu özellikler Liquid filtreleri veya Liquid koşulları içinde kullanılamaz. 

    email.*

    Bu değişken, aşağıdaki e-posta özelliklerine erişim sağlar:

  • subject e-postanın konu satırını görüntüler.
  • preview_text e-postanın önizleme metnini görüntüler.
    		•  
    shop.*
    		 Bu değişken, aşağıdaki mağaza özelliklerine erişim sağlar:
  • name mağaza adını görüntüler.
  • domain mağaza birincil alan adını görüntüler.
  • url mağaza URL'sini görüntüler.
  • shopify_domain mağazanın Shopify alan adını görüntüler.
    • address aşağıdaki adres özelliklerini gösteren mağaza adresini görüntüler:
      • address1
      • address2
      • city
      • ülke
      • telefon
      • province
      • posta kodu
      • branding aşağıdaki özellikleri içeren mağaza marka öğelerini görüntüler:
        • 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
        • Doğrudan img etiketiyle olarak işlenen logo.

    Gerekli değişkenleri kullanma

    Özel bir Liquid e-postası oluşturduğunuzda unsubscribe_link değişkeni gereklidir. Açılış takibini etkinleştirdiyseniz open_tracking değişkeni de gereklidir.

    Bu değişkenler e-postanızın kodunda herhangi bir yere eklenebilmekle birlikte, bunları eklemek için en sık kullanılan konum, aşağıdaki örnekte olduğu gibi, e-postanın altbilgi bölümüdür:

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

    Özel Liquid kodu örneği:

    Kod düzenleyicisinde özel Liquid ve HTML kodunuzu girebilirsiniz. Aşağıdaki kod örneğinde bir e-posta mesajında mağaza adınızı, özel bir düğmeyi ve özel boyutlu bir resmi göstermek için Liquid kodunu nasıl ekleyeceğinizi öğrenebilirsiniz.

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

    Shopify ile satış yapmaya hazır mısınız?

    Ücretsiz olarak dene