ปรับแต่งแคมเปญ Shopify Email ของคุณโดยใช้ Liquid

Liquid คือภาษาโปรแกรมของ Shopify ที่ใช้งานง่ายและเป็นภาษาเดียวกันกับที่ร้านค้าธีมของ Shopify ใช้สร้างธีม

คุณสามารถใช้ Liquid แบบกำหนดเองเพื่อปรับปรุงข้อความ Shopify Email ของคุณโดยการสร้างอีเมลด้วยโค้ดแบบกำหนดเองทั้งหมดหรือโดยการเพิ่มส่วน Liquid แบบกำหนดเองลงในเทมเพลต ตัวเลือกเหล่านี้จะช่วยให้คุณป้อน Liquid หรือ HTML แบบกำหนดเองได้

คุณสามารถใช้ Liquid แบบปรับแต่งเองเพื่อแสดงองค์ประกอบแบบปรับแต่งเองได้ เช่น รูปภาพแบบขนาบข้างกัน ปุ่มแบบปรับแต่งเอง รูปภาพที่ปรับแต่งขนาดเอง และขนาดส่วนแบบปรับแต่งเอง

ในหน้านี้

ข้อพิจารณา

ตรวจสอบข้อควรพิจารณาต่อไปนี้ก่อนที่คุณจะเริ่มเพิ่ม Liquid แบบปรับแต่งเองลงในข้อความ Shopify Email ของคุณ

ตัวแปรที่ใส่ในโค้ดของคุณต้องเป็นตัวแปรที่ Liquid แบบปรับแต่งเองรองรับ
คุณสามารถใช้อุปกรณ์เดสก์ท็อปสร้างส่วน Liquid แบบปรับแต่งเองได้เท่านั้น
จำเป็นต้องมีตัวแปร unsubscribe_link หรือ unsubscribe_url ในอีเมล Liquid แบบปรับแต่งเอง หากคุณเปิดใช้งานการติดตามการเปิดอีเมล คุณจะต้องใช้ตัวแปร open_tracking ด้วย ดูข้อมูลเพิ่มเติมเกี่ยวกับการเพิ่มตัวแปรที่จำเป็นในอีเมล
โค้ดที่คุณป้อนมีข้อจํากัดดังต่อไปนี้: - ส่วน Liquid แบบกำหนดเองมีขนาดได้สูงสุด 50 กิโลไบต์ (KB) - อีเมลที่สร้างด้วยโค้ด Liquid แบบกำหนดเองมีขนาดได้สูงสุด 500 KB

ตัวแปร Liquid ที่ Liquid แบบกำหนดเองรองรับ

คุณสามารถใช้ตัวแปรที่รองรับเพื่อปรับแต่งข้อความอีเมล Shopify ของคุณด้วย Liquid คุณสามารถตรวจสอบรายการตัวแปร Liquid ที่รองรับสำหรับเทมเพลตประเภทต่างๆ ต่อไปนี้:

ตัวแปร Liquid ที่รองรับเทมเพลตอีเมลทั้งหมด

เมื่อใช้ Liquid คุณจะสามารถใช้ตัวแปรต่อไปนี้เพื่อปรับแต่งข้อความใดๆ ก็ได้ใน Shopify Email

คำอธิบายตัวแปร Liquid ที่ Shopify Email รองรับ
ตัวแปร	คำอธิบาย
all_products	สินค้าทั้งหมดใน ร้านค้าของคุณ
customer.accepts_marketing	คืนค่า `จริง` หากลูกค้ายอมรับการตลาด แต่คืนค่า `เท็จ` หากไม่ยอมรับ
customer.addresses	คืนค่าที่อยู่ทั้งหมดที่เกี่ยวข้องกับลูกค้า
customer.addresses_count	คืนค่าจำนวนที่อยู่ที่เกี่ยวข้องกับลูกค้า
customer.b2b?	คืนค่า `จริง` หากลูกค้าเป็นลูกค้าแบบ B2B แต่คืนค่า `เท็จ` หากไม่ใช่
customer.current_location	คืนค่าตำแหน่งที่ตั้งบริษัทที่เลือกไว้ในปัจจุบันสำหรับลูกค้า
customer.default_address	คืนค่าที่อยู่เริ่มต้นของลูกค้า
customer.email	แสดงที่อยู่อีเมลของลูกค้า
customer.first_name	คืนค่าชื่อลูกค้า
customer.has_account	คืนค่า `จริง` หากอีเมลลูกค้าเกี่ยวข้องกับบัญชีผู้ใช้ของลูกค้า แต่คืนค่า `เท็จ` หากไม่เกี่ยวข้อง
customer.has_avatar?	คืนค่า `จริง` หากลูกค้ามีอวตารที่เกี่ยวข้องกับบัญชีผู้ใช้ของตน แต่คืนค่า `เท็จ` หากไม่มี
customer.id	คืนค่า ID ของลูกค้า
customer.last_name	คืนค่านามสกุลลูกค้า
customer.last_order	คืนค่าคำสั่งซื้อสุดท้ายที่ลูกค้าสร้างไว้ ไม่รวมคำสั่งสำหรับทดสอบ
customer.name	คืนค่าชื่อ-นามสกุลลูกค้า
customer.orders	คืนค่าคำสั่งซื้อทั้งหมดที่ลูกค้าสร้างไว้
customer.orders_count	คืนค่าจำนวนคำสั่งซื้อทั้งหมดที่ลูกค้าสร้างไว้
customer.payment_methods	คืนค่าวิธีการชำระเงินที่บันทึกไว้ของลูกค้า
customer.phone	คืนค่าหมายเลขโทรศัพท์ของลูกค้า ระบบจะเติมข้อมูลหมายเลขโทรศัพท์ก็ต่อเมื่อลูกค้าใช้หมายเลขโทรศัพท์เมื่อชำระเงิน เลือกใช้การแจ้งเตือนทาง SMS หรือหากคุณได้เพิ่มข้อมูลดังกล่าวในบัญชีผู้ใช้ของลูกค้าด้วยตนเอง
customer.tags	คืนค่าแท็กที่เกี่ยวข้องกับลูกค้า
customer.tax_exempt	คืนค่า `จริง` หากลูกค้าได้รับยกเว้นภาษี แต่คืนค่า `เท็จ` หากไม่ได้รับ
customer.total_spent	คืนค่ายอดเงินทั้งหมดที่ลูกค้าใช้จ่ายไปสำหรับคำสั่งซื้อทั้งหมดจากร้านค้าของคุณ
email.*	ตัวแปรนี้จะให้สิทธิ์การเข้าถึงคุณสมบัติของอีเมลต่อไปนี้ `subject` แสดงบรรทัดหัวเรื่องของอีเมล `preview_text` แสดงข้อความตัวอย่างของอีเมล
open_tracking	ตัวแปรนี้จะให้สิทธิ์การเข้าถึงบล็อกการติดตามการเปิดอ่านที่มีการจัดรูปแบบล่วงหน้า จำเป็นต้องมีตัวแปรนี้หากคุณสร้างอีเมลที่ใช้โค้ดแบบกำหนดเองและได้เปิดใช้งานการติดตามการเปิดอ่าน
shop.*	ตัวแปรนี้จะให้สิทธิ์การเข้าถึงคุณสมบัติของร้านค้าต่อไปนี้ `name` แสดงชื่อร้านค้า `domain` แสดงโดเมนหลักของร้านค้า `url` แสดง URL ร้านค้า `shopify_domain` แสดงโดเมน Shopify `address` แสดงที่อยู่ร้านค้า ซึ่งให้สิทธิ์การเข้าถึงคุณสมบัติที่อยู่ดังต่อไปนี้: `address1` `address2` `city` `ประเทศ` `โทรศัพท์` `province` `รหัสไปรษณีย์`
unsubscribe_url	ตัวแปรนี้จะให้สิทธิ์การเข้าถึง URL เพื่อยกเลิกการสมัครรับข้อมูลที่ยังไม่ได้จัดรูปแบบและสามารถปรับแต่งได้ หากคุณสร้างอีเมลที่ใช้โค้ดแบบกำหนดเอง คุณจะต้องใส่ตัวแปร `unsubscribe_url` หรือ `unsubscribe_link`

ตัวแปร Liquid ที่รองรับอีเมลแจ้งขั้นตอนการชำระเงินที่ยังไม่เสร็จสิ้น

คุณสามารถใช้ตัวแปรต่อไปนี้เพื่อปรับแต่งข้อความขั้นตอนการชำระเงินที่ยังไม่เสร็จสิ้นใน Shopify Email ด้วย Liquid ได้

ระบบจะระบุค่าของตัวแปร abandoned_checkout ต่อเมื่ออีเมลเป็นส่วนหนึ่งของการดำเนินการอัตโนมัติทางการตลาดสำหรับขั้นตอนการชำระเงินที่ยังไม่เสร็จสิ้นเท่านั้น มิฉะนั้น ตัวแปรดังกล่าวจะมีค่าเป็น null

คำอธิบายของตัวแปร Liquid ที่รองรับ Shopify Email สำหรับการเรียกดู ตะกร้าสินค้า และการชำระเงินที่ยังไม่เสร็จสิ้น
ตัวแปร	คำอธิบาย
abandoned_checkout.*	ตัวแปรนี้ให้สิทธิ์การเข้าถึงคุณสมบัติของขั้นตอนการชำระเงินที่ยังไม่เสร็จสิ้นต่อไปนี้ `url` แสดง URL ของขั้นตอนการชำระเงินที่ยังไม่เสร็จสิ้น `line_items` แสดงสินค้าเฉพาะรายการ 5 รายการแรกของขั้นตอนการชำระเงินที่ยังไม่เสร็จสิ้นนอกจากนี้ `line_items` แต่ละอ็อบเจกต์ยังมีคุณสมบัติเกี่ยวกับสินค้าแต่ละรายการดังต่อไปนี้ `องค์ประกอบ` `image_url` `product_title` `variant_title` `quantity` `line_items.components` แสดงองค์ประกอบขั้นตอนการชำระเงินที่ยังไม่เสร็จสิ้น นอกจากนี้ ออบเจ็กต์ `components` แต่ละรายการประกอบด้วยคุณสมบัติต่อไปนี้เกี่ยวกับแต่ละองค์ประกอบ: `image_url` `quantity` `product_title` `variant_title` `remaining_products_count` แสดงจำนวนสินค้าเฉพาะรายการที่เหลืออยู่ หากมีสินค้าเฉพาะรายการในขั้นตอนการชำระเงินที่ยังไม่เสร็จสิ้นมากกว่า 5 รายการ
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' %} การดำเนินการของฉ้ัน... {% endif %}
referring_site	URL ของช่องทางอ้างอิงที่นำลูกค้ารายดังกล่าวให้มาเยี่ยมชมร้านค้าของคุณ ตัวอย่างเช่น: `https://www.google.com/?s=great+products`
created_at	วันและเวลาที่ลูกค้าได้สร้างขั้นตอนการชำระเงินที่พวกเขาไม่ได้ดำเนินการให้เสร็จสิ้น
closed_at	วันที่และเวลาที่ปิดขั้นตอนการชำระเงิน
customer_locale	รหัสภาษาสองหรือสามตัวอักษรของภาษาท้องถิ่นของลูกค้า โดยอาจตามด้วยรหัสภูมิภาคหรือไม่ก็ได้ ตัวอย่างเช่น th , en-CA
item_count	ผลรวมของจำนวนสินค้าทั้งหมด
unique_gateways	รายการผู้ให้บริการการชำระเงินที่ไม่ซ้ำกันที่มีให้ใช้งานในขั้นตอนการชำระเงิน
discount	ส่วนลดที่ใช้กับตะกร้าสินค้าหรือสินค้าเฉพาะรายการในขั้นตอนขั้นตอนการชำระเงินที่ยังไม่เสร็จสิ้น
discounts	รายการส่วนลดที่ใช้กับขั้นตอนการชำระเงิน
successfully_applied_discounts	ส่วนลดที่ใช้กับขั้นตอนการชำระเงินเรียบร้อยแล้ว
discounts_amount	จำนวนเงินรวมของส่วนลดเมื่อใช้ส่วนลดทั้งหมด ตัวอย่าง: +$5.00
discounts_savings	จำนวนเงินรวมที่ประหยัดได้เมื่อใช้ส่วนลดทั้งหมด ตัวอย่างเช่น:-$5.00
buyer_accepts_marketing	การคืนสินค้า จริง หรือ เท็จ ทั้งนี้ขึ้นอยู่กับว่าลูกค้ายอมรับการตลาดระหว่างขั้นตอนการชำระเงินที่ยังไม่เสร็จสิ้นหรือไม่
subtotal_line_items	สินค้าเฉพาะรายการที่ใช้ในการคํานวณราคารวมในขั้นตอนการชำระเงิน โดยไม่รวมทิปของสินค้าเฉพาะรายการใดๆ
requires_shipping	การคืนสินค้า จริง หากมีสินค้าอย่างน้อยหนึ่งรายการในขั้นตอนการชำระเงินที่ต้องจัดส่ง
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	การคืนสินค้า จริง หากราคารวมของหน้าการชำระเงินเป็นศูนย์
free_shipping	การคืนสินค้า จริง หากขั้นตอนการชำระเงินไม่ต้องมีการจัดส่ง หรือหากราคาค่าจัดส่งเป็นศูนย์
different_billing_address	การคืนสินค้า จริง หรือ เท็จ โดยขึ้นอยู่กับว่าที่อยู่ที่จัดส่งเป็นที่อยู่เดียวกันกับที่อยู่สำหรับเรียกเก็บเงินหรือไม่
customer	อ็อบเจกต์ 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.*จะป้อนข้อมูลก็ต่อเมื่ออีเมลเป็นส่วนหนึ่งของตะกร้าสินค้าที่ยังไม่ชำระเงินหรือการดำเนินการอัตโนมัติทางการตลาดสำหรับการเรียกดูสินค้าที่ถูกละทิ้งตรวจสอบคุณสมบัติต่อไปนี้ที่ตัวแปรนี้ให้สิทธิ์การเข้าถึง

คำอธิบายตัวแปร Liquid ที่ Shopify Email รองรับ
ตัวแปร	คำอธิบาย
abandoned_visit.*	ตัวแปรนี้ให้สิทธิ์การเข้าถึงคุณสมบัติของตะกร้าสินค้าที่ยังไม่ชำระเงินหรือการสำรวจเลือกดูต่อไปนี้ `url` แสดง URL ของตะกร้าสินค้าที่ยังไม่ชำระเงินหรือการเรียกดูที่ถูกละทิ้ง `products_added_to_cart` แสดงสินค้าเฉพาะรายการ 5 รายการแรกที่เพิ่มลงในตะกร้าสินค้าของการเข้าชมที่ถูกละทิ้งนอกจากนี้ `products_added_to_cart` แต่ละอ็อบเจกต์ยังมีคุณสมบัติเกี่ยวกับสินค้าแต่ละรายการดังต่อไปนี้ `title` `image_url` `variant_title` `quantity` `products_viewed` แสดงสินค้า 5 รายการแรกที่ดูระหว่างการเข้าชมที่ถูกละทิ้งนอกจากนี้ `products_viewed` แต่ละอ็อบเจกต์ยังมีคุณสมบัติเกี่ยวกับสินค้าแต่ละรายการดังต่อไปนี้ `title` `คำอธิบาย` `image_url` `url` `image_alt_text` `remaining_cart_products_count` แสดงจำนวนสินค้าเฉพาะรายการที่เหลืออยู่ หากมีสินค้าเฉพาะรายการในขั้นตอนการชำระเงินที่ยังไม่เสร็จสิ้นมากกว่า 5 รายการ

การใช้ตัวแปรที่จำเป็น

เมื่อคุณสร้างอีเมล 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>