Liquid کا استعمال کر کے اپنی Shopify Messaging کیمپین کسٹمائز کریں

Liquid، Shopify کی ایک سادہ اور استعمال میں آسان پروگرامنگ لینگویج ہے، اور یہ وہی پروگرامنگ لینگویج ہے جس کے ذریعے Shopify Theme Store کی تھیم بنائی جاتی ہیں۔

آپ مکمل طور پر کسٹم کوڈڈ ای میل بنا کر یا کسی ٹیمپلیٹ میں کسٹم Liquid سیکشن شامل کر کے اپنے Shopify Messaging میسج کو بہتر بنانے کے لیے کسٹم Liquid استعمال کر سکتے ہیں۔ یہ آپشن آپ کو کسٹم Liquid یا HTML ان پٹ کرنے کی سہولت دیتے ہیں۔

آپ کسٹم Liquid کا استعمال کرتے ہوئے کسٹم اثاثے ظاہر کر سکتے ہیں، جیسے کہ ساتھ ساتھ والی تصاویر، کسٹم بٹن، کسٹم سائز کی تصاویر، اور کسٹم سیکشن سائز۔

اس صفحے پر

غور طلب امور

اپنے Shopify Messaging میسج میں کسٹم Liquid شامل کرنا شروع کرنے سے پہلے درج ذیل امور کا جائزہ لیں:

آپ اپنے کوڈ میں جو ویری ایبل شامل کرتے ہیں ان کا کسٹم Liquid کے ذریعے سپورٹ یافتہ ہونا ضروری ہے۔
کسٹم Liquid سیکشن بنانے کے لیے آپ صرف ڈیسک ٹاپ ڈیوائس استعمال کر سکتے ہیں۔
کسٹم Liquid ای میل میں unsubscribe_link یا unsubscribe_url ویری ایبل درکار ہے۔ اگر آپ نے اوپن ٹریکنگ ایکٹیویٹ کر دی ہے، تو open_tracking ویری ایبل بھی درکار ہے۔ اپنی ای میل میں مطلوبہ ویری ایبل شامل کرنے کے بارے میں مزید جانیں۔
آپ کے درج کردہ کوڈ کی درج ذیل حدود ہیں:
- کسٹم Liquid سیکشن کے لیے زیادہ سے زیادہ 50 کلو بائٹس (KB)۔
- کسٹم کوڈڈ Liquid ای میل کے لیے زیادہ سے زیادہ 500 KB۔

Liquid کے ساتھ کسٹم کوڈڈ ای میل بنانا

اگر آپ ای میل بناتے وقت کسٹم Liquid کوڈ استعمال کرنا چاہتے ہیں، تو آپ کسٹم Liquid سیکشن شامل کر سکتے ہیں، یا جب آپ Shopify Messaging کیمپین بناتے ہیں تو Code your own منتخب کر کے مکمل طور پر کسٹم Liquid کوڈ سے ای میل بنا سکتے ہیں۔

کسٹم Liquid میں سپورٹ یافتہ Liquid ویری ایبل

آپ Liquid کے ساتھ اپنے Shopify Messaging ای میل میسج کو کسٹمائز کرنے کے لیے سپورٹ یافتہ ویری ایبل استعمال کر سکتے ہیں۔ آپ درج ذیل قسم کے ٹیمپلیٹ کے لیے سپورٹ یافتہ Liquid ویری ایبل کی فہرستوں کا جائزہ لے سکتے ہیں:

تمام ای میل ٹیمپلیٹ کے لیے سپورٹ یافتہ Liquid ویری ایبل

آپ Liquid کی مدد سے اپنے کسی بھی Shopify Messaging ای میل میسج کو کسٹمائز کرنے کے لیے درج ذیل ویری ایبل استعمال کر سکتے ہیں۔

Shopify Messaging کے سپورٹ یافتہ Liquid ویری ایبل کی تفصیلات
ویری ایبل	تفصیلات
all_products	آپ کے اسٹور کی تمام پروڈکٹ۔
customer.accepts_marketing	اگر کسٹمر مارکیٹنگ قبول کرتا ہے تو `true` لوٹاتا ہے، اور اگر نہیں تو `false` لوٹاتا ہے۔
customer.addresses	کسٹمر سے وابستہ تمام ایڈریس لوٹاتا ہے۔
customer.addresses_count	کسٹمر سے وابستہ ایڈریس کی تعداد لوٹاتا ہے۔
customer.b2b?	اگر کسٹمر B2B کسٹمر ہے تو `true` لوٹاتا ہے، اور اگر نہیں تو `false` لوٹاتا ہے۔
customer.current_location	کسٹمر کے لیے فی الحال منتخب کردہ کمپنی لوکیشن لوٹاتا ہے۔
customer.default_address	کسٹمر کا ڈیفالٹ ایڈریس لوٹاتا ہے۔
customer.email	کسٹمر کا ای میل ایڈریس لوٹاتا ہے۔
customer.first_name	کسٹمر کا پہلا نام لوٹاتا ہے۔
customer.has_account	اگر کسٹمر کا ای میل کسی کسٹمر اکاؤنٹ سے وابستہ ہے تو `true` لوٹاتا ہے، اور اگر نہیں تو `false` لوٹاتا ہے۔
customer.has_avatar?	اگر کسٹمر کے اکاؤنٹ کے ساتھ کوئی اوتار وابستہ ہے تو `true` لوٹاتا ہے، اور اگر نہیں تو `false` لوٹاتا ہے۔
customer.id	کسٹمر کی ID لوٹاتا ہے۔
customer.last_name	کسٹمر کا آخری نام لوٹاتا ہے۔
customer.last_order	کسٹمر کا دیا گیا آخری آرڈر لوٹاتا ہے، جس میں ٹیسٹ آرڈر شامل نہیں ہیں۔
customer.name	کسٹمر کا مکمل نام لوٹاتا ہے۔
customer.orders	کسٹمر کے دیے گئے تمام آرڈر لوٹاتا ہے۔
customer.orders_count	کسٹمر کے دیے گئے آرڈر کی کل تعداد لوٹاتا ہے۔
customer.payment_methods	کسٹمر کے محفوظ کردہ پیمنٹ میتھڈ لوٹاتا ہے۔
customer.phone	کسٹمر کا فون نمبر لوٹاتا ہے۔ فون نمبر صرف اسی صورت میں پاپولیٹ ہوتا ہے جب کسٹمر نے چیک آؤٹ کے وقت فون نمبر استعمال کیا ہو، SMS اطلاعات موصول کرنے کا انتخاب کیا ہو، یا آپ نے اسے مینوئل طور پر ان کے کسٹمر اکاؤنٹ میں شامل کیا ہو۔
customer.store_credit_account.balance	متعلقہ سیاق و سباق سے وابستہ کرنسی میں کسٹمر کا سٹور کریڈٹ بیلنس ظاہر کرتا ہے۔ مثال کے طور پر: `{{customer.store_credit_account.balance \| money_with_currency}}`
customer.tags	کسٹمر سے وابستہ ٹیگ ظاہر کرتا ہے۔
customer.tax_exempt	اگر کسٹمر کو ٹیکس سے استثنیٰ حاصل ہے تو `true` اور اگر نہیں تو `false` ظاہر کرتا ہے۔
customer.total_spent	آپ کے سٹور کے تمام آرڈر پر کسٹمر کی جانب سے خرچ کی گئی کل رقم ظاہر کرتا ہے۔
email.*	یہ متغیر درج ذیل ای میل کی خصوصیات تک رسائی دیتا ہے: `subject` ای میل کی سبجیکٹ لائن ظاہر کرتا ہے۔ `preview_text` ای میل کا پریویو ٹیکسٹ ظاہر کرتا ہے۔
open_tracking	یہ متغیر پہلے سے فارمیٹ شدہ اوپن ٹریکنگ بلاک تک رسائی دیتا ہے۔ اگر آپ کسٹم کوڈڈ ای میل بناتے ہیں اور اوپن ٹریکنگ فعال کر چکے ہیں، تو یہ متغیر درکار ہوتا ہے۔
shop.*	یہ متغیر درج ذیل شاپ کی خصوصیات تک رسائی دیتا ہے: `name` شاپ کا نام ظاہر کرتا ہے۔ `domain` شاپ کی پرائمری ڈومین ظاہر کرتا ہے۔ `url` شاپ کا URL ظاہر کرتا ہے۔ `shopify_domain` شاپ کی Shopify ڈومین ظاہر کرتا ہے۔ `ایڈریس` شاپ کا ایڈریس ظاہر کرتا ہے، جو درج ذیل ایڈریس کی خصوصیات تک رسائی دیتا ہے: `address1` `address2` `city` `country` `phone` `province` `zip`
unsubscribe_url	یہ متغیر خام ان سبسکرائب URL تک رسائی دیتا ہے، اور اسے کسٹمائز کیا جا سکتا ہے۔ اگر آپ کسٹم کوڈڈ ای میل بناتے ہیں، تو آپ کو `unsubscribe_url` یا `unsubscribe_link` متغیر شامل کرنا لازمی ہے۔ `unsubscribe_url` اور `unsubscribe_link` دونوں ہمیشہ آن لائن سٹور کی پرائمری ڈومین کی طرف اشارہ کریں گے اور انہیں کسی دوسری جگہ پر ڈائریکٹ کرنے کے لیے تبدیل نہیں کیا جا سکتا۔

ترک کردہ چیک آؤٹ ای میل کے لیے تعاون یافتہ Liquid متغیرات

آپ Liquid کے ساتھ اپنے ترک کردہ چیک آؤٹ کے Shopify Messaging ای میل پیغامات کو کسٹمائز کرنے کے لیے درج ذیل متغیرات کا استعمال کر سکتے ہیں۔

اگر کوئی ای میل ترک کردہ چیک آؤٹ مارکیٹنگ آٹومیشن کا حصہ ہو تو abandoned_checkout متغیر صرف تب پُر ہوتا ہے۔ بصورت دیگر، متغیر null ہوتا ہے۔

ترک کردہ براؤز، کارٹ اور چیک آؤٹ کے لیے Shopify Messaging کے تعاون یافتہ Liquid متغیرات کی تفصیلات
ویری ایبل	تفصیلات
abandoned_checkout.*	یہ متغیر ترک کردہ چیک آؤٹ کی درج ذیل خصوصیات تک رسائی دیتا ہے: `url` ترک کردہ چیک آؤٹ کا URL ظاہر کرتا ہے۔ `line_items` ترک کردہ چیک آؤٹ کے پہلے پانچ لائن آئٹم ظاہر کرتا ہے۔ مزید برآں، ہر `line_items` آبجیکٹ میں ہر پروڈکٹ کے بارے میں درج ذیل خصوصیات شامل ہوتی ہیں: `components` `image_url` `product_title` `variant_title` `quantity` `line_items.components` ترک کردہ چیک آؤٹ کے کمپوننٹ ظاہر کرتا ہے۔ مزید برآں، ہر `components` آبجیکٹ میں ہر کمپوننٹ کے بارے میں درج ذیل خصوصیات شامل ہوتی ہیں: `image_url` `quantity` `product_title` `variant_title` `remaining_products_count` اگر ترک کردہ چیک آؤٹ میں پانچ سے زیادہ لائن آئٹم ہوں، تو بقیہ لائن آئٹم کی تعداد ظاہر کرتا ہے۔
id (checkout ID)	اندرونی استعمال کے لیے چیک آؤٹ کی ایک منفرد ID۔
shop	آپ کے Shopify سٹور کا نام۔
name	ترک کردہ چیک آؤٹ کا نام، جسے چیک آؤٹ نمبر کے نام سے بھی جانا جاتا ہے۔
total_price	آرڈر کی کل قیمت (سب ٹوٹل + شپنگ لاگت - شپنگ ڈسکاؤنٹ + ٹیکس)۔
shipping_price	شپنگ کی قیمت۔ مثال: `{{ shipping_price \| money }}`
shipping_address	شپنگ ایڈریس۔
billing_address	بلنگ ایڈریس۔
line_items	ترک کردہ چیک آؤٹ میں موجود تمام لائن آئٹم کی فہرست۔
unavailable_line_items	ترک کردہ چیک آؤٹ میں موجود تمام لائن آئٹم کی فہرست جو دستیاب نہیں ہیں۔
note	وہ نوٹ جو ترک کردہ چیک آؤٹ کے ساتھ منسلک ہے۔
landing_site	کسٹمر کے ذریعے استعمال کی جانے والی لینڈنگ سائٹ کا پاتھ۔ یہ وہ پہلا صفحہ ہے جس تک کسٹمر نے سٹور پر پہنچنے کے بعد رسائی حاصل کی تھی۔ مثال: `/products/great-product?ref=my-tracking-token`
landing_site_ref	لینڈنگ سائٹ سے ریفرنس پیرامیٹر نکالتا ہے۔ ریفرنس پیرامیٹر یہ ہو سکتے ہیں: `ref`، `source`، `r`۔ اگر `landing_site` `/products/great-product?ref=my-tracking-token` ہے، تو `landing_site_ref` `my-tracking-token` ہے۔ اگر آپ کا ریفرنس پیرامیٹر کسی مخصوص قدر کے برابر ہے تو آپ کوئی خاص کارروائی انجام دے سکتے ہیں: {% if landing_site_ref == 'my-tracking-token' %} My action... {% endif %}
referring_site	کسٹمر کو آپ کے سٹور پر لانے والے ریفرر کا url۔ مثال: `https://www.google.com/?s=great+products`
created_at	وہ تاریخ اور وقت جب کسٹمر نے چیک آؤٹ بنایا جسے اس نے ترک کر دیا تھا۔
closed_at	وہ تاریخ اور وقت جب چیک آؤٹ بند کیا گیا تھا۔
customer_locale	کسٹمر کے لوکیل کے لیے دو یا تین حرفی زبان کا کوڈ، جس کے بعد اختیاری طور پر ریجن موڈیفائر ہوتا ہے۔ مثال کے طور پر، en ، en-CA
item_count	تمام آئٹم کی مقداروں کا مجموعہ۔
unique_gateways	چیک آؤٹ پر دستیاب منفرد پیمنٹ فراہم کنندگان کی فہرست۔
discount	ترک کردہ چیک آؤٹ میں کارٹ یا لائن آئٹم پر لاگو ہونے والا ڈسکاؤنٹ۔
discounts	چیک آؤٹ پر لاگو ہونے والے ڈسکاؤنٹ کی فہرست۔
successfully_applied_discounts	وہ ڈسکاؤنٹ جو چیک آؤٹ پر کامیابی کے ساتھ لاگو کیے گئے تھے۔
discounts_amount	تمام ڈسکاؤنٹ کی جانب سے لاگو کیے گئے ڈسکاؤنٹ کی ڈالر کی رقم۔ مثال: +$5.00
discounts_savings	تمام ڈسکاؤنٹ کی وجہ سے ہونے والی بچت کی ڈالر کی رقم۔ مثال: -$5.00
buyer_accepts_marketing	ظاہر کرتا ہے true یا false اس بات پر منحصر ہے کہ آیا کسٹمر نے ابینڈنڈ چیک آؤٹ کے دوران مارکیٹنگ قبول کی تھی۔
subtotal_line_items	وہ لائن آئٹم جو چیک آؤٹ پر سب ٹوٹل قیمت کا حساب لگانے کے لیے استعمال ہوتے ہیں، اس میں ٹپ کا کوئی لائن آئٹم شامل نہیں ہے۔
requires_shipping	ظاہر کرتا ہے true اگر چیک آؤٹ میں کم از کم ایک ایسا آئٹم ہے جس کے لیے شپنگ درکار ہے۔
subtotal_price	چیک آؤٹ پر لائن آئٹم کی سب ٹوٹل قیمت۔
email	ابینڈنڈ چیک آؤٹ سے وابستہ ای میل۔
shop_name	آپ کے سٹور کا نام۔
tax_lines	ٹیکس کی قسم کے لحاظ سے منقسم ٹیکس: {% for tax_line in tax_lines %} {{ tax_line.title }} ({{ tax_line.rate_percentage }}%) : {{ tax_line.price \| money_with_currency }} {% endfor %}
tax_price	چیک آؤٹ میں شامل تمام آئٹم کا مجموعی ٹیکس۔
attributes	کوئی بھی ایٹریبیوٹ جو ابینڈنڈ چیک آؤٹ کے ساتھ منسلک تھا۔ مثال: `{{ attributes.gift-note }}`
shipping_method	چیک آؤٹ پر دستیاب پہلے شپنگ طریقہ کار کے بارے میں معلومات۔
shipping_methods	چیک آؤٹ پر دستیاب شپنگ کے طریقہ کار۔
free	ظاہر کرتا ہے true if the total price of the checkout is zero.
free_shipping	ظاہر کرتا ہے true اگر چیک آؤٹ کے لیے شپنگ کی ضرورت نہیں ہے، یا اگر شپنگ کی قیمت صفر ہے۔
different_billing_address	ظاہر کرتا ہے true یا false اس بنیاد پر کہ آیا شپنگ ایڈریس اور بلنگ ایڈریس یکساں ہیں۔
customer	کسٹمر آبجیکٹ جس میں customer آؤٹ پٹ کے ایٹریبیوٹ شامل ہیں۔
gift_cards	چیک آؤٹ پر لاگو کیے گئے گفٹ کارڈ۔
gift_cards_amount	چیک آؤٹ کی قیمت کی وہ رقم جو گفٹ کارڈ کے ذریعے ادا کی جائے گی۔
transactions	چیک آؤٹ کی ٹرانزیکشن۔
shareable_url	لائن آئٹم میں موجود پہلی پروڈکٹ کا URL۔
shareable_title	پہلی لائن آئٹم کا پروڈکٹ ٹائٹل۔
total_tip	کل ٹپ جو کسٹمر نے چیک آؤٹ پر شامل کی ہے۔
discount_applications	وضاحت کرتا ہے کہ چیک آؤٹ میں کسی آئٹم پر ڈسکاؤنٹ کیوں اور کیسے دیا گیا۔
cart_level_discount_applications	کارٹ کے لیے مخصوص ڈسکاؤنٹ کی ایپلیکیشن۔
currency	ابینڈنڈ چیک آؤٹ کی کرنسی۔
line_items_subtotal_price	لائن آئٹم پر کوئی بھی ڈسکاؤنٹ لاگو ہونے کے بعد چیک آؤٹ کے تمام لائن آئٹم کی قیمتوں کا مجموعہ۔

ابینڈنڈ براؤز اور ابینڈنڈ کارٹ ای میل کے لیے Liquid ویری ایبل

ویری ایبل abandoned_visit.* صرف اسی صورت میں پاپولیٹ ہوتا ہے جب ای میل ابینڈنڈ کارٹ یا ابینڈنڈ پروڈکٹ براؤز مارکیٹنگ آٹومیشن کا حصہ ہو۔ مندرجہ ذیل پراپرٹی کا جائزہ لیں جن تک یہ ویری ایبل رسائی دیتا ہے۔

Shopify Messaging کے سپورٹ یافتہ Liquid ویری ایبل کی تفصیلات
ویری ایبل	تفصیلات
abandoned_visit.*	یہ ویری ایبل ابینڈنڈ کارٹ یا براؤز کی درج ذیل پراپرٹی تک رسائی دیتا ہے: `url` ابینڈنڈ کارٹ یا براؤز کا URL ڈسپلے کرتا ہے۔ `products_added_to_cart` ابینڈنڈ وزٹ کی کارٹ میں شامل کی گئی پہلی پانچ پروڈکٹ لائن آئٹم ڈسپلے کرتا ہے۔ اس کے علاوہ، ہر `products_added_to_cart` آبجیکٹ میں ہر پروڈکٹ کے بارے میں درج ذیل پراپرٹی شامل ہوتی ہے: `title` `image_url` `variant_title` `quantity` `products_viewed` ابینڈنڈ وزٹ کے دوران دیکھی گئی پہلی پانچ پروڈکٹ ڈسپلے کرتا ہے۔ اس کے علاوہ، ہر `products_viewed` آبجیکٹ میں ہر پروڈکٹ کے بارے میں درج ذیل پراپرٹی شامل ہوتی ہے: `title` `description` `image_url` `url` `image_alt_text` اگر ابینڈنڈ چیک آؤٹ میں پانچ سے زیادہ لائن آئٹم موجود ہیں، تو `remaining_cart_products_count` بقیہ لائن آئٹم کی تعداد ڈسپلے کرتا ہے۔

مطلوبہ ویری ایبل کا استعمال

جب آپ اپنی مرضی کی Liquid ای میل بناتے ہیں تو unsubscribe_link یا unsubscribe_url ویری ایبل درکار ہوتا ہے۔ اگر آپ نے اوپن ٹریکنگ ایکٹیویٹ کر رکھی ہے، تو پھر open_tracking ویری ایبل بھی درکار ہوتا ہے۔

اگرچہ یہ ویری ایبل آپ کی ای میل کے کوڈ میں کہیں بھی شامل کیے جا سکتے ہیں، لیکن انہیں شامل کرنے کی سب سے عام جگہ ای میل کا فوٹر سیکشن ہے، جیسے کہ درج ذیل مثال میں دکھایا گیا ہے:

<div id="footer">{{ unsubscribe_link }} {{ open_tracking_block }}</div>

کسٹم Liquid کوڈ کی مثال

آپ کوڈ ایڈیٹر میں اپنی مرضی کا Liquid یا HTML شامل کر سکتے ہیں۔ درج ذیل کوڈ اس بات کی ایک مثال ہے کہ آپ ای میل میسج میں اپنے سٹور کا نام، کسٹم بٹن اور حسب ضرورت سائز کی تصویر ڈسپلے کرنے کے لیے Liquid کوڈ کیسے شامل کر سکتے ہیں۔

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{{ shop.name }} Newsletter</title>
</head>
<body style="margin: 0; padding: 0; font-family: Arial, sans-serif; line-height: 1.5; color: #333333; background-color: #f5f5f5;">
    <table cellpadding="0" cellspacing="0" border="0" width="100%" style="background-color: #f5f5f5;">
        <tr>
            <td align="center" style="padding: 20px;">
                <table cellpadding="0" cellspacing="0" border="0" width="600" style="background-color: #ffffff; border-radius: 4px; box-shadow: 0 2px 4px rgba(0,0,0,0.1);">
                    <!-- Header -->
                    <tr>
                        <td align="center" style="background-color: #4a6de5; padding: 30px 20px; color: #ffffff;">
                            <h1 style="margin: 0; font-size: 28px; font-weight: bold;">{{ shop.name }}</h1>
                            <p style="margin: 10px 0 0; font-size: 16px;">Your Book Journey with Us</p>
                        </td>
                    </tr>

                    <!-- Content -->
                    <tr>
                        <td style="padding: 30px 20px;">
                            <!-- Greeting Section -->
                            <table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin-bottom: 30px;">
                                <tr>
                                    <td>
                                        <h2 style="margin: 0 0 15px; font-size: 22px; color: #222222;">Hello {{ customer.name }}!</h2>
                                        <p style="margin: 0 0 15px; font-size: 15px;">We hope this email finds you well. We noticed you're from {{ customer.default_address.city }}.</p>
                                        {% if customer.email %}
                                            <p style="margin: 0 0 15px; font-size: 15px;">Your registered email is: {{ customer.email }}</p>
                                        {% endif %}
                                    </td>
                                </tr>
                            </table>

                            <!-- Reading Journey Section -->
                            <table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin-bottom: 30px;">
                                <tr>
                                    <td>
                                        <h2 style="margin: 0 0 15px; font-size: 20px; color: #4a6de5;">Your Reading Journey</h2>
                                        <p style="margin: 0 0 15px; font-size: 15px;">Thank you for being a loyal customer! Here's a snapshot of your journey:</p>
                                        <p style="margin: 0 0 15px; font-size: 15px;">You purchased {{ customer.orders_count }} books with us.</p>
                                        {% if customer.last_order %}
                                            <p style="margin: 0 0 15px; font-size: 15px;"> You last read {{customer.last_order.line_items[0].title}}. Great choice! </p>
                                          {% endif %}
                                    </td>
                                </tr>
                            </table>

                            <!-- Recommended Books Section -->
                            <table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin-bottom: 30px;">
                                <tr>
                                    <td>
                                        <h2 style="margin: 0 0 15px; font-size: 20px; color: #4a6de5;">Books You Might Love</h2>
                                        <p style="margin: 0 0 15px; font-size: 15px;">Based on your reading preferences, we've handpicked these titles just for you:</p>

                                        <table cellpadding="0" cellspacing="0" border="0" width="100%">
                                            <tr>
                                                <td width="50%" style="padding-right: 10px;">
                                                    <table cellpadding="0" cellspacing="0" border="0" width="100%" style="background-color: #f9f9f9; border-radius: 4px; padding: 15px;">
                                                        <tr>
                                                            <td align="center">
                                                                <!-- Image with proper email attributes -->
                                                                <img src="https:{{ all_products['product-1-handle'] | image_url: width: 200 }}"
                                                                     alt="Product 1"
                                                                     width="200"
                                                                     height="200"
                                                                     style="display: block; border: 0; outline: none; text-decoration: none; -ms-interpolation-mode: bicubic;"
                                                                     title="Product 1"
                                                                     border="0">
                                                                <h3 style="margin: 0 0 10px; font-size: 16px; color: #333333;">{{ all_products['product-1-handle'].title }}</h3>
                                                                <p style="margin: 0 0 10px; font-size: 15px; color: #4a6de5;">${{ all_products['product-1-handle'].price }}</p>
                                                                <a href="{{shop.domain}}{{ all_products['product-1-handle'].url }}" style="display: inline-block; background-color: #4a6de5; color: #ffffff; padding: 10px 20px; text-decoration: none; border-radius: 4px; font-size: 14px;">View Book</a>
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </td>
                                                <td width="50%" style="padding-left: 10px;">
                                                    <table cellpadding="0" cellspacing="0" border="0" width="100%" style="background-color: #f9f9f9; border-radius: 4px; padding: 15px;">
                                                        <tr>
                                                            <td align="center">
                                                                <!-- Image with proper email attributes -->
                                                                <img src="https:{{ all_products['product-2-handle'] | image_url: width: 200 }}"
                                                                     alt="Product 2"
                                                                     width="200"
                                                                     height="200"
                                                                     style="display: block; border: 0; outline: none; text-decoration: none; -ms-interpolation-mode: bicubic;"
                                                                     title="Product 2"
                                                                     border="0">
                                                                <h3 style="margin: 0 0 10px; font-size: 16px; color: #333333;">{{ all_products['product-2-handle'].title }}</h3>
                                                                <p style="margin: 0 0 10px; font-size: 15px; color: #4a6de5;">${{ all_products['product-2-handle'].price }}</p>
                                                                <a href="{{shop.domain}}{{ all_products['product-2-handle'].url }}" style="display: inline-block; background-color: #4a6de5; color: #ffffff; padding: 10px 20px; text-decoration: none; border-radius: 4px; font-size: 14px;">View Book</a>
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                            </table>

                            <!-- Book Club Section -->
                            <table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin-bottom: 30px;">
                                <tr>
                                    <td style="background-color: #f5f7ff; border-radius: 4px; padding: 25px; text-align: center;">
                                        <h2 style="margin: 0 0 15px; font-size: 18px; color: #333333;">This Month's Top Picks</h2>
                                        <p style="margin: 0 0 20px; font-size: 15px;">Discover what other readers are loving this month:</p>
                                        <a href="{{ shop.url }}/pages/book-club" style="display: inline-block; background-color: #4a6de5; color: #ffffff; padding: 10px 20px; text-decoration: none; border-radius: 4px; font-size: 14px;">Join Our Book Club</a>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>

                    <!-- Footer -->
                    <tr>
                        <td style="background-color: #f2f2f2; padding: 30px 20px; text-align: center;">
                            <p style="margin: 0 0 15px; font-size: 15px;">Best regards,<br><strong>{{ shop.name }} Team</strong></p>
                            <p style="margin: 0 0 15px; font-size: 12px; color: #999999;">© {{ 'now' | date: '%Y' }} {{ shop.name }}. All rights reserved.</p>
                            <p style="margin: 0 0 15px; font-size: 12px;">{{ open_tracking_block }}</p>
                            <a href="{{ unsubscribe_url }}" style="color: #999999; font-size: 12px; text-decoration: underline;">{{ unsubscribe_link }}</a>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
</body>
</html>