Shopify Email özel Liquid bölümü ekleme

Özel Liquid bölümü ekleyerek Shopify Email mesajlarınıza özel Liquid veya HTML girdileri yapabilirsiniz.

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 bölümünü kullanabilirsiniz.

Önemli hususlar

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

Özel Liquid bölümünde desteklenen Liquid değişkenleri

Aşağıdaki değişkenleri kullanarak özel Liquid bölümünde Shopify e-posta mesajlarınızı özelleştirebilirsiniz.

Shopify Email tarafından desteklenen Liquid değişkenlerinin açıklaması
Değişken Açıklama
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:
    • 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.

    Özel Liquid kodu örneği

    E-posta şablonunuza özel Liquid bölümü ekledikten sonra kod düzenleyicisinde özel Liquid veya HTML'inizi ekleyebilirsiniz.

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

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

    Ücretsiz olarak dene