สร้างข้อความ In-App แบบเนทีฟ

In-App แบบเนทีฟใช้เลย์เอาต์สำเร็จรูปที่ Pushwoosh SDK เรนเดอร์โดยตรงบนอุปกรณ์ แทนที่จะเป็นหน้า HTML ที่ In-App แบบกำหนดเองโหลด ซึ่งทำให้โหลดได้เร็วขึ้นและเคลื่อนไหวได้อย่างราบรื่นยิ่งขึ้น และคุณไม่จำเป็นต้องมีทักษะด้านการออกแบบหรือการพัฒนาเพื่อสร้างมันขึ้นมา

เลือกใช้ In-App แบบเนทีฟเมื่อคุณต้องการเปิดตัวโปรโมชั่น การแจ้งเตือน หรือการประกาศฟีเจอร์อย่างรวดเร็วและไม่จำเป็นต้องใช้เลย์เอาต์ที่กำหนดเองทั้งหมด หากคุณต้องการควบคุมการออกแบบทั้งหมด ให้สร้าง In-App ที่ใช้ HTML แทน

ข้อกำหนดเบื้องต้น

จำเป็นต้องได้รับความช่วยเหลือจากนักพัฒนา

คุณสามารถสร้างเทมเพลต In-App แบบเนทีฟใน Control Panel ได้โดยไม่ต้องเปลี่ยนแปลงโค้ดใดๆ แต่ผู้ใช้จะเห็นก็ต่อเมื่อแอปของพวกเขารัน Pushwoosh SDK เวอร์ชันที่ใหม่พอที่จะเรนเดอร์ได้ ตรวจสอบกับทีมนักพัฒนาของคุณก่อนที่คุณจะเปิดตัว

ก่อนที่คุณจะสร้างเทมเพลต In-App แบบเนทีฟ ตรวจสอบให้แน่ใจว่า:

• Pushwoosh SDK ถูกรวมเข้ากับแอปของคุณเพื่อให้ข้อความ In-App สามารถปรากฏได้ เรียนรู้เพิ่มเติม
• แอปของคุณรัน iOS SDK 7.2.0+ หรือ Android SDK 6.10.0+ ประเภทการแสดงผลทั้งสามประเภท (modal, fullscreen, stories) ต้องการเวอร์ชันขั้นต่ำเดียวกันและทำงานได้บนทั้งสองแพลตฟอร์ม

สร้างเทมเพลต In-App แบบเนทีฟ

1. ไปที่ Content → In-apps
2. คลิก Add template
3. ป้อนชื่อเทมเพลต
4. เลือก Create native rich media
5. ใน DISPLAY TYPE เลือก modal, fullscreen หรือ stories
6. คลิก Add template

ตัวแก้ไขจะเปิดขึ้นพร้อมกับการแสดงตัวอย่างบนมือถือแบบสดทางด้านขวาและฟิลด์เทมเพลตทางด้านซ้าย ซึ่งจัดกลุ่มเป็น Content, Config และ Actions สิ่งที่คุณเห็นในแต่ละกลุ่มจะขึ้นอยู่กับประเภทการแสดงผลที่คุณเลือก

กำหนดค่าประเภทการแสดงผล

ข้อควรระวัง

ดรอปดาวน์ Display type ที่ด้านบนของตัวแก้ไขช่วยให้คุณสามารถสลับประเภทได้ตลอดเวลา แต่การสลับจะรีเซ็ตฟิลด์ Content, Config และ Actions ทั้งหมดด้านล่างเป็นค่าเริ่มต้นสำหรับประเภทใหม่ กรอกเนื้อหาหลังจากที่คุณตัดสินใจเลือกประเภทแล้วเท่านั้น

Modal

การ์ดที่อยู่ตรงกลาง ซึ่งสามารถแสดงบนพื้นหลังที่หรี่แสงได้ กรอกฟิลด์เหล่านี้ในแผงด้านซ้าย:

• Content: ชื่อและข้อความ ซึ่งแต่ละส่วนมีสีข้อความของตัวเอง พร้อมด้วยรูปภาพเสริม
• Config: สีพื้นหลังของการ์ด, สวิตช์ Close button และสวิตช์ Dim background ที่ทำให้หน้าจอด้านหลังการ์ดมืดลง
• Actions: ปุ่มหนึ่งปุ่มหรือมากกว่า ดูที่ กำหนดค่าปุ่ม

Fullscreen

รูปภาพปกแบบเต็มขอบพร้อมข้อความและปุ่มด้านบน กรอกฟิลด์เหล่านี้ในแผงด้านซ้าย:

• Content: รูปภาพปก พร้อมด้วยชื่อและข้อความ ซึ่งแต่ละส่วนมีสีข้อความของตัวเอง
• Config: สีปก (แสดงขณะที่รูปภาพกำลังโหลด หรือแทนที่รูปภาพ) และสวิตช์ Close button
• Actions: ปุ่มหนึ่งปุ่มหรือมากกว่า ดูที่ กำหนดค่าปุ่ม

Stories

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

1. กรอก Image, Title และ Message ของสไลด์แรก (แต่ละส่วนมีสีข้อความของตัวเอง)
2. ตั้งค่า Seconds เป็นระยะเวลาที่สไลด์จะแสดงบนหน้าจอก่อนที่จะเลื่อนไปสไลด์ถัดไป ค่าเริ่มต้นคือ 5 ป้อนค่าระหว่าง 1 ถึง 30 ค่าที่อยู่นอกช่วงนี้จะบล็อกการ Save ด้วยข้อผิดพลาดในการตรวจสอบความถูกต้อง
3. คุณสามารถคลิก Add ภายในสไลด์เพื่อเพิ่มปุ่ม CTA ของตัวเองได้ ดูที่ กำหนดค่าปุ่ม

4. คลิก Add ใต้สไลด์สุดท้ายเพื่อเพิ่มสไลด์อีกอัน จากนั้นทำซ้ำขั้นตอนที่ 1-3 สำหรับสไลด์นั้น
5. ภายใต้ Config ตั้งค่าตัวเลือกเหล่านี้ที่ใช้กับสตอรี่ทั้งหมด ไม่ใช่สไลด์เดียว:
   • Loop: เริ่มต้นใหม่จากสไลด์แรกหลังจากสไลด์สุดท้าย
   • Close button: แสดงตัวควบคุมการปิด (✕)

ตัวอย่างของสตอรี่ที่เสร็จสมบูรณ์จะแสดงให้ผู้ใช้เห็นอย่างไร

กำหนดค่าปุ่ม

Modal, fullscreen และแต่ละสไลด์ของ stories ใช้ฟิลด์ปุ่มเดียวกัน:

• Button text และสีของมัน
• Background, Border color และ Border radius
• Action: เลือกสิ่งที่จะเกิดขึ้นเมื่อผู้ใช้แตะปุ่ม:
  • close: ปิด In-App
  • url: เปิดลิงก์ที่คุณป้อนในฟิลด์ที่ปรากฏขึ้น ใช้ที่อยู่เว็บ (ตัวอย่างเช่น https://example.com) หรือ deep link ไปยังแอปของคุณ (ตัวอย่างเช่น myapp://product/123)

คลิก Add เพื่อเพิ่มปุ่มอีกอัน หรือคลิก × บนปุ่มเพื่อลบออก

ข้อควรระวัง

หากคุณปิด Close button และไม่เพิ่มปุ่มใดๆ ผู้ใช้จะไม่มีตัวควบคุมบนหน้าจอเพื่อปิด In-App

เพิ่มการแปลภาษา

โดยค่าเริ่มต้น In-App แบบเนทีฟจะมีหนึ่งภาษา หากต้องการเพิ่ม:

1. คลิก + ถัดจากตัวเลือกภาษาในแถบด้านบน
2. เลือกภาษาที่ต้องการเพิ่มและคลิก Apply

3. ใช้ตัวเลือกภาษาในแถบด้านบนเพื่อสลับระหว่างภาษาและกรอกฟิลด์ข้อความสำหรับแต่ละภาษา

หมายเหตุ

เมื่อคุณเพิ่มภาษา Pushwoosh จะคัดลอกเนื้อหาของภาษาเริ่มต้นเข้าไป: ข้อความ, รูปภาพ และป้ายกำกับปุ่ม สลับไปที่ภาษานั้นและแก้ไขฟิลด์เหล่านี้ได้อย่างอิสระ

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

คลิก Save ที่มุมขวาบนเพื่อบันทึกการเปลี่ยนแปลงของคุณ

จากนั้นเทมเพลตจะปรากฏใน Content → In-apps ควบคู่ไปกับเทมเพลต In-App อื่นๆ ของคุณ

ใช้ในแคมเปญ

เทมเพลต In-App แบบเนทีฟจะปรากฏในตัวเลือกเทมเพลตพร้อมกับเทมเพลต In-App อื่นๆ ของคุณ

คุณสามารถใช้เพื่อ:

• ส่ง In-App ทันที
• เพิ่มขั้นตอน In-App ไปยัง Customer Journey
• เปิด In-App เมื่อผู้ใช้แตะที่ push

หมายเหตุ

การตั้งค่าการจัดส่ง เช่น วันที่เริ่มต้นและสิ้นสุด และ frequency capping ทำงานเหมือนกับ In-App อื่นๆ และไม่ได้เป็นส่วนหนึ่งของตัวแก้ไขนี้