İçerik blokları: ürün, indirim, geri sayım, takip ve daha fazlası

1.17 sürümü, görsel oluşturucuya on üç içerik bloğu ve iki düzen bloğu ekler. Bunlardaki her metin alanı Liquid’i destekler; bu sayede bir ürün başlığı veya takip numarası, {{ variables.xxx }} aracılığıyla iş akışından alınabilir ve çalışma alanında her blok, test değişkenlerinizle işlenmiş olarak görüntülenir.

Parçalardan oluşan bloklar

Ürün kartı, indirim kutusu, müşteri yorumu, imza, video ve sipariş takip bloğu, tıpkı “Resim + Metin” bloğunda olduğu gibi, zaten bildiğiniz temel bloklardan oluşturulmuştur. Bunlardan birini açtığınızda, ayarlar panelinde bloğun bileşenleri listelenir: bir resim, bir başlık, bir metin, bir fiyat ve bir düğme. Bir parçayı tıklayarak o bloğun tüm ayarlarıyla (resim genişliği ve hizalama, başlık seviyesi, zengin metin biçimlendirme, düğme stili ve köşe yarıçapı) düzenleyebilirsiniz; ihtiyacınız olmayan bir parçayı gizlemek için göz simgesini kullanın. Parçaların altında, kart düzeni veya çerçeve stili gibi bloğun kendisinin ayarları bulunur.

Ürün

Bir ürün kartı. Bileşenler: resim (yükleme veya {{ variables.product_image }} gibi bir bağlantı), başlık, açıklama (etkinleştirilene kadar gizli kalır), isteğe bağlı olarak üstü çizili karşılaştırma fiyatı ile birlikte fiyat ve bir düğme. Bağlantı, görseli ve başlığı sarar; düğmenin ise kendi bağlantısı vardır. Düzen, görseli metnin üzerine veya yanına yerleştirir; burada görsel genişliği ve satırın dikey hizalaması belirlenir. Sipariş veya müşteri geri kazanım e-postalarında öne çıkan bir ürün için kullanın.

Fiyat

Tek başına bir fiyat satırı: kalın yazılmış fiyat, isteğe bağlı olarak önündeki üstü çizili karşılaştırma fiyatı, beden, renk ve hizalama. Bu, ürün kartının fiyat kısmıdır ve her yerde görüntülenebilir.

Ürün tablosu

Değişkenlerinizdeki bir listeden her satıra iki veya üç kart eklenir; bu, satır öğeleri tablosunun çalışma şekliyle aynıdır. List’i değişkene yönlendirin (örneğin variables.products), ardından her bir alanı barındıran özelliğin adını belirtin: title, price, compare_at_price, image, url. Her giriş, seçtiğiniz stil ve köşe yarıçapına sahip bir düğme içeren bir kart haline gelir; eksik bir resim veya bağlantı ise basitçe liste dışında bırakılır. Shopify Flow'daki listeyi bir Kod Çalıştır adımıyla veya siparişin satır öğeleriyle doldurun.

İndirim kodu

Başlık, açıklama ve düğmeden oluşan, kesikli, kesintisiz veya düz bir çerçeve içindeki bir kod kutusu. Doldurmanın iki yolu:

• Zaten mevcut bir kod: bunu (veya bir değişkeni) girin. Bu düğme, ayrı bir bağlantı belirtmediğiniz sürece, ödeme sırasında kodun uygulanmış haliyle mağazanıza yönlendirir.
• Her e-posta için benzersiz bir kod oluşturun: Uygulama, e-posta gönderildiğinde mağazanızda PREFIX-XXXXXX adında, belirlediğiniz yüzde veya tutar, gün cinsinden geçerlilik süresi, minimum alt toplam ve müşteri başına bir kez kuralını içeren tek kullanımlık bir indirim kodu oluşturur. Kod, gönderimle birlikte Geçmiş bölümünde görünür ve e-postanın Yeniden Gönder seçeneğinde de aynı kod gösterilir. Bir pazarlama e-postası, her alıcı için tek bir kod içerir.

Kod oluşturmak için İndirimler izni gereklidir; bu izin, blok tarafından yerinde talep edilir ve “İzinler” sayfasından (İzinler: Uygulamanın mağazanızdan okuyabileceği bilgiler) kaldırılabilir. Uygulama yalnızca kod oluşturur; diğer indirimleri asla okumaz, değiştirmez veya silmez. Test e-postasında kod oluşturulmak yerine bir yer tutucu gösterilir.

Geri Sayım

Bir tarih ve saate kadar canlı geri sayım. E-postada, uygulama e-posta açıldığında görüntülediği hareketli bir resimdir; dolayısıyla geri sayım gelen kutusunda gerçekleşir; resimleri engelleyen bir istemci ise resmin yanındaki metni gösterir. Ends at parametresi, saat dilimi içeren bir tarih (2026-12-24T23:59:00+01:00) veya bir değişken alır. Dört stil: kutular, çevrilebilir kartlar, minimal ve metin; üç boyut; kendi etiketleriniz ve renkleriniz; ve süre dolduğunda geri sayımın yerini alan bir metin.

Sipariş takibi

Kargo şirketi ve takip numarası, bir ilerleme çubuğu ve iki bölüm: bir Takip düğmesi (başka bir bağlantı belirtmediğiniz sürece takip bağlantısını açar) ve ihtiyaç duyana kadar gizli kalan, tahmini teslimat tarihi gibi bir not. Gönderi durumu, Shopify Flow'dan Shopify'un durumunu (IN_TRANSIT, OUT_FOR_DELIVERY, DELIVERED ve diğerleri) veya bir adım numarasını alır ve o noktaya kadar olan adımları aydınlatır. Adım etiketleri size aittir; iki ila altı adet olabilir.

Yıldız puanı

({{ variables.rating }}) sayısından alınan yıldızlar, tam sayıya yuvarlanır; geri kalan yıldızlar gri renkte gösterilir. Yıldızların yanında bir metin ve isteğe bağlı bir bağlantı (örneğin, inceleme sayfanıza yönlendiren bir bağlantı) bulunur. Bunu bir inceleme talebi e-postasıyla birlikte kullanın.

Müşteri Yorumları

Bir alıntı ve yazar bilgisi metin öğeleri olarak; ayrıca isteğe bağlı bir fotoğraf; kart şeklinde; renkli vurgu çubuğu ile veya sade olarak.

Sosyal medya bağlantıları

Boyutları ve aralıkları ayarlanmış bir dizi ağ simgesi (Instagram, Facebook, X, LinkedIn, YouTube, TikTok, Pinterest ve diğerleri). Altbilgide kullanılan simgelerin aynısı.

Video

E-postada video oynatılamadığından, bu blokta video sayfasına bağlantı veren bir oynat düğmesi ile birlikte küçük resim bölümü ve altında isteğe bağlı bir açıklama bölümü gösterilir. Koyu, açık veya marka renginde oynat düğmesi; küçük resmin yüksekliği ve genişliği. Windows için Outlook, oynat düğmesinin arkasındaki küçük resmi göstermez; ancak bağlantı yine de çalışır.

İmza

Bir fotoğraf, bir isim (başlık) ve ayrıntılar (metin: görev unvanı, şirket, telefon, e-posta, web sitesi); fotoğraf yuvarlak veya kare şeklinde, solda ya da üstte yer alır. Varsayılan ayarlarda {{ shop.name }} ve {{ shop.email }} kullanılır.

Tablo

Sipariş bilgileri veya özellikleri için küçük bir veri tablosu. Her hücre bir değişken alır; ilk satır başlık olabilir ve satırlar şeritli düzenlenebilir.

Tarayıcıda görüntüle

Her zamanki “bu e-postayı tarayıcınızda görüntüleyin” satırı. Bu bağlantı, gönderilen e-postanın düzeni ve verileri temel alınarak oluşturulan web sürümünü 30 gün boyunca açar. Test e-postası, test değişkenlerini içeren düzene bir bağlantı içerir.

Sütunlar

İki, üç veya dört eşit sütun, her birinde kendi blokları bulunan: yan yana üç ürün kartı ya da her birinin altında bir satır metin bulunan simgeler.

Şunu göster:

Değişkenlerinizdeki bir koşul doğru olduğunda gönderilen bir bölüm. Koşulu, Liquid’in okuduğu şekilde yazın: variables.total > 100, language == "de", variables.tags contains "vip". Canvas, bunu test değişkenlerinizle değerlendirir ve bölümün atlanması gerektiğinde onu karartır. Blokları, bir sütunda yapacağınız gibi bu bölümün içine yerleştirin.

İlgili

• Bir e-posta şablonu oluşturun - oluşturucu ve diğer tüm bloklar.
• Shopify Flow'dan veri aktarımı - değerlerin sağlanması.
• İzinler: Uygulamanın mağazanızdan okuyabileceği bilgiler - İndirimler izni.