Προσαρμογή των καμπανιών σας στο Shopify Messaging με χρήση του Liquid

Το Liquid είναι η απλή, εύχρηστη γλώσσα προγραμματισμού του Shopify και είναι η ίδια γλώσσα προγραμματισμού με την οποία έχουν δημιουργηθεί τα θέματα από το Shopify Theme Store.

Μπορείτε να χρησιμοποιήσετε προσαρμοσμένο Liquid για να βελτιώσετε τα μηνύματά σας στο Shopify Messaging δημιουργώντας ένα email με πλήρως προσαρμοσμένο κώδικα ή προσθέτοντας μια ενότητα προσαρμοσμένου Liquid σε ένα πρότυπο. Αυτές οι επιλογές σάς επιτρέπουν να εισαγάγετε προσαρμοσμένο Liquid ή HTML.

Μπορείτε να χρησιμοποιήσετε προσαρμοσμένο Liquid για να εμφανίσετε προσαρμοσμένα στοιχεία, όπως εικόνες τοποθετημένες η μία δίπλα στην άλλη, προσαρμοσμένα κουμπιά, εικόνες προσαρμοσμένου μεγέθους και ενότητες προσαρμοσμένου μεγέθους.

Σε αυτήν τη σελίδα

Στοιχεία προς εξέταση

Εξετάστε τα παρακάτω στοιχεία πριν αρχίσετε να προσθέτετε προσαρμοσμένο Liquid στα μηνύματά σας στο Shopify Messaging:

Οι μεταβλητές που συμπεριλαμβάνετε στον κώδικά σας πρέπει να υποστηρίζονται από προσαρμοσμένο Liquid.
Μπορείτε να χρησιμοποιήσετε μόνο μια συσκευή υπολογιστή για να δημιουργήσετε μια ενότητα προσαρμοσμένου Liquid.
Η μεταβλητή unsubscribe_link ή unsubscribe_url είναι απαραίτητη στα προσαρμοσμένα email Liquid. Αν έχετε ενεργοποιήσει την παρακολούθηση ανοίγματος αλληλογραφίας, τότε απαιτείται επίσης η μεταβλητή open_tracking. Μάθετε περισσότερα σχετικά με την προσθήκη απαιτούμενων μεταβλητών στο email σας.
Ο κώδικας που εισάγετε έχει τα ακόλουθα όρια:
- Έως 50 kilobytes (KB) για ενότητες προσαρμοσμένου Liquid.
- Έως 500 KB για email με προσαρμοσμένο κώδικα Liquid.

Δημιουργία email με προσαρμοσμένο κώδικα με το Liquid

Αν θέλετε να χρησιμοποιήσετε προσαρμοσμένο κώδικα Liquid κατά τη δημιουργία ενός email, μπορείτε είτε να προσθέσετε μια ενότητα προσαρμοσμένου Liquid, είτε να δημιουργήσετε ένα email εξ ολοκλήρου από προσαρμοσμένο κώδικα Liquid, επιλέγοντας Δημιουργία δικού σας κώδικα όταν δημιουργείτε μια καμπάνια Shopify Messaging.

Μεταβλητές Liquid που υποστηρίζονται στο προσαρμοσμένο Liquid

Μπορείτε να χρησιμοποιήσετε υποστηριζόμενες μεταβλητές για να προσαρμόσετε τα μηνύματα email του Shopify Messaging με το Liquid. Μπορείτε να ελέγξετε τις λίστες των υποστηριζόμενων μεταβλητών Liquid για τους ακόλουθους τύπους προτύπων:

Μεταβλητές Liquid που υποστηρίζονται για όλα τα πρότυπα email

Μπορείτε να χρησιμοποιήσετε τις παρακάτω μεταβλητές για να προσαρμόσετε οποιοδήποτε από τα μηνύματα email του 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	Επιστρέφει τη διεύθυνση email του πελάτη.
customer.first_name	Επιστρέφει το όνομα του πελάτη.
customer.has_account	Επιστρέφει `true` αν το email του πελάτη σχετίζεται με έναν λογαριασμό πελάτη και `false` σε αντίθετη περίπτωση.
customer.has_avatar?	Επιστρέφει `true` εάν ο πελάτης έχει avatar που σχετίζεται με τον λογαριασμό του και επιστρέφει `false` σε αντίθετη περίπτωση.
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	Επιστρέφει `true` εάν ο πελάτης εξαιρείται από τους φόρους και επιστρέφει `false` σε αντίθετη περίπτωση.
customer.total_spent	Επιστρέφει το συνολικό ποσό που έχει δαπανήσει ο πελάτης σε όλες τις παραγγελίες από το κατάστημά σας.
email.*	Αυτή η μεταβλητή παρέχει πρόσβαση στις ακόλουθες ιδιότητες email: Το `subject` εμφανίζει τη γραμμή θέματος του email. Το `preview_text` εμφανίζει το κείμενο προεπισκόπησης του email.
open_tracking	Αυτή η μεταβλητή παρέχει πρόσβαση στο προ-μορφοποιημένο μπλοκ παρακολούθησης ανοίγματος αλληλογραφίας. Αυτή η μεταβλητή είναι απαραίτητη εάν δημιουργήσετε ένα email με προσαρμοσμένο κώδικα και έχετε ενεργοποιήσει την παρακολούθηση ανοίγματος αλληλογραφίας.
shop.*	Αυτή η μεταβλητή παρέχει πρόσβαση στις ακόλουθες ιδιότητες καταστήματος: Το `name` εμφανίζει το όνομα του καταστήματος. Το `domain` εμφανίζει το κύριο domain του καταστήματος. Το `url` εμφανίζει το URL του καταστήματος. Το `shopify_domain` εμφανίζει το domain του καταστήματος Shopify. `address` εμφανίζει τη διεύθυνση του καταστήματος, η οποία παρέχει πρόσβαση στις ακόλουθες ιδιότητες διεύθυνσης: `address1` `address2` `πόλη` `χώρα` `τηλέφωνο` `επαρχία` `Τ.Κ.`
unsubscribe_url	Αυτή η μεταβλητή παρέχει πρόσβαση στο ακατέργαστο URL κατάργησης εγγραφής και μπορεί να προσαρμοστεί. Εάν δημιουργήσετε ένα email με προσαρμοσμένο κώδικα, τότε απαιτείται να συμπεριλάβετε τη μεταβλητή `unsubscribe_url` ή `unsubscribe_link`. Τόσο η μεταβλητή `unsubscribe_url` όσο και η `unsubscribe_link` θα παραπέμπουν πάντα στο κύριο domain του διαδικτυακού καταστήματος και δεν είναι δυνατόν να τροποποιηθούν για να κατευθύνουν αλλού.

Υποστηριζόμενες μεταβλητές Liquid για email εγκαταλελειμμένης ολοκλήρωσης αγοράς

Μπορείτε να χρησιμοποιήσετε τις παρακάτω μεταβλητές για να προσαρμόσετε τα μηνύματα email του Shopify Messaging για την εγκαταλελειμμένη ολοκλήρωση αγοράς με τη Liquid.

Η μεταβλητή abandoned_checkout συμπληρώνεται μόνο αν ένα email αποτελεί μέρος μιας αυτοματοποίησης μάρκετινγκ για εγκαταλελειμμένη ολοκλήρωση αγοράς. Σε αντίθετη περίπτωση, η μεταβλητή είναι null.

Περιγραφή των υποστηριζόμενων μεταβλητών Liquid του Shopify Messaging για περιήγηση χωρίς αγορά, καλάθι και ολοκλήρωση αγοράς
Μεταβλητή	Περιγραφή
abandoned_checkout.*	Αυτή η μεταβλητή παρέχει πρόσβαση στις ακόλουθες ιδιότητες μιας εγκαταλελειμμένης ολοκλήρωσης αγοράς: Το `url` εμφανίζει το URL της εγκαταλελειμμένης ολοκλήρωσης αγοράς. `line_items` εμφανίζει τα πρώτα πέντε στοιχεία γραμμής της εγκαταλελειμμένης ολοκλήρωσης αγοράς. Επιπλέον, κάθε `line_items` αντικείμενο περιέχει τις ακόλουθες ιδιότητες για κάθε προϊόν: `συστατικά` `image_url` `product_title` `variant_title` `ποσότητα` `line_items.components` εμφανίζει τα συστατικά της εγκαταλελειμμένης ολοκλήρωσης αγοράς. Επιπλέον, κάθε `συστατικά` αντικείμενο περιέχει τις ακόλουθες ιδιότητες για κάθε συστατικό: `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	Το 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	Το 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 για τα email περιήγησης χωρίς αγορά και εγκαταλελειμμένου καλαθιού

Η μεταβλητή abandoned_visit.* συμπληρώνεται μόνο αν ένα email αποτελεί μέρος ενός αυτοματισμού υλικού μάρκετινγκ για εγκαταλελειμμένο καλάθι ή εγκαταλελειμμένη περιήγηση σε προϊόν. Ελέγξτε τις ακόλουθες ιδιότητες στις οποίες παρέχει πρόσβαση αυτή η μεταβλητή.

Περιγραφή των υποστηριζόμενων μεταβλητών Liquid του 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` εμφανίζει τον αριθμό των υπολειπόμενων στοιχείων γραμμής, εάν υπάρχουν περισσότερα από πέντε στοιχεία γραμμής στην εγκαταλελειμμένη ολοκλήρωση αγοράς.

Χρήση απαιτούμενων μεταβλητών

Όταν δημιουργείτε ένα προσαρμοσμένο email Liquid, η μεταβλητή unsubscribe_link ή unsubscribe_url είναι υποχρεωτική. Εάν έχετε ενεργοποιήσει την παρακολούθηση ανοίγματος αλληλογραφίας, τότε η μεταβλητή open_tracking είναι επίσης υποχρεωτική.

Αν και αυτές οι μεταβλητές μπορούν να εισαχθούν οπουδήποτε στον κώδικα για το email σας, το πιο συνηθισμένο σημείο για να τις προσθέσετε είναι στην ενότητα του υποσέλιδου ενός email, όπως στο παρακάτω παράδειγμα:

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

Παράδειγμα προσαρμοσμένου κώδικα Liquid

Μπορείτε να προσθέσετε τον προσαρμοσμένο σας κώδικα Liquid ή HTML στο πρόγραμμα επεξεργασίας κώδικα. Ο παρακάτω κώδικας είναι ένα παράδειγμα του τρόπου με τον οποίο μπορείτε να προσθέσετε κώδικα Liquid για να εμφανίσετε το όνομα του καταστήματός σας, ένα προσαρμοσμένο κουμπί και μια εικόνα προσαρμοσμένου μεγέθους σε ένα μήνυμα email.

<!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>