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

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

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

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

ในหน้านี้

ข้อควรพิจารณา

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

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

การสร้างอีเมลที่เขียนโค้ดเองโดยใช้ Liquid

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

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

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

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

คุณสามารถใช้ตัวแปรต่อไปนี้เพื่อปรับแต่งข้อความอีเมล Shopify Messaging ใดๆ ของคุณด้วย Liquid

คำอธิบายตัวแปร Liquid ที่ Shopify Messaging รองรับ
ตัวแปร	คำอธิบาย
all_products	สินค้าทั้งหมดในร้านค้าของคุณ
customer.accepts_marketing	ส่งค่าเป็น `true` หากลูกค้ายอมรับการทำการตลาด และส่งค่าเป็น `false` หากไม่ยอมรับ
customer.addresses	ส่งคืนที่อยู่ทั้งหมดที่เชื่อมโยงกับลูกค้า
customer.addresses_count	ส่งคืนจำนวนที่อยู่ที่เชื่อมโยงกับลูกค้า
customer.b2b?	ส่งค่าเป็น `true` หากลูกค้าเป็นลูกค้า B2B และส่งค่าเป็น `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 ของร้านค้า `address` แสดงที่อยู่ร้านค้า ซึ่งให้สิทธิ์ในการเข้าถึงคุณสมบัติของที่อยู่ดังต่อไปนี้ `address1` `address2` `city` `country` `phone` `province` `zip`
unsubscribe_url	ตัวแปรนี้ให้สิทธิ์ในการเข้าถึง URL สำหรับยกเลิกการรับข่าวสารแบบดิบและสามารถปรับแต่งได้ หากคุณสร้างอีเมลที่เขียนโค้ดขึ้นเอง คุณจำเป็นต้องใส่ตัวแปร `unsubscribe_url` หรือ `unsubscribe_link` ทั้ง `unsubscribe_url` และ `unsubscribe_link` จะชี้ไปยังโดเมนหลักของร้านค้าออนไลน์เสมอ และไม่สามารถแก้ไขให้ชี้ไปที่อื่นได้

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

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

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

คำอธิบายตัวแปร Liquid ที่ Shopify Messaging รองรับสำหรับการเรียกดูสินค้าแต่ไม่เพิ่มลงตะกร้า ตะกร้าสินค้า และขั้นตอนการชำระเงินที่ยังไม่เสร็จสิ้น
ตัวแปร	คำอธิบาย
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	อ็อบเจกต์ลูกค้าที่มีคุณลักษณะของผลลัพธ์ของลูกค้า
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 Messaging รองรับ
ตัวแปร	คำอธิบาย
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>