สร้างแคมเปญ Web popup

แคมเปญเว็บจะวางเนื้อหาเว็บที่คุณสร้างไว้ลงบนเว็บไซต์ของคุณ และควบคุมว่าจะให้ปรากฏเมื่อใดและใครจะเห็น แคมเปญแสดงเนื้อหาได้หนึ่งในสองแบบ: เป็น Popup หรือเป็นบล็อกแบบ Inline

เริ่มแคมเปญใหม่

1. ไปที่ Campaigns → Web campaigns

2. คลิก Create campaign แล้วเลือกประเภท:

   • Popup: โอเวอร์เลย์ที่แสดงเหนือหน้าเว็บ
   • Inline: บล็อกภายในองค์ประกอบของหน้าเว็บ เช่น ในแถบด้านข้างหรือใต้บทความ

   คุณไม่สามารถเปลี่ยนประเภทได้ในภายหลัง

   

เวอร์ชัน Web SDK สำหรับแคมเปญแบบ Inline

ขอให้นักพัฒนาของคุณตรวจสอบเวอร์ชัน Web SDK บนเว็บไซต์ของคุณ แคมเปญแบบ Inline ต้องใช้เวอร์ชัน 3.97.0 ขึ้นไป หรือ 3.98.0 ขึ้นไปหากเว็บไซต์ใช้แพ็กเกจ npm หากใช้ SDK เวอร์ชันเก่ากว่า แคมเปญแบบ Inline จะปรากฏเป็นป๊อปอัปเหนือหน้าเว็บแทนที่จะอยู่ภายในบล็อก

เลือกเนื้อหาเว็บ

เลือกเนื้อหาที่แคมเปญนี้จะแสดงให้ผู้เข้าชม คุณสามารถเลือกเนื้อหาที่มีอยู่หรือสร้างเนื้อหาใหม่ได้โดยไม่ต้องออกจากตัวช่วยสร้าง

• เนื้อหาที่มีอยู่: ใน Web content ให้เลือกรายการจากรายการ ใต้แต่ละชื่อ รายการจะแสดงประเภทของเนื้อหา: Web content สำหรับเนื้อหาทั่วไป หรือ Web form สำหรับฟอร์มเว็บ
• เนื้อหาใหม่: คลิก Create new แล้วเลือก Web content หรือ Web form ตัวแก้ไขสำหรับเนื้อหาประเภทนั้นจะเปิดขึ้น

หากต้องการเปลี่ยนลำดับของเนื้อหาในดรอปดาวน์ ให้ใช้ปุ่มเรียงลำดับเหนือดรอปดาวน์แล้วเลือก Last updated, A-Z หรือ Z-A ดรอปดาวน์จะเรียงตาม A-Z จนกว่าคุณจะเลือกลำดับอื่น Pushwoosh จะจดจำตัวเลือกของคุณและใช้ในดรอปดาวน์เนื้อหา Web popup ทุกตัว ทั้งในข้อความแบบครั้งเดียวและใน journey

รวบรวมอีเมลและคำตอบ

เลือกฟอร์มเว็บเพื่อให้ผู้เข้าชมสมัครรับอีเมลและบันทึกคำตอบของพวกเขาลงในแท็ก ฟอร์มเดียวกันใช้ได้ทั้งในแคมเปญแบบ Popup และ Inline เรียนรู้วิธีสร้างฟอร์ม

คลิก Next เมื่อเลือกเนื้อหาที่ถูกต้องแล้ว

กำหนดกลุ่มเป้าหมาย

เลือกผู้ที่จะเห็นแคมเปญ

• All users: แสดงแคมเปญให้กับทุกคนโดยไม่มีตัวกรอง

• Target audience: แสดงแคมเปญเฉพาะผู้ใช้ที่ตรงกับ segment หรือเงื่อนไขที่กำหนดเอง จะมีสองตัวเลือกย่อยปรากฏขึ้น:
  • Use existing segment: เลือก segment ที่บันทึกไว้จากรายการ หากต้องการสร้างใหม่โดยไม่ต้องออกจากตัวช่วยสร้าง ให้คลิก Create segment
  • Use custom conditions: สร้างกลุ่มเป้าหมายในหน้าโดยการเพิ่มตัวกรองตาม Tag, Event, Segment, หรือ User ID

เมื่อเสร็จแล้ว คลิก Next

กำหนดการตั้งค่าการแสดงผล

ตั้งค่าว่าจะแสดงแคมเปญนี้เมื่อใด บ่อยแค่ไหน และที่ไหน

ตัวเลือก CSS

ฟิลด์นี้ปรากฏเฉพาะสำหรับแคมเปญแบบ Inline แคมเปญแบบ Inline จะปรากฏภายในบล็อกของหน้าเว็บ และตัวเลือก CSS จะบอก Pushwoosh ว่าเป็นบล็อกใด

1. ใน CSS selector ให้ป้อนตัวเลือกขององค์ประกอบบนหน้าที่จะวางแคมเปญ เช่น #newsletter-signup ใช้ตัวเลือกแบบง่ายหนึ่งตัว ได้แก่ แท็ก #id .class หรือ [attribute] โดยไม่ซ้อนกัน

2. ใต้ฟิลด์ Pushwoosh จะแสดงองค์ประกอบที่ต้องเพิ่มลงในหน้าของคุณ เช่น <div id="newsletter-signup"></div> ขอให้นักพัฒนาของคุณเพิ่มองค์ประกอบนี้ในตำแหน่งที่แคมเปญควรปรากฏ

   

แคมเปญจะปรากฏภายในองค์ประกอบแรกบนหน้าที่ตรงกับตัวเลือก หากหน้าไม่มีองค์ประกอบที่ตรงกัน แคมเปญจะไม่แสดงบนหน้านั้น

เมื่อใช้ Automatically on page load แคมเปญแบบ Inline จะปรากฏทุกครั้งที่หน้าซึ่งมีองค์ประกอบที่ตรงกันโหลด

Show popup หรือ Show campaign

เลือกวิธีแสดงแคมเปญ ฟิลด์นี้ชื่อ Show popup ในแคมเปญแบบ Popup และชื่อ Show campaign ในแคมเปญแบบ Inline

• Automatically on page load: แคมเปญจะปรากฏขึ้นเองบนหน้าที่ตรงกับการตั้งค่า
• Only via WebSDK call: แคมเปญจะไม่ปรากฏขึ้นเอง เว็บไซต์ของคุณจะแสดงแคมเปญโดยการเรียก Web SDK ตัวช่วยสร้างจะแสดงการเรียกพร้อมรหัสแคมเปญ เช่น Pushwoosh.moduleRegistry.webPopups.show('CAMPAIGN_CODE') ต้องใช้ Web SDK 3.63.0 ขึ้นไป

เมื่อใช้ Only via WebSDK call ตัวช่วยสร้างจะซ่อน Display delay และ Show on pages เนื่องจากการเรียกจากเว็บไซต์ของคุณจะไม่สนใจการตั้งค่าเหล่านี้

ความล่าช้าในการแสดงผล

การตั้งค่านี้ใช้กับแคมเปญแบบ Popup ที่แสดง Automatically on page load เลือกเวลาที่ Web popup จะปรากฏขึ้นได้ครั้งแรกหลังจากที่หน้าเว็บโหลด

• ทันที
• หลังจาก 3 วินาที
• หลังจาก 5 วินาที
• หลังจาก 10 วินาที

วิธีวัดความล่าช้า

• ความล่าช้าจะวัดจากช่วงเวลาที่ Pushwoosh SDK เริ่มต้นทำงานบนหน้าเว็บ ไม่ใช่จากเวลาที่หน้าเว็บเริ่มโหลด
• เวลาจริงก่อนที่ Web popup จะปรากฏอาจนานกว่าค่าที่คุณตั้งไว้เล็กน้อย ตัวอย่างเช่น หาก SDK ใช้เวลา 2 วินาทีในการโหลดและคุณตั้งค่าความล่าช้าไว้ 5 วินาที Web popup จะปรากฏขึ้น 7 วินาทีหลังจากที่หน้าเว็บเริ่มโหลด

ความถี่

การตั้งค่านี้ใช้กับแคมเปญแบบ Popup เท่านั้น ภายใต้ FREQUENCY เลือกความถี่ที่ผู้เข้าชมจะเห็น Web popup นี้:

• Once per visitor: ผู้เข้าชมจะเห็น popup สูงสุดหนึ่งครั้งในเบราว์เซอร์นั้น แม้จะเปิดในแท็บใหม่ก็ตาม

หมายเหตุ

Pushwoosh สามารถจดจำผู้เข้าชมคนเดียวกันได้ตราบเท่าที่เบราว์เซอร์ยังคงเก็บข้อมูล Web SDK ไว้ หากผู้เข้าชมล้างข้อมูลเบราว์เซอร์ ใช้เบราว์เซอร์อื่น หรือเปิดเว็บไซต์บนอุปกรณ์อื่น Pushwoosh จะถือว่าเป็นอุปกรณ์ใหม่ ดังนั้น Web popup อาจปรากฏขึ้นอีกครั้ง

• Once per session: ผู้เข้าชมจะเห็น popup หนึ่งครั้งต่อเซสชันการท่องเว็บ หากพวกเขาปิดแท็บและกลับมาก่อนที่เซสชันจะสิ้นสุด popup จะไม่ปรากฏขึ้นอีก
• Every visit: popup จะปรากฏทุกครั้งที่ผู้เข้าชมโหลดหน้าที่ตรงกัน

อุปกรณ์

ใน Device ให้เลือกอุปกรณ์ที่แคมเปญจะปรากฏ: All devices, Desktop หรือ Mobile

สิทธิ์ push

ใน Push permission ให้เลือกผู้เข้าชมที่จะเห็นแคมเปญ โดยขึ้นอยู่กับว่าผู้เข้าชมอนุญาตการแจ้งเตือนแบบ web push ในเบราว์เซอร์นี้หรือไม่:

• All visitors: ทุกคน ไม่ว่าจะมีสิทธิ์ push อย่างไร นี่คือค่าเริ่มต้น
• Not asked yet: ผู้เข้าชมที่เบราว์เซอร์ยังไม่เคยขอสิทธิ์ push ใช้สำหรับข้อความที่เชิญชวนให้สมัครรับการแจ้งเตือน
• Subscribed: ผู้เข้าชมที่อนุญาตการแจ้งเตือนแบบ push
• Blocked: ผู้เข้าชมที่บล็อกการแจ้งเตือนแบบ push เช่น เพื่ออธิบายวิธีอนุญาตอีกครั้งในเบราว์เซอร์
• Push not supported: ผู้เข้าชมที่เบราว์เซอร์ไม่สามารถรับการแจ้งเตือนแบบ web push ได้ ใช้เพื่อเสนอช่องทางอื่น เช่น ฟอร์มอีเมล

ขั้นตอน Review จะแสดงตัวเลือกที่คุณเลือกข้างอุปกรณ์ ในรูปแบบ Push permission: ตามด้วยชื่อตัวเลือก

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

เวอร์ชัน Web SDK สำหรับสิทธิ์ push

การตั้งค่านี้ต้องใช้ Pushwoosh WebSDK เวอร์ชัน 3.103.0 ขึ้นไป หากเว็บไซต์ของคุณโหลดแคมเปญเว็บด้วย WebSDK core เวอร์ชันเก่ากว่า จะแสดงเฉพาะแคมเปญที่ตั้งค่าเป็น All visitors เท่านั้น

แสดงบนหน้าเว็บ

เลือกหน้าที่แคมเปญสามารถปรากฏได้ การตั้งค่านี้จะถูกซ่อนเมื่อใช้ Only via WebSDK call

เวอร์ชัน Web SDK สำหรับกฎของหน้า

การยกเว้นหน้าเว็บ และประเภทการจับคู่แบบ ขึ้นต้นด้วย จะมีผลเฉพาะบนเว็บไซต์ที่ใช้ Pushwoosh WebSDK เวอร์ชันล่าสุดเท่านั้น WebSDK 3.104.1 ขึ้นไปจะจับคู่ path โดยคำนึงถึงตัวพิมพ์เล็ก-ใหญ่ ส่วนเวอร์ชัน 3.102.0 ถึง 3.104.0 จะไม่คำนึงถึง ใน WebSDK เวอร์ชันก่อน 3.102.0 path ที่คุณป้อนจะไม่ตรงกับหน้าที่มีที่อยู่ซึ่งประกอบด้วยช่องว่าง หรือตัวอักษรนอกตัวอักษรภาษาอังกฤษ เช่น é หรือ ñ

ทุกหน้า

แสดงแคมเปญในทุกหน้าของเว็บไซต์ หากไม่ต้องการให้แสดงในบางหน้า ให้เพิ่มข้อยกเว้นได้สูงสุด 10 รายการ:

1. คลิก + Add exclusion
2. ป้อน path ของหน้า
3. เลือกวิธีการจับคู่ path: Exact match หรือ Starts with

หน้าที่ระบุ

แสดงแคมเปญเฉพาะในหน้าที่คุณระบุ คุณสามารถเพิ่มได้สูงสุด 10 หน้า:

1. คลิก + Add page หากต้องการลบแถว ให้คลิก ×
2. ป้อน path ของหน้า
3. เลือกวิธีการจับคู่ path: Exact match หรือ Starts with

คลิก Next เพื่อดำเนินการต่อ

ป้อน path ของหน้า

path จะบอก Pushwoosh ว่ากฎครอบคลุมหน้าใดบ้าง กฎเดียวกันนี้ใช้กับทั้งข้อยกเว้นและหน้าที่ระบุ

สิ่งที่ต้องป้อน

• ป้อน path ตามที่ปรากฏหลังโดเมนของคุณ เช่น /pricing หรือ /blog/intro
• path สามารถมีตัวอักษรของภาษาใดก็ได้ ตัวเลข ช่องว่าง และอักขระ - _ . ~ ! $ & ' ( ) * + , ; = : @ /
• path คำนึงถึงตัวพิมพ์เล็ก-ใหญ่ ดังนั้น /Pricing และ /pricing จึงเป็นคนละหน้ากัน

path ที่บันทึกระหว่างวันที่ 27 ตุลาคมถึง 2 พฤศจิกายน 2026

Pushwoosh บันทึก path ที่ป้อนในช่วงเวลาดังกล่าวเป็นตัวพิมพ์เล็ก ใน WebSDK 3.104.1 ขึ้นไป กฎดังกล่าวจะไม่ครอบคลุมหน้าที่ path มีตัวพิมพ์ใหญ่อีกต่อไป ทั้งแบบ ตรงกันทั้งหมด และ ขึ้นต้นด้วย ให้เปิดแคมเปญแล้วป้อน path อีกครั้งตามตัวพิมพ์เล็ก-ใหญ่ของเว็บไซต์ของคุณ

การวางที่อยู่แบบเต็ม

คุณยังสามารถวางที่อยู่แบบเต็มจากแถบที่อยู่ของเบราว์เซอร์ หรือ path ที่เข้ารหัสไว้ได้ Pushwoosh จะนำโดเมน query string และ fragment ออก จากนั้นบันทึก path ในรูปแบบที่ถอดรหัสแล้วโดยคงตัวพิมพ์เล็ก-ใหญ่ไว้ ตัวอย่างเช่น:

คุณป้อน	Pushwoosh บันทึก
https://example.com/Catalog/?sort=price	/Catalog/
/caf%C3%A9	/café

ประเภทการจับคู่

ประเภทการจับคู่จะกำหนดว่า path ครอบคลุมหน้าใดบ้าง:

ประเภทการจับคู่	หน้าที่ครอบคลุม
ตรงกันทั้งหมด	เฉพาะหน้าที่มี path เหมือนกับที่คุณป้อนเท่านั้น /pricing ไม่ครอบคลุม /pricing/ หรือ /Pricing
ขึ้นต้นด้วย	ทุกหน้าที่มี path ขึ้นต้นด้วยสิ่งที่คุณป้อนโดยใช้ตัวพิมพ์เล็ก-ใหญ่แบบเดียวกัน /blog ครอบคลุม /blog/intro และ /blog-news ด้วย ดังนั้นให้ป้อน /blog/ เพื่อครอบคลุมเฉพาะส่วนบล็อก

ตรวจสอบแคมเปญ

หน้าจอ Review จะสรุป:

• Content: เนื้อหาเว็บที่แนบมา ดู เลือกเนื้อหาเว็บ แคมเปญที่ยังคงเชื่อมโยงกับแบบฟอร์มการสมัครสมาชิกแบบเก่าแทนที่จะเป็นเนื้อหาเว็บ จะแสดงชื่อของแบบฟอร์มนั้นที่นี่แทน
• Audience: All users หรือ Target audience พร้อมชื่อ segment ที่เลือกหรือเงื่อนไขที่กำหนดเอง
• Display settings: อุปกรณ์, หน้าที่แคมเปญจะแสดง (รวมถึงประเภทการจับคู่และข้อยกเว้นใดๆ), ความล่าช้า และความถี่

ใช้ CHANGE OPTIONS ในบล็อกใดก็ได้เพื่อย้อนกลับไปแก้ไขส่วนนั้น

พื้นที่ Preview จะแสดงว่าเนื้อหามีลักษณะอย่างไรใน viewport ตัวอย่าง ใช้ EDIT CONTENT หากคุณต้องการปรับแก้เนื้อหาต้นฉบับ

เมื่อทุกอย่างดูถูกต้องแล้ว คลิก Complete setup

จากนั้นเลือกตัวเลือกจากเมนู:

• Launch campaign… จะเปิดใช้งานแคมเปญหลังจากที่คุณป้อนชื่อแคมเปญและยืนยัน สำหรับแคมเปญแบบ Inline กล่องโต้ตอบ Embed code จะแสดงองค์ประกอบที่ต้องเพิ่มลงในหน้าของคุณต่อจากนั้น คุณสามารถเปิดกล่องโต้ตอบนี้อีกครั้งในภายหลังด้วย Get embed code… ในเมนูของแถวแคมเปญ

  

• Save as draft… จะบันทึกแคมเปญโดยไม่เปิดใช้งาน หากต้องการเปิดใช้งานในภายหลัง ให้ไปที่ Campaigns → Web campaigns เปิดเมนูสามจุดบนแถวของฉบับร่าง แล้วเลือก Activate campaign… หากต้องการเปลี่ยนการตั้งค่าก่อน ให้เลือก Edit campaign… ในเมนูเดียวกัน

หากต้องการค้นหา, กรอง, และจัดการแคมเปญจากรายการ ดูที่ ดูและจัดการแคมเปญ