สร้าง Cloud Page

ใช้คู่มือนี้เพื่อสร้างและเผยแพร่ Cloud Page

ก่อนที่คุณจะเริ่ม

• Cloud Pages สามารถใช้งานได้เมื่อมีการร้องขอ ติดต่อ ฝ่ายสนับสนุนของ Pushwoosh เพื่อเปิดใช้งานสำหรับโปรเจกต์ของคุณ
• ตัดสินใจว่าจะ redirect ผู้ใช้ไปที่ไหนหลังจากการดำเนินการหลักบนหน้าเว็บ เช่น หน้าขอบคุณ, หน้าผลลัพธ์, หรือ URL อื่นๆ

สร้างหน้าเว็บ

1. ไปที่ Content → Cloud Pages
2. คลิก Create cloud page

3. ป้อนชื่อหน้าเว็บ
4. เพิ่ม URL ในช่อง Redirect to (after form submit) ฟิลด์นี้จำเป็นต้องกรอก ใช้เพื่อกำหนดว่าผู้ใช้จะไปที่ไหนหลังจากดำเนินการบนหน้าเว็บเสร็จสิ้น เช่น หน้าขอบคุณหรือหน้าแคมเปญอื่น

5. ใน On existing user เลือกสิ่งที่จะเกิดขึ้นเมื่อผู้ติดต่อที่มีอยู่แล้วส่งแบบฟอร์มอีกครั้ง:
   • Update existing user (ค่าเริ่มต้น): อัปเดตฟิลด์โปรไฟล์ผู้ติดต่อด้วยค่าที่ส่งมา
   • Skip existing user: ลงทะเบียนอุปกรณ์ที่ผู้ใช้ส่งจาก แต่ไม่อัปเดตแท็กที่มีอยู่บนโปรไฟล์ผู้ติดต่อ
   • Error for existing user: สำหรับการลงทะเบียนครั้งเดียว เช่น ข้อเสนอพิเศษหรือเว็บบินาร์ หากผู้ติดต่อมีอยู่แล้ว การส่งจะถูกปฏิเสธ โปรไฟล์จะไม่อัปเดต และผู้ใช้จะถูก redirect กลับไปที่แบบฟอร์มและเห็นข้อความแสดงข้อผิดพลาด

สร้างเนื้อหาหน้าเว็บ

ขั้นตอนการทำงานแบบลากและวางคล้ายกับ เครื่องมือแก้ไขอีเมลแบบลากและวาง (Drag & Drop Email Editor)

1. เปิดแผง Content ในเครื่องมือแก้ไข
2. ลากบล็อกไปยัง canvas
3. แก้ไขเนื้อหาบล็อก
4. ทำซ้ำสำหรับแต่ละบล็อกที่ต้องการ
5. คลิก Save cloud page

เพิ่มรูปภาพ

หากต้องการเพิ่มรูปภาพ ให้ลากบล็อก Image ไปยัง canvas อัปโหลดไฟล์, เลือกภาพสต็อก (More Images → Stock Photos), หรือวาง URL รูปภาพจาก Media store ของคุณ

สร้างแบบฟอร์มสำหรับลูกค้าเป้าหมายหรือการส่งข้อมูล

เพิ่มแบบฟอร์มเพื่อรวบรวมรายละเอียดการติดต่อและค่าอื่นๆ ที่คุณต้องการสำหรับการแบ่งกลุ่ม (segmentation)

1. เพิ่มบล็อก Form
2. เพิ่มฟิลด์ที่คุณต้องการ สำหรับแต่ละฟิลด์ ให้ตั้งค่าประเภทฟิลด์และชื่อฟิลด์ จากนั้นเปิดใช้งาน Required Field สำหรับค่าที่ผู้ใช้ต้องระบุก่อนส่ง

3. กำหนดค่าปุ่ม Submit
4. เมื่อทุกอย่างพร้อมแล้ว คลิก Save cloud page

จะเกิดอะไรขึ้นหลังจากการส่งแบบฟอร์ม

หมายเหตุ

ขั้นตอนด้านล่างอธิบายสิ่งที่เกิดขึ้นเมื่อผู้ติดต่อใหม่ส่งแบบฟอร์ม สำหรับผู้ติดต่อที่มีอยู่แล้ว ผลลัพธ์จะขึ้นอยู่กับการตั้งค่าหน้า On existing user

โปรไฟล์ผู้ติดต่อและอุปกรณ์

เมื่อผู้ใช้ส่งแบบฟอร์ม Pushwoosh จะสร้างหรืออัปเดตโปรไฟล์ผู้ติดต่อใน User Explorer

ตัวอย่างเช่น หากแบบฟอร์มมีฟิลด์อีเมลและฟิลด์โทรศัพท์ Pushwoosh จะลงทะเบียนอุปกรณ์ Email หนึ่งเครื่องและอุปกรณ์ SMS หนึ่งเครื่อง อุปกรณ์ทั้งสองจะถูกเชื่อมโยงภายใต้ User ID เดียวกัน

แท็ก

ฟิลด์อื่นๆ ทั้งหมดจะถูกบันทึกเป็น custom tags ตามชื่อฟิลด์ ตัวอย่างเช่น หากแบบฟอร์มของคุณมีฟิลด์ fitness_goal และ workout_frequency โปรไฟล์ผู้ติดต่อจะแสดงแท็กเช่น fitness_goal = Boost endurance และ workout_frequency = 3–4x a week

รหัสหน้าเว็บจะถูกบันทึกในแท็ก PW_CloudPageCode

Event

Pushwoosh จะยิง Event PW_FormSubmitted ทุกครั้งที่มีการส่งแบบฟอร์ม คุณสามารถดูได้ในแท็บ Events History บนโปรไฟล์ผู้ติดต่อใน User Explorer Event นี้จะมี attribute form_code ที่ระบุว่าการส่งมาจาก Cloud Page ใด และมี timestamp ของเวลาที่เกิดขึ้น

ใช้เป็น trigger ใน Customer Journey เพื่อเริ่มลำดับการต้อนรับ, โฟลว์การติดตาม, และระบบอัตโนมัติอื่นๆ ตัวอย่างเช่น คุณสามารถสร้าง journey ที่ส่งอีเมลต้อนรับทันทีหลังจากผู้ใช้ส่งแบบฟอร์มทดสอบความฟิต จากนั้นติดตามด้วยแผนการออกกำลังกายส่วนบุคคลในอีก 24 ชั่วโมงต่อมา

ทดสอบหน้าเว็บ

หลังจากที่คุณบันทึกหน้าเว็บแล้ว หน้าเว็บจะสามารถเข้าถึงได้แบบสาธารณะผ่าน URL ของมัน รูปแบบเริ่มต้นคือ https://cloud-pages.svc-nue.pushwoosh.com/cloud-pages/v1/page/<page-code>

หมายเหตุ

หากคุณร้องขอการตั้งค่าโดเมนแบบกำหนดเองผ่าน ฝ่ายสนับสนุนของ Pushwoosh และการตั้งค่าเสร็จสมบูรณ์แล้ว ระบบจะใช้ URL โดเมนของคุณแทน: https://domain.com/{slug}

1. ในรายการหน้าเว็บ เปิดเมนูการดำเนินการของหน้าและคลิก Preview
2. ตรวจสอบว่าเนื้อหาของหน้าเว็บโหลดอย่างถูกต้องและแสดงผลตามที่คาดไว้
3. หากหน้าเว็บของคุณมีแบบฟอร์ม ให้กรอกข้อมูลทดสอบในแบบฟอร์มแล้วคลิกปุ่มส่ง

หมายเหตุ

การส่งข้อมูลทดสอบจะสร้างโปรไฟล์ผู้ติดต่อจริงใน Pushwoosh

4. ยืนยันว่าการ redirect เปิดหน้าเว็บที่คาดไว้
5. เปิด User Explorer และยืนยันว่าข้อมูลผู้ใช้และแท็กที่ส่งมาแสดงผล

แก้ไขหรือลบหน้าเว็บ

Cloud Pages ทั้งหมดจะแสดงอยู่ใน Content → Cloud Pages ซึ่งคุณสามารถจัดการและแก้ไขได้

1. ไปที่ Content → Cloud Pages
2. เปิดเมนูการดำเนินการของหน้า
3. คลิก Edit หรือ Delete หน้าเว็บ