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 कैम्पेन बनाते हैं, तब अपना खुद का कोड लिखें को चुनकर पूरी तरह से कस्टम Liquid कोड से एक ईमेल बना सकते हैं।

कस्टम Liquid में समर्थित लिक्विड वैरिएबल

आप Liquid के साथ अपने Shopify Messaging ईमेल मैसेज को कस्टमाइज़ करने के लिए समर्थित वैरिएबल का उपयोग कर सकते हैं। आप नीचे दिए गए टेम्पलेट के प्रकारों के लिए समर्थित लिक्विड वैरिएबल की सूची देख सकते हैं:

सभी ईमेल टेम्पलेट के लिए समर्थित लिक्विड वैरिएबल

आप Liquid के साथ अपने किसी भी Shopify Messaging ईमेल मैसेज को कस्टमाइज़ करने के लिए नीचे दिए गए वैरिएबल का उपयोग कर सकते हैं।

Shopify Messaging में समर्थित लिक्विड वैरिएबल का विवरण
वैरिएबल	विवरण
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?	यदि ग्राहक के खाते से कोई अवतार जुड़ा है, तो `सही` लौटाता है और यदि नहीं, तो `गलत` लौटाता है।
customer.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	यदि ग्राहक को टैक्स से छूट दी गई है, तो `सही` लौटाता है और यदि नहीं, तो `गलत` लौटाता है।
customer.total_spent	ग्राहक ने आपके स्टोर से सभी ऑर्डर पर जो कुल राशि खर्च की है उसे लौटाता है।
email.*	यह वैरिएबल, निम्नलिखित ईमेल प्रॉपर्टी का एक्सेस देता है: `विषय`, ईमेल की विषय पंक्ति दिखाता है। `preview_text`, ईमेल का प्रीव्यू टेक्स्ट दिखाता है।
open_tracking	यह वैरिएबल, पहले से फ़ॉर्मेट किए गए ओपन ट्रैकिंग ब्लॉक का एक्सेस देता है। यदि आप एक कस्टम-कोडेड ईमेल बनाते हैं और आपने ओपन ट्रैकिंग को सक्रिय किया है, तो यह वैरिएबल ज़रूरी है।
shop.*	यह वैरिएबल, निम्नलिखित स्टोर प्रॉपर्टी का एक्सेस देता है: `नाम`, स्टोर का नाम दिखाता है। `डोमेन`, स्टोर का प्राथमिक डोमेन दिखाता है। `url`, स्टोर का URL दिखाता है। `shopify_domain`, दुकान का Shopify डोमेन दिखाता है। `पता` स्टोर का पता दिखाता है, जो निम्नलिखित पता प्रॉपर्टी का एक्सेस देता है: `address1` `address2` `शहर` `देश` `फ़ोन` `प्रांत` `ज़िप`
unsubscribe_url	यह वैरिएबल, रॉ अनसब्सक्राइब URL का एक्सेस देता है और इसे कस्टमाइज़ किया जा सकता है। अगर आप एक कस्टम-कोडेड ईमेल बनाते हैं, तो आपको `unsubscribe_url` या `unsubscribe_link` वैरिएबल शामिल करना होगा। `unsubscribe_url` और `unsubscribe_link` दोनों हमेशा प्राथमिक ऑनलाइन स्टोर डोमेन पर इंगित करेंगे और उन्हें कहीं और निर्देशित करने के लिए संशोधित नहीं किया जा सकता।

अधूरी खरीद प्रक्रिया वाले ईमेल के लिए समर्थित लिक्विड वैरिएबल

आप Liquid के साथ अपनी अधूरी खरीद प्रक्रिया वाले Shopify Messaging ईमेल मैसेज को कस्टमाइज़ करने के लिए निम्नलिखित वैरिएबल का उपयोग कर सकते हैं।

abandoned_checkout वैरिएबल केवल तभी पॉप्युलेट होता है, जब कोई ईमेल अधूरी खरीद प्रक्रिया वाले मार्केटिंग ऑटोमेशन का हिस्सा हो। अन्यथा, वैरिएबल null होता है।

छोड़ी गई ब्राउज़िंग, कार्ट और अधूरी खरीद प्रक्रिया के लिए Shopify Messaging समर्थित लिक्विड वैरिएबल का विवरण
वैरिएबल	विवरण
abandoned_checkout.*	यह वैरिएबल एक अधूरी खरीद प्रक्रिया की निम्नलिखित प्रॉपर्टी का एक्सेस देता है: `url`, अधूरी खरीद प्रक्रिया का URL दिखाता है। `लाइन_आइटम` अधूरी खरीद प्रक्रिया के पहले पांच लाइन आइटम दिखाता है। इसके अलावा, प्रत्येक `लाइन_आइटम` ऑब्जेक्ट में हर उत्पाद के बारे में निम्नलिखित प्रॉपर्टी होती हैं: `कॉम्पोनेंट` `image_url` `product_title` `variant_title` `मात्रा` `लाइन_आइटम.कॉम्पोनेंट` अधूरी खरीद प्रक्रिया के कॉम्पोनेंट दिखाता है। इसके अलावा, प्रत्येक `कॉम्पोनेंट` ऑब्जेक्ट में हर कॉम्पोनेंट के बारे में निम्नलिखित प्रॉपर्टी होती हैं: `image_url` `मात्रा` `product_title` `variant_title` `remaining_products_count`, बचे हुए लाइन आइटम की संख्या दिखाता है, अगर अधूरी खरीद प्रक्रिया में पांच से ज़्यादा लाइन आइटम हैं।
id (checkout 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	उस रेफ़रर का यूआरएल, जो ग्राहक को आपके स्टोर पर लाया। उदाहरण: `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	किसी भी लाइन आइटम छूट को लागू करने के बाद, चेकआउट के सभी लाइन आइटम की कीमतों का योग.

छोड़ी गई ब्राउज़िंग और छोड़ी गई कार्ट ईमेल के लिए लिक्विड वैरिएबल.

abandoned_visit.* वैरिएबल केवल तभी पॉप्युलेट होता है, जब कोई ईमेल छोड़ी गई कार्ट या ब्राउज़ करने के बाद कार्ट में न जोड़े गए प्रोडक्ट के मार्केटिंग ऑटोमेशन का हिस्सा हो। उन प्रॉपर्टी की समीक्षा करें जिन तक यह वैरिएबल पहुंच प्रदान करता है।

Shopify Messaging में समर्थित लिक्विड वैरिएबल का विवरण
वैरिएबल	विवरण
abandoned_visit.*	यह वैरिएबल, छोड़ी गई कार्ट या ब्राउज़िंग की निम्नलिखित प्रॉपर्टी तक पहुंच प्रदान करता है: `url`, छोड़ी गई कार्ट या ब्राउज़िंग का URL दिखाता है। `products_added_to_cart` छोड़ी गई विज़िट की कार्ट में जोड़े गए पहले पांच प्रोडक्ट लाइन आइटम दिखाता है। इसके अलावा, हर `products_added_to_cart` ऑब्जेक्ट में हर प्रोडक्ट के बारे में निम्नलिखित प्रॉपर्टी होती हैं: `title` `image_url` `variant_title` `मात्रा` `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>