ข้ามไปยังเนื้อหา

เทมเพลต Liquid

วิดีโอ Youtube: เรียนรู้วิธีใช้เทมเพลตเนื้อหาใน Customer journeys

เทมเพลต Liquid ช่วยขยายขีดความสามารถในการปรับแต่งของ Pushwoosh ได้อย่างมากโดยการใช้ตรรกะที่ซับซ้อนนอกเหนือจากการใช้งาน Dynamic Content ทั่วไป

การปรับแต่งข้อความใน Pushwoosh นั้นขึ้นอยู่กับ Tags (ข้อมูลผู้ใช้) Pushwoosh มี Tags เริ่มต้น และ Tags ที่กำหนดเอง ที่หลากหลาย ด้วยการใช้ Tags เหล่านี้ คุณสามารถระบุชื่อ, เมือง, ประวัติการซื้อของผู้ใช้ ฯลฯ เพื่อส่งข้อความที่เป็นส่วนตัวมากขึ้น ตัวอย่างเช่น: Hi {{First_name}}, thanks for ordering {{item}}

เทมเพลต Liquid เพิ่มตรรกะให้กับเนื้อหาแบบไดนามิกมากขึ้น ตัวอย่างเช่น หาก Tag การสมัครสมาชิกของผู้ใช้มีคำว่า “free” คุณสามารถส่งข้อความถึงพวกเขาว่า “รับส่วนลด 10% ของคุณ”

การแก้ไขเนื้อหาข้อความตาม ID, พฤติกรรม และความชอบของผู้ใช้เป็นวิธีที่มีประสิทธิภาพที่สุดในการเพิ่มความเกี่ยวข้องและได้รับผลลัพธ์ที่น่าประทับใจยิ่งขึ้นจากแคมเปญการตลาดของคุณ

ไวยากรณ์

Anchor link to

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

objects กำหนดเนื้อหาที่จะแสดงให้ผู้ใช้ objects ควรอยู่ในวงเล็บปีกกาคู่: {{ }}

ตัวอย่างเช่น เมื่อปรับแต่งข้อความ ให้ส่ง {{Name}} ในเนื้อหาเพื่อเพิ่มชื่อผู้ใช้ลงในเนื้อหาของข้อความ ชื่อของผู้ใช้ (ค่าของ Name tag) จะแทนที่ object ของ Liquid ในข้อความที่ผู้ใช้จะเห็น

Hi {{Name}}! We're glad you're back!

หากต้องการแทรก User ID ของผู้รับ ให้เขียน {{userid}} เป็นตัวพิมพ์เล็ก ชื่อตัวแปรคำนึงถึงตัวพิมพ์เล็ก-ใหญ่ ดังนั้น {{user_id}} และ {{UserId}} จึงเป็นชื่อที่ไม่รู้จักและแสดงผลเป็นข้อความว่าง

หากผู้รับไม่มี User ID {{userid}} ก็จะแสดงผลเป็นข้อความว่างเช่นกัน และข้อความยังคงถูกส่ง หากต้องการแสดงค่าสำรองแทน ให้เพิ่มฟิลเตอร์ default: {{userid | default: "friend"}}

tags สร้างตรรกะและควบคุมการทำงานของเทมเพลต ตัวคั่นวงเล็บปีกกาและเครื่องหมายเปอร์เซ็นต์ {% และ %} และข้อความที่อยู่ภายในจะไม่สร้างผลลัพธ์ที่มองเห็นได้เมื่อเทมเพลตถูกแสดงผล ซึ่งช่วยให้คุณสามารถกำหนดตัวแปรและสร้างเงื่อนไขหรือลูปได้โดยไม่ต้องแสดงตรรกะของ Liquid ให้ผู้ใช้เห็น

ตัวอย่างเช่น การใช้ if tag คุณสามารถเปลี่ยนภาษาของข้อความตามภาษาที่ตั้งค่าไว้ในอุปกรณ์ของผู้ใช้ได้:

{% if Language == 'fr' %}
Salut!
{% else %}
Hello!
{% endif %}

Tags operators

Anchor link to
Operatorคำอธิบาย
==เท่ากับ
!=ไม่เท่ากับ
>มากกว่า
<น้อยกว่า
>=มากกว่าหรือเท่ากับ
<=น้อยกว่าหรือเท่ากับ
orหรือทางตรรกะ
andและทางตรรกะ
containsตรวจสอบการมีอยู่ของสตริงย่อยภายในสตริงหรืออาร์เรย์ของสตริง

ฟิลเตอร์

Anchor link to

filters แก้ไขผลลัพธ์ของ Liquid object หรือตัวแปร โดยจะใช้ภายในวงเล็บปีกกาคู่ {{ }} และการกำหนดค่าตัวแปร และคั่นด้วยอักขระไปป์ | สามารถใช้ฟิลเตอร์หลายตัวกับผลลัพธ์เดียวได้ และจะถูกนำไปใช้จากซ้ายไปขวา

{{ Name | capitalize | prepend:"Hello " }}

การใช้งานเทมเพลต Liquid

Anchor link to

เทมเพลต Liquid สามารถใช้ได้ทั้งกับข้อความที่ส่งจาก Control Panel และ API requests

ใน Pushwoosh เทมเพลต Liquid สามารถใช้ได้กับทุกช่องเนื้อหาของข้อความในทุกช่องทาง:

  • Push notifications
  • Emails
  • In-app rich media ที่แสดงโดย Journey เมื่อเปิดใช้งาน Liquid ใน in-app สำหรับบัญชีของคุณแล้ว

หากต้องการเพิ่มเทมเพลต Liquid ลงในข้อความของคุณ ให้แทรกลงในเนื้อหาของข้อความ คุณสามารถทำได้เมื่อทำงานกับองค์ประกอบ push หรือ email โดยตรงจากอินเทอร์เฟซ Customer Journey Builder

สำหรับ in-app ให้เขียน Liquid ในเนื้อหาของ in-app โดยตรง ดู Liquid ใน in-app

หากต้องการเพิ่มข้อมูลจากแบ็กเอนด์ของคุณเองลงใน push หรือ email เช่น รหัสโปรโมชันหรือคำแนะนำสินค้า ให้ใช้ Connected content

ไปที่ Customer Journey Builder > Create Campaign > ลากและวางองค์ประกอบต่อไปนี้ลงบน canvas ของคุณ: Audience-based Entry, Push (หรือ Email) และ Exit เชื่อมต่อองค์ประกอบต่างๆ จากนั้นคลิกไอคอน Push เลือก Custom content และใส่ข้อความของคุณ

หากต้องการเพิ่มตรรกะของ Liquid ให้ใช้ค่า tag ด้วยไวยากรณ์ต่อไปนี้:

{% if TagName == 'value' %}
Content to send in this scenario
{% else %}
Content to send otherwise
{% endif %}

จากนั้นคลิก Apply

เขียนชื่อ Tag โดยไม่มีช่องว่าง สำหรับ Tag ชื่อ My Tag ให้เขียน {{MyTag}} อักขระอื่นๆ ยังคงเหมือนเดิม ดังนั้นสำหรับ Tag my_tag ให้เขียน {{my_tag}}

เรียนรู้เพิ่มเติมเกี่ยวกับเทมเพลต Liquid ใน journeys