ปรับแต่งแคมเปญ 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>
    ไม่พบคำตอบที่คุณต้องการงั้นหรือ เราพร้อมช่วยเหลือคุณ