# แสดงเนื้อหาในแอปให้แก่ผู้ใช้ที่ระบุ

ทุกบล็อกใน[ตัวแก้ไขในตัว](/th/product/content/in-apps/no-code-in-app-editor/create-rich-media-in-the-built-in-editor/) และทุกองค์ประกอบภายในนั้น มีการตั้งค่าสองอย่างในแผงด้านขวาสำหรับควบคุมว่าใครจะเห็นมัน: **Visibility** และ **Display condition**

## แสดงหรือซ่อนเนื้อหาตามอุปกรณ์

เปิดการตั้งค่าของบล็อกหรือองค์ประกอบ และใช้ **Hide on mobile** หรือ **Hide on desktop** ภายใต้ **Visibility** เพื่อแสดงเนื้อหาที่ความกว้างของการแสดงตัวอย่างเพียงขนาดเดียว ซึ่งตรงกับความกว้างของโทรศัพท์ (360px) และแท็บเล็ต (768px) ของ[ตัวสลับโทรศัพท์/เดสก์ท็อป](/th/product/content/in-apps/no-code-in-app-editor/create-rich-media-in-the-built-in-editor/#top-bar)ในแถบด้านบน

<Aside type="note">
การซ่อนเนื้อหาตามความกว้างของการแสดงตัวอย่างไม่เหมือนกับการซ่อนตามผู้ใช้ หากต้องการแสดงบล็อกที่แตกต่างกันให้แก่ผู้ใช้ที่แตกต่างกัน โปรดดูที่ [แสดงเนื้อหาให้แก่ผู้ใช้ที่ระบุ](#show-content-to-specific-users) ด้านล่าง
</Aside>

## แสดงเนื้อหาให้แก่ผู้ใช้ที่ระบุ

**display condition** จะแสดงหรือซ่อนบล็อกสำหรับผู้ใช้ที่ระบุโดยอิงตาม [Tags](/th/product/audience-data-and-segmentation/user-data-tags/tags/) ของพวกเขา ผู้ใช้ทุกคนจะได้รับเทมเพลตในแอปเดียวกัน แต่แต่ละคนจะเห็นเฉพาะบล็อกที่กำหนดไว้สำหรับพวกเขาเท่านั้น

<Aside type="note" title="ตัวอย่าง">
คุณแท็กผู้ใช้บางรายเป็น `loyalty_member` คุณเพิ่มบล็อกพร้อมข้อเสนอสำหรับสมาชิกเท่านั้นและตั้งเงื่อนไข: แสดงบล็อกนี้เฉพาะเมื่อ `loyalty_member` เป็น `true` เท่านั้น คนอื่นจะไม่เห็นบล็อกนี้เลย
</Aside>

คุณสามารถเพิ่ม display condition ให้กับบล็อกหรือองค์ประกอบใดก็ได้บน canvas

**วิธีตั้งค่า display condition:**

1. เลือกบล็อกหรือองค์ประกอบบน canvas
2. ในแผงด้านขวาภายใต้ **Display condition** ให้เปิด **Show this block conditionally** (**Show this element conditionally** หากคุณเลือกองค์ประกอบภายในบล็อก)
3. เลือก Tag, โอเปอเรเตอร์ และค่า (ตัวอย่างเช่น **is** และ **true**)
4. คลิก **+ Add rule** เพื่อเพิ่มกฎเพิ่มเติม
5. ภายใต้ **If value is unknown** ให้เลือก **Hide block** หรือ **Show block** ซึ่งจะควบคุมว่าจะเกิดอะไรขึ้นเมื่อ Tag ไม่มีค่าสำหรับผู้ใช้

<img src="/rich-media-create-rich-media-in-the-built-in-editor-41.webp" alt="การตั้งค่า Visibility และ Display condition พร้อมด้วย Hide on mobile, Hide on desktop, กฎ display condition และนิพจน์ Custom Liquid" width="320"/>

### สถานการณ์ตัวอย่าง: ข้อเสนอ win-back สำหรับผู้ใช้ที่ไม่ได้ใช้งาน

ข้อเสนอ win-back ที่จะปรากฏเฉพาะผู้ใช้ที่ไม่ได้ซื้อสินค้ามาระยะหนึ่งแล้ว เพื่อให้นักช้อปที่ยังใช้งานอยู่ไม่เห็นส่วนลดที่พวกเขาไม่ต้องการ

<Aside type="note">
`RFM Recency` ต้องเป็น Tag ประเภท **Number** ในโปรไฟล์ผู้ใช้ (จำนวนวันนับจากการสั่งซื้อครั้งล่าสุด) โอเปอเรเตอร์ **≥** จะใช้ได้กับ Tag ที่เป็นตัวเลขเท่านั้น
</Aside>

| เงื่อนไข | สิ่งที่ผู้ใช้เห็น |
|---|---|
| `RFM Recency` **≥** `90` | บล็อก Card สำหรับ win-back พร้อมข้อเสนอส่วนลด |
| กรณีอื่นๆ | บล็อก Card จะยังคงซ่อนอยู่ |

**วิธีตั้งค่าสถานการณ์นี้:**

1. เพิ่มบล็อก **Card** พร้อมข้อเสนอ win-back (รูปภาพ, หัวเรื่อง และปุ่มรหัสส่วนลด)
2. เลือก Card บน canvas และภายใต้ **Display condition** ให้เปิด **Show this block conditionally**
3. ตั้งกฎเป็น `RFM Recency` **≥** `90`
4. ภายใต้ **If value is unknown** ให้เลือก **Hide block** — ผู้ใช้ใหม่ที่ไม่มีประวัติการซื้อไม่ควรเห็นข้อความ win-back ที่มีไว้สำหรับผู้ใช้ที่ไม่ได้ใช้งาน

ผู้ใช้ที่สั่งซื้อครั้งล่าสุดเมื่อ 120 วันที่แล้วจะเห็นข้อเสนอนี้ ผู้ใช้ที่สั่งซื้อเมื่อสัปดาห์ที่แล้ว หรือยังไม่มีประวัติการสั่งซื้อ จะไม่เห็นบล็อกนี้เลย

## เขียนเงื่อนไข Liquid แบบกำหนดเอง

เมื่อตัวสร้างกฎไม่เพียงพอ คุณสามารถเขียนเงื่อนไขด้วยตนเองใน [Liquid](/th/product/personalization/liquid-templates/)

1. เลือกบล็อกหรือองค์ประกอบบน canvas
2. ภายใต้ **Display condition** ให้เปิด **Custom Liquid expression**
3. พิมพ์เงื่อนไขของคุณ ตัวอย่างเช่น หากต้องการแสดงบล็อกให้แก่ผู้ใช้ในเยอรมนีหรือสมาชิกระดับ VIP:

```
Country == "DE" or VIP
```

นิพจน์แบบกำหนดเองจะแทนที่กฎใดๆ ที่ตั้งค่าไว้ในตัวสร้างด้านบน

ชื่อ Tag ที่มีช่องว่างจะถูกแปลงโดยอัตโนมัติ ตัวอย่างเช่น `Last Order` จะกลายเป็น `LastOrder`