Shopify Email kampanyalarına özel Liquid ekleme
Ö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:
- Kodunuza dahil ettiğiniz değişkenlerin, özel Liquid tarafından destekleniyor olması gerekir.
- Yalnızca masaüstü cihazlar üzerinden özel Liquid bölümü oluşturabilirsiniz.
- Özel Liquid e-postalarında
unsubscribe_link
değişkeni olması gerekir. Açılış takibini etkinleştirdiysenizopen_tracking
değişkeni de gereklidir. E-postanıza gerekli değişkenleri ekleme hakkında daha fazla bilgi edinin. - Girdiğiniz kod için aşağıdaki limitler geçerlidir:
- Özel Liquid bölümleri için en fazla 50 kilobayt (KB).
- Özel kodlu Liquid e-postaları için en fazla 500 KB.
Ö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.
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:
|
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:
|
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.
|
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>