ปรับแต่งแคมเปญ 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
ตัวแปร | คำอธิบาย |
---|---|
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
|
unsubscribe_url | ตัวแปรนี้จะให้สิทธิ์การเข้าถึง URL เพื่อยกเลิกการสมัครรับข้อมูลที่ยังไม่ได้จัดรูปแบบและสามารถปรับแต่งได้ หากคุณสร้างอีเมลที่ใช้โค้ดแบบกำหนดเอง คุณจะต้องใส่ตัวแปร unsubscribe_url หรือ unsubscribe_link
|
ตัวแปร Liquid ที่รองรับอีเมลแจ้งขั้นตอนการชำระเงินที่ยังไม่เสร็จสิ้น
คุณสามารถใช้ตัวแปรต่อไปนี้เพื่อปรับแต่งข้อความขั้นตอนการชำระเงินที่ยังไม่เสร็จสิ้นใน Shopify Email ด้วย Liquid ได้
ตัวแปร | คำอธิบาย |
---|---|
abandoned_checkout.* |
ตัวแปรนี้ให้สิทธิ์การเข้าถึงคุณสมบัติของขั้นตอนการชำระเงินที่ยังไม่เสร็จสิ้นต่อไปนี้
|
id(checkout ID) | ID เฉพาะของขั้นตอนการชำระเงินเพื่อการใช้งานภายใน |
shop | ชื่อร้านค้า Shopify ของคุณ |
name | ชื่อขขั้นตอนการชำระเงินที่ยังไม่เสร็จสิ้น หรือที่เรียกว่าหมายเลขการขั้นตอนการชำระเงิน |
total_price | ราคารวมของคำสั่งซื้อ (ยอดรวม + ค่าจัดส่ง - ส่วนลดค่าจัดส่ง + ภาษี) |
shipping_price |
ราคาค่าจัดส่ง ตัวอย่าง |
shipping_address | ที่อยู่ที่จัดส่ง |
billing_address | ที่อยู่สำหรับเรียกเก็บเงิน |
line_items | รายการสินค้าเฉพาะรายการทั้งหมดในขั้นตอนการชำระเงินที่ยังไม่เสร็จสิ้น |
unavailable_line_items | รายการสินค้าเฉพาะรายการทั้งหมดในขั้นตอนการชำระเงินที่ยังไม่เสร็จสิ้นยังไม่พร้อมให้บริการ |
note | หมายเหตุที่แนบมากับขั้นตอนการชำระเงินที่ยังไม่เสร็จสิ้น |
landing_site |
เส้นทางของเว็บไซต์แลนดิ้งเพจที่ลูกค้าใช้ ซึ่งเป็นหน้าแรกที่ลูกค้าเข้าถึงเมื่อพวกเขามาถึงร้านค้า ตัวอย่างเช่น |
landing_site_ref |
แยกพารามิเตอร์อ้างอิงจากเว็บไซต์แลนดิ้งเพจ พารามิเตอร์อ้างอิงอาจเป็น: หากค่าของ {% if landing_site_ref == 'my-tracking-token' %} การดำเนินการของฉ้ัน... {% endif %} |
referring_site |
URL ของช่องทางอ้างอิงที่นำลูกค้ารายดังกล่าวให้มาเยี่ยมชมร้านค้าของคุณ ตัวอย่างเช่น: |
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 | ราคารวมของสินค้าเฉพาะรายการในขั้นตอนการชำระเงิน |
อีเมลที่เชื่อมโยงกับขั้นตอนการชำระเงินที่ยังไม่เสร็จสิ้น | |
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 |
ลักษณะที่แนบมากับขั้นตอนการชำระเงินที่ยังไม่เสร็จสิ้น ตัวอย่าง |
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.*
จะป้อนข้อมูลก็ต่อเมื่ออีเมลเป็นส่วนหนึ่งของตะกร้าสินค้าที่ยังไม่ชำระเงินหรือการดำเนินการอัตโนมัติทางการตลาดสำหรับการเรียกดูสินค้าที่ถูกละทิ้งตรวจสอบคุณสมบัติต่อไปนี้ที่ตัวแปรนี้ให้สิทธิ์การเข้าถึง
ตัวแปร | คำอธิบาย |
---|---|
abandoned_visit.* |
ตัวแปรนี้ให้สิทธิ์การเข้าถึงคุณสมบัติของตะกร้าสินค้าที่ยังไม่ชำระเงินหรือการสำรวจเลือกดูต่อไปนี้
|
การใช้ตัวแปรที่จำเป็น
เมื่อคุณสร้างอีเมล 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>