# แกลเลอรีเทมเพลตเนื้อหาเว็บ

แกลเลอรีเทมเพลตเนื้อหาเว็บมีป๊อปอัปสำเร็จรูปที่จัดกลุ่มตามกรณีการใช้งาน: การขอให้เปิดรับ push ข้อเสนอ การเก็บข้อมูลลูกค้าเป้าหมาย การขอความยินยอม แบบสำรวจ และอื่นๆ แต่ละเทมเพลตมาพร้อมข้อความที่เขียนเสร็จแล้ว และรูปภาพหากเลย์เอาต์นั้นมี เลือกเทมเพลต แล้วแทนที่ข้อความและรูปภาพด้วยของคุณเองใน[เครื่องมือแก้ไข](/th/product/content/web-popup-content/web-content/#build-the-content)

หากต้องการเปิดแกลเลอรีเทมเพลตเนื้อหาเว็บ ให้ไปที่ **Content → Web content** คลิก **Create** แล้วเลือกประเภท **Web content** ใช้เมนูดร็อปดาวน์ที่มุมขวาบนเพื่อกรองแกลเลอรีตามหมวดหมู่ หรือปล่อยไว้ที่ **All templates** แต่ละหมวดหมู่จะแสดงจำนวนเทมเพลต และเทมเพลตด้านล่างจัดเรียงตามหมวดหมู่เดียวกัน

แต่ละหมวดหมู่ด้านล่างมีกลุ่มเป้าหมายและช่วงเวลาที่แนะนำด้วย สิ่งเหล่านี้เป็นคำแนะนำ ไม่ใช่การตั้งค่า เนื่องจากเทมเพลตไม่มีการกำหนดเป้าหมายในตัว คุณเป็นผู้เลือกว่าใครจะเห็นเนื้อหาและเมื่อใดใน[แคมเปญเว็บ](/th/product/messaging-channels/web-popups/create-web-popups-campaigns/#define-audience)

ก่อนบันทึกเนื้อหาที่สร้างจากเทมเพลต:

- แทนที่รูปภาพของเทมเพลตด้วยรูปภาพของคุณเอง เทมเพลตที่มีภาพพื้นหลังจะมาพร้อมภาพตัวยึดตำแหน่งสีเข้ม
- ตั้งลิงก์ให้กับทุกปุ่มที่ควรเปิดหน้าเว็บ ปุ่มของเทมเพลตที่ไม่ได้ปิดป๊อปอัปหรือสลับหน้าจะไม่มีลิงก์มาให้
- เทมเพลตที่มีบล็อก **Topic picker** หรือ **Rating** จะไม่เขียนข้อมูลใดๆ จนกว่าคุณจะเลือกแท็กหรือ event ให้กับบล็อกนั้น ดู [Topic picker](/th/product/content/web-popup-content/blocks/#topic-picker) และ [Rating](/th/product/content/web-popup-content/blocks/#rating)
- เทมเพลตที่มีบล็อก **Countdown** จะมาพร้อมเส้นตายตัวยึดตำแหน่งที่เวลาเที่ยงคืนของอีกหนึ่งสัปดาห์ข้างหน้า ตั้งค่า **Deadline** ของคุณเองในการตั้งค่าบล็อก ดู [Countdown](/th/product/content/web-popup-content/blocks/#countdown)

จากนั้นบันทึกเนื้อหาและแนบเข้ากับแคมเปญเว็บ ดู[บันทึกเนื้อหา](/th/product/content/web-popup-content/web-content/#save-the-content)

แกลเลอรีเทมเพลตเนื้อหาเว็บไม่มีเทมเพลตฟอร์มเว็บ หากต้องการรวบรวมอีเมลหรือคำตอบของผู้เข้าชม ให้สร้าง[ฟอร์มเว็บ](/th/product/content/web-popup-content/web-forms/)แทน

## Blank layouts

เริ่มต้นจากเลย์เอาต์ที่มีเนื้อหาตัวยึดตำแหน่งเมื่อไม่มีเทมเพลตตามกรณีการใช้งานที่เหมาะสม

<img src="/content-web-content-templates-1.webp" alt="แกลเลอรีเนื้อหาเว็บที่กรองเป็น Blank layouts แสดงไทล์เลย์เอาต์แปดแบบ ตั้งแต่โมดอลลดราคาไปจนถึงแผงด้านข้างแบบเต็มความสูง"/>

- **Modal (sale):** การ์ดกึ่งกลางที่มีหัวข้อ ข้อความ ปุ่มหนึ่งปุ่ม และเชิงอรรถ
- **Modal (image background):** การ์ดกึ่งกลางที่มีข้อความวางทับภาพพื้นหลังตัวยึดตำแหน่งสีเข้ม
- **Modal (sale) + image (right):** การ์ดที่มีข้อความทางซ้ายและรูปภาพทางขวา
- **Modal (sale) + image (left):** การ์ดแบบเดียวกันที่มีรูปภาพทางซ้าย
- **Modal (sale) + image (top):** การ์ดที่มีรูปภาพอยู่เหนือข้อความ
- **Product tour (multi-page):** หน้าผลิตภัณฑ์สามหน้า แต่ละหน้ามีรูปภาพ ปุ่มซื้อ และปุ่ม **Next product** ที่พาไปยังหน้าถัดไป ดู[หลายหน้า](/th/product/content/web-popup-content/multi-page/)
- **Bottom bar:** แถบเต็มความกว้างที่ด้านล่างของหน้า มีข้อความทางซ้ายและปุ่มทางขวา
- **Side panel (full height):** แผงที่สูงเต็มหน้าต่างตามด้านใดด้านหนึ่ง

## Push opt-in

ขอให้ผู้เข้าชมเปิดการแจ้งเตือนแบบ push ของเบราว์เซอร์

<img src="/content-web-content-templates-2.webp" alt="แกลเลอรีเนื้อหาเว็บที่กรองเป็น Push opt-in แสดงเทมเพลตการขอเปิดรับห้าแบบ รวมถึงการขอความยินยอมสองขั้นตอนและแถบแบบเรียบง่าย"/>

**กลุ่มเป้าหมายที่แนะนำ:** ผู้เข้าชมที่ยังไม่ได้สมัครรับการแจ้งเตือนแบบ push หรือสำหรับ **Notifications are off** คือผู้เข้าชมที่เคยบล็อกการแจ้งเตือนไว้ก่อนหน้านี้

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

- **Breaking news alerts:** สัญญาว่าจะแจ้งเตือนเฉพาะข่าวใหญ่ พร้อมปุ่ม **Allow notifications**
- **Two-step consent:** ถามถึงความสนใจก่อน แล้วอธิบายข้อความขออนุญาตของเบราว์เซอร์ในหน้าที่สอง
- **Minimal opt-in bar:** แถบด้านล่างที่ไม่รบกวนพร้อมปุ่ม **Turn on** และ **Later**
- **Notifications are off:** บอกผู้เข้าชมที่บล็อกการแจ้งเตือนว่าจะอนุญาตอีกครั้งในเบราว์เซอร์ได้อย่างไร
- **Product updates:** แถบด้านล่างที่เสนอบันทึกสั้นๆ เกี่ยวกับฟีเจอร์ใหม่

## News & media

ดึงผู้อ่านกลับมาที่บทความหรือเปลี่ยนให้เป็นสมาชิก

<img src="/content-web-content-templates-3.webp" alt="แกลเลอรีเนื้อหาเว็บที่กรองเป็น News and media แสดง Continue reading, Subscriber-only story, Weekly digest และ Special report"/>

**กลุ่มเป้าหมายที่แนะนำ:** ผู้อ่านที่กลับมาอีกครั้ง ผู้อ่านของหมวดใดหมวดหนึ่ง หรือผู้อ่านที่ยังไม่ได้เป็นสมาชิก

**ช่วงเวลาที่แนะนำ:** เมื่อผู้อ่านกลับมาที่บทความที่ยังอ่านไม่จบ เจอเนื้อหาสำหรับสมาชิกเท่านั้น หรืออ่านบทความจบ

- **Continue reading:** ชวนผู้อ่านกลับไปยังบทความที่อ่านค้างไว้ครึ่งทาง
- **Subscriber-only story:** บอกผู้อ่านว่าบทความนี้สำหรับสมาชิก และชี้ไปยังแพ็กเกจสมาชิก
- **Weekly digest:** แถบด้านล่างที่เสนอบทความคัดสรรประจำสัปดาห์จากบรรณาธิการ
- **Special report:** โปรโมตบทความขนาดยาว โดยมีข้อความวางทับภาพพื้นหลังตัวยึดตำแหน่งสีเข้ม

## Promotions & offers

กระตุ้นการซื้อด้วยส่วนลด โบนัส หรือเส้นตาย

<img src="/content-web-content-templates-4.webp" alt="แกลเลอรีเนื้อหาเว็บที่กรองเป็น Promotions and offers แสดงเทมเพลตเจ็ดแบบ ตั้งแต่ส่วนลดต้อนรับไปจนถึงการนับถอยหลัง Flash sale"/>

**กลุ่มเป้าหมายที่แนะนำ:** ผู้เข้าชมครั้งแรกสำหรับข้อเสนอต้อนรับ ผู้ซื้อที่มีสินค้าในตะกร้า หรือผู้เล่นและผู้ซื้อที่คุณต้องการดึงกลับมา

**ช่วงเวลาที่แนะนำ:** เมื่อเข้าเว็บไซต์สำหรับข้อเสนอต้อนรับ บนหน้าสินค้าและหน้าตะกร้าสำหรับข้อความเรื่องสต็อกและการจัดส่ง และในช่วงเวลาลดราคาสำหรับดีลที่มีเวลาจำกัด

- **Welcome discount:** แผงด้านข้างที่เสนอส่วนลดสำหรับคำสั่งซื้อแรก
- **Back in stock:** เสนอแจ้งเตือนผู้ซื้อเมื่อสินค้าที่หมดกลับมามีจำหน่าย
- **Free shipping threshold:** แถบด้านล่างที่บอกผู้ซื้อว่าใกล้จะได้รับการจัดส่งฟรีแล้ว
- **Promo code:** แสดงโค้ดสำหรับใช้ตอนชำระเงิน
- **In-game bonus:** เสนอแพ็กเริ่มต้นฟรี โดยมีข้อความวางทับภาพพื้นหลังตัวยึดตำแหน่งสีเข้ม
- **Welcome bonus:** โบนัสฝากเงินครั้งแรกพร้อมเชิงอรรถเงื่อนไข วางทับภาพพื้นหลังตัวยึดตำแหน่งสีเข้ม
- **Flash sale countdown:** ข้อเสนอ Flash sale พร้อมบล็อก [Countdown](/th/product/content/web-popup-content/blocks/#countdown) ที่นับถอยหลังแบบสด

## Gaming & marketplaces

แนะนำการเริ่มต้นใช้งานให้ผู้เล่นและผู้ซื้อ และประกาศการเปิดตัวไอเทมใหม่และการแข่งขัน

<img src="/content-web-content-templates-5.webp" alt="แกลเลอรีเนื้อหาเว็บที่กรองเป็น Gaming and marketplaces แสดง Welcome quest, Item drop, Match alerts และ Drop countdown"/>

**กลุ่มเป้าหมายที่แนะนำ:** ผู้เล่นหรือผู้ซื้อใหม่ แฟนของทีมหรือเกมใดเกมหนึ่ง หรือผู้ใช้ที่ติดตามไอเทมเฉพาะ

**ช่วงเวลาที่แนะนำ:** ในการเข้าชมครั้งแรกสำหรับการเริ่มต้นใช้งาน และก่อนการเปิดตัวไอเทมหรือการแข่งขันสำหรับการแจ้งเตือน

- **Welcome quest (3 steps):** การเริ่มต้นใช้งานสามหน้า โดยมีรูปภาพในแต่ละหน้า
- **Item drop:** ประกาศไอเทมที่เพิ่งเปิดตัวพร้อมรูปภาพ
- **Match alerts:** เสนอการแจ้งเตือนเมื่อการแข่งขันเริ่มต้น เมื่อทีมทำคะแนน และเมื่อการแข่งขันจบลง
- **Drop countdown:** นับถอยหลังสู่การเปิดตัวไอเทมที่มีเวลาจำกัดด้วยบล็อก [Countdown](/th/product/content/web-popup-content/blocks/#countdown)

## Finance & trading

เสนอการแจ้งเตือนตลาดและเนื้อหาจากนักวิเคราะห์ พร้อมข้อจำกัดความรับผิดชอบที่กลุ่มเป้าหมายของคุณคาดหวัง

<img src="/content-web-content-templates-6.webp" alt="แกลเลอรีเนื้อหาเว็บที่กรองเป็น Finance and trading แสดง Price alert, Trading signals, Opt-in with risk disclaimer และ Market open reminder"/>

**กลุ่มเป้าหมายที่แนะนำ:** นักเทรดที่ลงทะเบียนแล้ว ผู้ใช้ที่ติดตามตราสารเฉพาะ หรือผู้เข้าชมที่ยังไม่ได้เปิดการแจ้งเตือน

**ช่วงเวลาที่แนะนำ:** ขณะที่ผู้เข้าชมดูหน้าตราสารหรือหน้าตลาด หรือก่อนเริ่มรอบการซื้อขาย

- **Price alert:** เสนอการแจ้งเตือนเมื่อราคาตราสารข้ามระดับที่กำหนด
- **Trading signals:** เสนอบทวิเคราะห์รายวันจากนักวิเคราะห์ของคุณ
- **Opt-in with risk disclaimer:** การขอเปิดรับการแจ้งเตือนพร้อมคำเตือนความเสี่ยงในเชิงอรรถ
- **Market open reminder:** แถบด้านล่างที่เสนอการเตือนก่อนเริ่มแต่ละรอบการซื้อขาย

## Lead generation

เปลี่ยนผู้เข้าชมให้เป็นลูกค้าเป้าหมายด้วยอีเวนต์ รายงาน การสาธิต หรือคำถามสั้นๆ

<img src="/content-web-content-templates-7.webp" alt="แกลเลอรีเนื้อหาเว็บที่กรองเป็น Lead generation แสดงเทมเพลตห้าแบบ รวมถึง Webinar registration และ Pick your topics"/>

**กลุ่มเป้าหมายที่แนะนำ:** ผู้เข้าชมที่ยังไม่ได้เป็นลูกค้า หรือผู้เข้าชมที่กำลังอ่านเนื้อหาเกี่ยวกับหัวข้อเฉพาะ

**ช่วงเวลาที่แนะนำ:** หลังจากผู้เข้าชมอ่านหน้าเว็บแล้ว หรือเลื่อนอ่านบทความไปเกือบทั้งหมด

- **Webinar registration:** เชิญผู้เข้าชมเข้าร่วมเว็บินาร์สด
- **Report download:** เสนอรายงานฟรี
- **Book a demo:** เสนอการสาธิตการใช้งาน พร้อมปุ่มที่สองสำหรับผู้เข้าชมที่ต้องการดูเฉพาะไฮไลต์
- **One-question survey:** ถามว่าผู้เข้าชมพบสิ่งที่กำลังมองหาหรือไม่ พร้อมปุ่ม **Yes** และ **No**
- **Pick your topics:** ให้ผู้เข้าชมเลือกหัวข้อด้วยบล็อก [Topic picker](/th/product/content/web-popup-content/blocks/#topic-picker)

## Consent & gates

ขอความยินยอมหรือให้เลือกก่อนที่ผู้เข้าชมจะดำเนินการต่อ

<img src="/content-web-content-templates-8.webp" alt="แกลเลอรีเนื้อหาเว็บที่กรองเป็น Consent and gates แสดง Cookie consent, Age gate, Region and language และ Get the app"/>

**กลุ่มเป้าหมายที่แนะนำ:** ผู้เข้าชมทุกคนสำหรับการขอความยินยอมคุกกี้และการยืนยันอายุ ผู้เข้าชมจากภูมิภาคอื่นสำหรับการสลับภูมิภาค และผู้เข้าชมบนมือถือสำหรับการชวนติดตั้งแอป

**ช่วงเวลาที่แนะนำ:** ในการดูหน้าเว็บครั้งแรก

- **Cookie consent:** แถบด้านล่างเกี่ยวกับคุกกี้พร้อมปุ่ม **Got it**
- **Age gate (18+):** ขอให้ผู้เข้าชมยืนยันว่ามีอายุครบตามกฎหมาย
- **Region / language:** เสนอให้สลับไปยังเว็บไซต์ตามภูมิภาคของผู้เข้าชม
- **Get the app:** เชิญผู้เข้าชมเว็บให้ติดตั้งแอปของคุณ

## Feedback & surveys

รวบรวมคะแนนหรือความคิดเห็นด้วยบล็อก [Rating](/th/product/content/web-popup-content/blocks/#rating)

<img src="/content-web-content-templates-9.webp" alt="แกลเลอรีเนื้อหาเว็บที่กรองเป็น Feedback and surveys แสดง NPS survey, Rate your experience และ Rating, then topics"/>

**กลุ่มเป้าหมายที่แนะนำ:** ผู้ใช้ที่ใช้งานอยู่ หรือลูกค้าที่เพิ่งซื้อสินค้าหรือทำการกระทำสำคัญอื่นเสร็จ

**ช่วงเวลาที่แนะนำ:** ทันทีหลังการกระทำสำคัญ หรือหลังจากผู้เข้าชมใช้งานเว็บไซต์มาสักระยะ

- **NPS survey:** ถามว่าผู้เข้าชมมีแนวโน้มจะแนะนำคุณมากน้อยเพียงใดในระดับ 0–10
- **Rate your experience:** การให้คะแนนห้าดาวพร้อมปุ่ม **Send rating**
- **Rating, then topics:** การให้คะแนนแบบดาวในหน้าแรก และ **Topic picker** ในหน้าที่สอง