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