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

İşletmenizi büyütün

Shopify Email mesajlarınız için özel kod oluşturma konusunda yardıma ihtiyacınız varsa bir Shopify Uzmanı ile çalışabilirsiniz.

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

• Kodunuza dahil ettiğiniz değişkenlerin, özel Liquid bölümü tarafından destekleniyor olması gerekir.
• Girdiğiniz kodun boyutu en fazla 50 KB olmalıdır.
• Yalnızca masaüstü cihazlar üzerinden özel Liquid bölümü oluşturabilirsiniz.

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