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

ออกแบบรูปแบบ in-app ที่เป็นที่นิยม

ภาพรวม

Anchor link to

Pushwoosh In-App Editor ช่วยให้กระบวนการสร้างข้อความ in-app ในทุกรูปแบบและสำหรับทุกเป้าหมายทางธุรกิจเป็นไปอย่างราบรื่น เมื่อคุณทำงานเสร็จเร็วขึ้น คุณสามารถทำการทดลองอย่างรวดเร็วและบรรลุผลลัพธ์ที่ต้องการได้ในเวลาที่สั้นลง

ในการสร้าง in-app ตั้งแต่เริ่มต้น คุณเพียงแค่ต้องออกแบบเลย์เอาต์ของข้อความโดยใช้บล็อกแบบลากและวาง และปรับแต่งแต่ละองค์ประกอบให้เข้ากับสไตล์แอปและเป้าหมายทางธุรกิจของคุณ คุณไม่จำเป็นต้องมีประสบการณ์ด้านการเขียนโค้ดหรือการออกแบบเพื่อสร้าง in-app ที่น่าสนใจและมีคอนเวอร์ชั่นสูง — เพียงแค่มีเคล็ดลับเล็กน้อยเกี่ยวกับวิธีใช้ Pushwoosh In-App Editor ให้ดีที่สุด

ด้านล่างนี้ เราจะอธิบายวิธีการสร้าง:

ข้อความ in-app แบบเต็มหน้าจอ

Anchor link to

มาสร้างข้อความ in-app โปรโมชั่นสำหรับอุตสาหกรรมฟิตเนสเป็นตัวอย่างกัน:

ตัวอย่างข้อความ in-app โปรโมชั่นแบบเต็มหน้าจอสำหรับแอปฟิตเนสพร้อมรูปภาพและปุ่ม CTA
  1. ในบัญชี Pushwoosh ของคุณ ไปที่ ContentRich Media และคลิก Add template:
ภาพหน้าจอแสดงส่วน Rich Media โดยไฮไลท์ปุ่ม Add template

ป้อนชื่อเทมเพลต เลือก Create new template และคลิก Add template:

ภาพหน้าจอแสดงกล่องโต้ตอบการสร้างเทมเพลตพร้อมช่องชื่อและตัวเลือก Create new template

เราจะสร้าง in-app ตั้งแต่เริ่มต้นโดยใช้ blank template ในตัวอย่างของเรา คุณยังสามารถเลือกหนึ่งในเทมเพลตเริ่มต้นและแก้ไขตามความต้องการของคุณได้

  1. ขั้นแรก ตั้งค่าขนาดป๊อปอัปที่ต้องการในแท็บ Popup:
ภาพหน้าจอแสดงแท็บ Popup พร้อมการตั้งค่าความกว้างและความสูงสำหรับการกำหนดขนาดป๊อปอัป
  1. ตอนนี้ มาเพิ่มรูปภาพลงในข้อความ in-app ของเรากัน ไปที่แท็บ Content และลากบล็อกรูปภาพลงบนผืนผ้าใบ คลิกที่บล็อกและอัปโหลดไฟล์ของคุณ คุณยังสามารถเลือกรูปภาพสต็อกฟรีได้โดยตรงในอินเทอร์เฟซของเอดิเตอร์โดยคลิก More ImagesStock Photos:

คำแนะนำเกี่ยวกับรูปภาพสำหรับ in-app แบบเต็มหน้าจอ (แนวตั้ง)

รูปภาพและข้อความ

ความละเอียดสูง: 1200 x 1000 px

ขนาดขั้นต่ำ: 600 x 500 px

อัตราส่วนภาพ: 6:5

รูปภาพเท่านั้น

ความละเอียดสูง: 1200 x 2000 px

ขนาดขั้นต่ำ: 600 x 1000 px

อัตราส่วนภาพ: 3:5

  1. ตั้งค่าสีพื้นหลังของข้อความ in-app: ไปที่แท็บ Popup และเลือกสีที่ต้องการ
  1. ตอนนี้ คุณสามารถเพิ่มข้อความของข้อความ in-app ของคุณได้ ในตัวอย่างของเรา เราจะวางข้อความไว้บนรูปภาพ โดยเลือกรูปภาพและคลิก Apply Effects คลิกที่ปุ่ม Text ใส่เนื้อหาของคุณ และปรับพารามิเตอร์:
  1. มาเพิ่มข้อความบางส่วนใต้รูปภาพกัน ไปที่แท็บ Content และลากบล็อกข้อความลงบนผืนผ้าใบ ใส่ข้อความของคุณและปรับแต่งพารามิเตอร์หากจำเป็น
  1. สุดท้าย เพิ่มปุ่มและตั้งค่าสี ขนาด และพารามิเตอร์อื่นๆ:

ในส่วน Action คุณสามารถระบุการกระทำที่จะเกิดขึ้นหลังจากคลิกปุ่ม เราจะเลือกตัวเลือก URL or Deeplink:

  1. คลิก Save เพื่อใช้การเปลี่ยนแปลง

ตอนนี้คุณสามารถใช้ข้อความ in-app โปรโมชั่นของคุณได้ด้วยวิธีใดวิธีหนึ่งต่อไปนี้:

ข้อความ in-app แบบบางส่วนของหน้าจอ

Anchor link to

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

ตัวอย่างข้อความป๊อปอัปขออนุญาต (opt-in) แบบบางส่วนของหน้าจอพร้อมไอคอน, ข้อความ, และปุ่ม Allow
  1. ไปที่บัญชี Pushwoosh ของคุณ เปิดส่วน ContentRich Media และคลิก Add template:
ภาพหน้าจอแสดงการนำทางในส่วน Rich Media และปุ่ม Add template

ป้อนชื่อเทมเพลต เลือก Create new template และคลิก Add template:

ภาพหน้าจอแสดงกล่องโต้ตอบการสร้างเทมเพลตพร้อมช่องใส่ชื่อและตัวเลือก Create new template ที่ถูกเลือก

เราจะสร้าง in-app ตั้งแต่เริ่มต้นโดยใช้ blank template หรือคุณสามารถเลือกหนึ่งในเทมเพลตเริ่มต้นและปรับแต่งให้เหมาะกับความต้องการของคุณได้

  1. มาเพิ่มภาพพื้นหลังสำหรับป๊อปอัปของเรากัน เปิดแท็บ Popup คลิก Show More Options ในส่วน Content และอัปโหลดรูปภาพ:
  1. เพิ่มบล็อกเนื้อหาลงบนผืนผ้าใบ แต่ละบล็อกจะแทนองค์ประกอบเนื้อหาแยกต่างหาก เช่น ส่วนหัว ข้อความ ฯลฯ
  1. มาเพิ่มรูปภาพลงในบล็อกเนื้อหาแรกและปรับลักษณะที่ปรากฏ:
  1. เพิ่มหัวข้อลงในบล็อกที่สอง ตั้งค่าฟอนต์ สี และพารามิเตอร์ข้อความอื่นๆ ที่ต้องการ
  1. ตอนนี้ เพิ่มข้อความของข้อความ in-app ของคุณลงในบล็อกเนื้อหาที่สาม คุณสามารถทดลองกับพารามิเตอร์ฟอนต์ สี การจัดตำแหน่งข้อความ ความสูงของบรรทัด และระยะห่างได้
  1. สุดท้าย มาเพิ่มปุ่มลงในป๊อปอัปของเรากัน ปรับแต่งสีปุ่ม ความโค้งมน และพารามิเตอร์อื่นๆ หากจำเป็น
  1. คลิก Save เพื่อใช้การเปลี่ยนแปลงทั้งหมด

คุณสามารถใช้เทมเพลตข้อความ in-app ใหม่ของคุณได้ด้วยวิธีใดวิธีหนึ่งต่อไปนี้:

รูปแบบและข้อมูลเชิงลึกเพิ่มเติม

Anchor link to