สร้างข้อความ In-App ในตัวแก้ไขในตัว

สร้างเทมเพลตข้อความ In-App ในตัวแก้ไขในตัวของ Pushwoosh โดยไม่ต้องเขียนโค้ด คุณจะได้รับเลย์เอาต์ที่ใช้ซ้ำได้พร้อมบล็อกเนื้อหา รูปภาพ ปุ่ม และข้อความที่ปรับให้เหมาะกับแต่ละบุคคล ซึ่งคุณสามารถแสดงใน Customer Journey, เป็น In-App แบบครั้งเดียว หรือจาก push

หมายเหตุ

ก่อนที่คุณจะเริ่ม ให้ผสานรวม Pushwoosh SDK เพื่อให้ข้อความ In-App สามารถปรากฏในแอปของคุณได้ เรียนรู้เพิ่มเติม

สร้างเทมเพลต In-App ใหม่

เทมเพลต In-App คือดีไซน์ที่ใช้ซ้ำได้ซึ่งคุณสร้างเพียงครั้งเดียวแล้วนำไปแสดงให้ผู้ใช้ในแคมเปญ คุณสามารถสร้างเทมเพลตในตัวแก้ไขในตัว, อัปโหลดไฟล์ HTML ZIP ที่กำหนดเอง หรือสร้างเทมเพลต rich media แบบเนทีฟ บทความนี้ครอบคลุมการสร้างเทมเพลตตั้งแต่ต้นในตัวแก้ไขในตัว ทำตามขั้นตอนเดียวกันเพื่อปรับแต่งเทมเพลตที่มีอยู่

1. ไปที่ Content → In-apps
2. คลิก Add template

3. ป้อนชื่อเทมเพลต
4. เลือกวิธีสร้างเทมเพลต:
   • Create new template: สร้างเทมเพลตในตัวแก้ไขในตัว
   • Upload ZIP: อัปโหลดไฟล์ ZIP พร้อมข้อความ In-App แบบ HTML ของคุณ
   • Create native rich media: สร้าง In-App แบบเนทีฟที่เรนเดอร์โดย SDK เรียนรู้เพิ่มเติม
5. เลือก Create new template
6. คลิก Add template

สำรวจเลย์เอาต์ของตัวแก้ไข

ตัวแก้ไขในตัวมีสี่ส่วน แต่ละส่วนมีหน้าที่ชัดเจน

แถบด้านบน

แถบด้านบนเป็นที่ที่คุณจัดการเทมเพลตโดยรวม: ชื่อ, ประวัติการเลิกทำ, สถานะการบันทึก, ลักษณะที่ปรากฏบนอุปกรณ์ (In-app settings), ภาษา (Auto-translate และตัวสลับภาษา), และความกว้างของการแสดงตัวอย่างบนโทรศัพท์หรือเดสก์ท็อป ดูที่ กำหนดค่าลักษณะที่ปรากฏของ In-App บนอุปกรณ์ และ ปรับเทมเพลตให้เข้ากับท้องถิ่น

เปิดเมนู ⋮ ในแถบด้านบนเพื่อดูการดำเนินการเพิ่มเติม:

การแสดงตัวอย่าง

Preview ให้คุณลองใช้ข้อความก่อนที่จะบันทึก: แตะปุ่ม, เลื่อนผ่านโฟลว์หลายหน้าจอ, และตรวจสอบเลย์เอาต์บนโทรศัพท์หรือเดสก์ท็อป

สิ่งที่ทำงานในการแสดงตัวอย่าง:

• ปุ่มและโฟลว์หลายหน้าจอทำงานจริง
• ลิงก์และ deep links จะถูกรายงาน แต่ไม่เปิด
• การเรียก SDK และสถิติการเปิด/คลิกจะปิดอยู่
• ภาษาจะตรงกับตัวสลับภาษา Merge Tags จะยังคงเป็นตัวยึดตำแหน่ง

ในส่วนหัวของการแสดงตัวอย่าง, สลับระหว่างโทรศัพท์และเดสก์ท็อปเพื่อดูทั้งสองเลย์เอาต์ คลิก Restart เพื่อแสดงข้อความตั้งแต่ต้นอีกครั้ง หากต้องการออกจากการแสดงตัวอย่าง, กด Esc หรือคลิกนอกแผง

Brand book

• Brand book: เปิด Brand book ของบัญชีคุณ
• Apply brand book styles: จัดสไตล์เทมเพลตใหม่ให้ตรงกับ Brand book ของคุณ (หลังจากที่คุณตั้งค่าแล้ว)
• Reset custom styles: ลบการกำหนดสไตล์ที่กำหนดเองบนเทมเพลตและกลับไปเป็นค่าเริ่มต้น

Canvas

แก้ไขข้อความบน canvas: คลิกข้อความ, รูปภาพ, และปุ่มเพื่อเปลี่ยนแปลง ใช้ตัวสลับโทรศัพท์/เดสก์ท็อปในแถบด้านบนเพื่อตรวจสอบว่าเลย์เอาต์มีลักษณะอย่างไรในแต่ละความกว้าง ตัวสลับจะเปลี่ยนเฉพาะการแสดงตัวอย่างเท่านั้น ไม่ใช่ตัวเลย์เอาต์เอง

Layers

แผง Layers จะแสดงรายการทุกบล็อกในเทมเพลตของคุณเป็นโครงสร้างต้นไม้, ในลำดับเดียวกับบน canvas เปิดจากขอบด้านซ้ายเพื่อเลือกบล็อกที่ซ้อนกัน (เช่น ปุ่มภายในกลุ่ม) หรือลากแถวเพื่อจัดลำดับเนื้อหาใหม่

แผงด้านขวา

สลับระหว่างสามแท็บ:

• Blocks: เพิ่มเนื้อหาลงในข้อความ ดูที่ การอ้างอิงบล็อกของตัวแก้ไข In-App
• Settings: ใช้สไตล์กับทั้งเทมเพลตพร้อมกัน ดูที่ กำหนดค่าการตั้งค่าเทมเพลต In-App
• AI: แชทกับผู้ช่วย AI เพื่อสร้างหรือแก้ไขเนื้อหาจาก prompt

เพิ่มบล็อกเนื้อหา

1. เปิดแท็บ Blocks ในแผงด้านขวา
2. ลากบล็อกไปวางบน canvas, หรือคลิกบล็อกเพื่อเพิ่มไว้ที่ท้ายเทมเพลต
3. เพิ่มบล็อกต่อไปจนกว่าเลย์เอาต์จะพร้อม

บล็อกแต่ละประเภทมีวัตถุประสงค์ที่แตกต่างกันในข้อความ:

• Heading: ชื่อเรื่องและหัวข้อสั้นๆ
• Text: เนื้อหาหลักและคำอธิบายที่ยาวขึ้น
• Button: call to action ที่สามารถแตะได้
• Image: รูปภาพจาก Media store, การอัปโหลด, หรือ URL
• Video: ภาพขนาดย่อของวิดีโอที่สามารถแตะได้ซึ่งจะเปิดวิดีโอ YouTube หรือ Vimeo
• Card: รูปภาพพร้อมหัวเรื่อง, ข้อความ, และปุ่มในเลย์เอาต์เดียว
• Divider: เส้นที่แบ่งส่วนต่างๆ
• Columns: เลย์เอาต์แบบเคียงข้างกัน (2, 3, หรือ 4 คอลัมน์เท่ากัน, หรือแบ่ง 33/67 และ 67/33)
• Timer: ตัวนับถอยหลังสำหรับข้อเสนอและกำหนดเวลา
• Menu: แถวหรือคอลัมน์ของลิงก์นำทางหรือลิงก์ติดต่อ
• Social: ไอคอนที่เชื่อมโยงไปยังโปรไฟล์โซเชียลของคุณ
• HTML: HTML ที่กำหนดเอง, เช่น แบบฟอร์ม, แบบสำรวจ, หรือวิดีโอที่ฝังไว้
• Products: ตารางของการ์ดผลิตภัณฑ์จาก Product Catalog ของคุณหรือตะกร้าสินค้าที่ถูกทิ้งของผู้ใช้

ดู การอ้างอิงบล็อกของตัวแก้ไข In-App สำหรับการตั้งค่าของแต่ละบล็อก, และ วิธีบันทึกและนำบล็อกกลับมาใช้ใหม่

แสดงบล็อกให้ผู้ใช้เฉพาะกลุ่ม

ไม่ใช่ผู้ใช้ทุกคนที่ต้องเห็นบล็อกเดียวกัน ตั้งค่า display condition บนบล็อกเพื่อให้แสดงหรือซ่อนตาม Tags ของผู้ใช้ คุณยังคงส่งเทมเพลตเดียว, แต่แต่ละคนจะเห็นเฉพาะส่วนที่เกี่ยวข้องกับตนเองเท่านั้น

เลือกบล็อกบน canvas, เปิด Display condition ในแผงด้านขวา, และเปิด Show this block conditionally เรียนรู้เพิ่มเติม

ปรับเทมเพลตให้เข้ากับท้องถิ่น

เทมเพลตหลายภาษาจะจัดเก็บสำเนาที่แปลแล้วสำหรับแต่ละภาษาไว้ในดีไซน์ In-App เดียว ใช้ตัวสลับภาษาในแถบด้านบนเพื่อเพิ่มภาษาและแก้ไขเนื้อหาตามภาษา คลิก Auto-translate เพื่อสร้างคำแปล สำหรับวิธีการทำงานของการส่งข้อความหลายภาษาในช่องทางต่างๆ, ดูที่ การส่งข้อความหลายภาษา

หมายเหตุ

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

กำหนดค่าการตั้งค่าเทมเพลต

ใช้สองตำแหน่งในการจัดสไตล์และวางตำแหน่งข้อความ:

• แท็บ Settings (แผงด้านขวา): ขนาดเอกสาร, สี, การพิมพ์, และสไตล์เริ่มต้นสำหรับบล็อก
• In-app settings (แถบด้านบน): ตำแหน่งบนหน้าจอ, แอนิเมชัน, และปุ่มปิด

เรียนรู้เพิ่มเติม

บันทึกเทมเพลต

คลิก Save ในแถบด้านบนเพื่อบันทึกการเปลี่ยนแปลงของคุณ ใช้ Undo/Redo ในแถบด้านบนเพื่อย้อนกลับและเดินหน้าผ่านการแก้ไขของคุณ

หมายเหตุ

การบันทึกจะจัดเก็บเทมเพลต In-App ของคุณไว้ใน Content → In-apps จากที่นั่นคุณสามารถแสดงตัวอย่าง, แก้ไข, และจัดการเทมเพลตได้ เรียนรู้เพิ่มเติม