บล็อก

ข้อมูลอ้างอิงสำหรับทุกบล็อกที่คุณสามารถเพิ่มจากแท็บ Elements ในเนื้อหาเว็บและในฟอร์มเว็บ

วิธีกำหนดค่าบล็อก

1. เปิดแท็บ Elements ทางด้านขวา

2. ลากไทล์ลงบนป๊อปอัป หรือคลิกเพื่อเพิ่มลงในหน้า
   • การคลิกจะแทรกบล็อกด้านล่างส่วนที่เลือกบน canvas
   • หากไม่ได้เลือกอะไรไว้ บล็อกจะไปอยู่ที่ส่วนท้ายของส่วนแรกของหน้า
3. เลือกบล็อกบนป๊อปอัปเพื่อเปิดแท็บ Settings (ถัดจาก Elements) การเพิ่มบล็อกจาก Elements จะเปิด Settings ทันที

หากต้องการย้ายบล็อกไปที่ใดก็ได้บนป๊อปอัป รวมถึงไปยังส่วนอื่น ให้เลือกบล็อกแล้วลากที่จับซึ่งปรากฏทางด้านซ้ายของบล็อกไปวางในช่องว่างใดก็ได้

ใน Settings คุณสามารถ:

• กำหนดค่าตัวเลือกของบล็อกนั้นๆ
• ย้ายขึ้นหรือลงภายในส่วนของบล็อกด้วย POSITION (ลูกศรขึ้นและลง)
• ลบด้วยไอคอนลบ

หมายเหตุ

เมื่อส่วนของป๊อปอัปยังไม่มีองค์ประกอบใดๆ จะแสดงส่วนควบคุม + Text และ + Button ของตัวเองในตำแหน่งนั้น หากต้องการเพิ่ม Icon, Countdown, Topic picker หรือ Rating ที่นั่นแทน:

1. เพิ่มองค์ประกอบโดยใช้ส่วนควบคุม + Text หรือ + Button
2. เลือกองค์ประกอบนั้น
3. เพิ่มบล็อกจากแท็บ Elements บล็อกจะอยู่ในส่วนเดียวกัน ด้านล่างส่วนที่คุณเลือก

บล็อกทั่วไป

บล็อก Text, Button และ Icon ใช้ได้ทั้งในเนื้อหาเว็บและฟอร์มเว็บ

Text

คลิกที่ข้อความหรือป้ายกำกับปุ่มใดๆ บนป๊อปอัปเพื่อแก้ไขในบรรทัด แถบเครื่องมือจะปรากฏขึ้นด้านบน:

• ใช้การจัดรูปแบบตัวหนา ตัวเอียง หรือขีดเส้นใต้
• เพิ่มหรือลบลิงก์
• ตั้งค่าการจัดตำแหน่งชิดซ้าย กึ่งกลาง หรือชิดขวา

หากต้องการเปลี่ยนสไตล์ข้อความ:

1. เลือกข้อความแล้วเปิดแท็บ Settings ทางด้านขวา

2. เลือกสไตล์:

   • Icon: สไตล์ข้อความ ไม่ใช่บล็อก Icon
   • Eyebrow
   • Heading 1–3
   • Body
   • Caption
   

Button

คลิกที่ปุ่มเพื่อเลือก จากนั้นเปิดแท็บ Settings ทางด้านขวา:

• Button style: Primary หรือ Secondary
• Action:
  • Open a link: ป้อน Link URL New tab จะเปิดอยู่ตามค่าเริ่มต้น ล้างช่องทำเครื่องหมายเพื่อเปิดลิงก์ในแท็บเดียวกันแทน
  • Close the popup
  • Subscribe: ขออนุญาต web push และสมัครสมาชิกให้ผู้เข้าชม การกระทำนี้มีเฉพาะในเนื้อหาเว็บเท่านั้น ปุ่มในฟอร์มเว็บมีอีกสามการกระทำที่เหลือ นี่ไม่ใช่บล็อก Subscription form สำหรับอีเมล คำขอที่ได้รับอนุญาตจะปิดป๊อปอัป คำขอที่ถูกปฏิเสธจะปิดใช้งานปุ่ม เนื่องจากเบราว์เซอร์จะไม่ถามซ้ำเป็นครั้งที่สอง
  • Go to page: เลือกหน้าอื่นของป๊อปอัปเพื่อสลับไป ตัวเลือกนี้จะปรากฏขึ้นเมื่อป๊อปอัปมีมากกว่าหนึ่งหน้า ดูหลายหน้า

ใช้ POSITION เพื่อย้ายปุ่มขึ้นหรือลง หรือใช้ไอคอนลบเพื่อลบปุ่มออก

Icon

เพิ่มบล็อก Icon เพื่อวางรูปสัญลักษณ์ขนาดเล็ก (เช่น เครื่องหมายเปอร์เซ็นต์สำหรับการลดราคา หรือของขวัญสำหรับการแจกของรางวัล) ถัดจากข้อความของคุณ นี่คือบล็อก Icon ไม่ใช่สไตล์ข้อความ Icon ภายใต้ Text

1. เปิดแท็บ Elements ทางด้านขวา
2. คลิก Icon
3. ตั้งค่าตัวเลือกในแท็บ Settings:

• Icon: เลือกจากชุดไอคอนคงที่ 20 ไอคอน (bell, gift, cart, chart, lock, calendar, check, star, clock, tag, mail, phone, download, play, shield, sparkle, percent, truck, ticket, user) ไม่รองรับการอัปโหลดไอคอนของคุณเอง
• Size: 24, 32 หรือ 48 px
• Accent: เปิดอยู่ตามค่าเริ่มต้น ไอคอนจึงมีสีตรงกับสีเน้นของป๊อปอัป ปิดเพื่อเลือกสีที่กำหนดเอง

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

บล็อก Countdown, Topic picker และ Rating มีเฉพาะในเนื้อหาเว็บเท่านั้น ฟอร์มเว็บไม่มีบล็อกเหล่านี้ เทมเพลตบางรายการในแกลเลอรีเทมเพลตเนื้อหาเว็บมีบล็อกเหล่านี้อยู่แล้ว คุณไม่สามารถเพิ่มบล็อก Subscription form ลงในเนื้อหาใหม่ได้ แต่เนื้อหาเว็บที่มีบล็อกนี้อยู่แล้วยังคงแก้ไขบล็อกได้ ดู Subscription form

Countdown

เพิ่มบล็อก Countdown เพื่อสร้างความเร่งด่วนด้วยเส้นตายที่นับถอยหลังแบบสดบนป๊อปอัป

1. เปิดแท็บ Elements ทางด้านขวา
2. คลิก Countdown
3. ตั้งค่าตัวเลือกในแท็บ Settings:

• Deadline: วันที่และเวลาที่การนับถอยหลังถึงศูนย์
• Time zone: โซนเวลาที่ใช้อ่านเส้นตาย ไม่ใช่โซนเวลาของผู้เข้าชมเอง ค่าเริ่มต้นคือโซนเวลาของเบราว์เซอร์ของคุณ เลือก UTC จากรายการเพื่ออ่านเส้นตายตามค่าที่ระบุตรงตัวแทน
• Language: ภาษาของป้ายกำกับหน่วย (วัน ชั่วโมง และอื่นๆ) ปล่อยไว้ที่ English (default) หรือเลือกจากภาษาอื่นอีก 14 ภาษา
• Labels: เปิดเพื่อแสดงป้ายกำกับหน่วยถัดจากตัวเลข
• When the deadline passes:
  • Show zeros: การนับถอยหลังจะยังคงแสดง 00:00:00
  • Do not show the popup: ป๊อปอัปทั้งหมดจะถูกข้ามเมื่อเส้นตายผ่านไปแล้ว Pushwoosh จะตรวจสอบเส้นตายก่อนที่ป๊อปอัปจะปรากฏขึ้น ป๊อปอัปที่ถูกข้ามด้วยวิธีนี้จะไม่นับรวมในความถี่ Once per visitor
  • Go to page: ข้ามไปยังหน้าอื่นของป๊อปอัปเมื่อเส้นตายผ่านไป มีให้เลือกเฉพาะเมื่อป๊อปอัปมีมากกว่าหนึ่งหน้า เลือกหน้าเป้าหมายจากเมนูดร็อปดาวน์ที่ปรากฏขึ้น ดูหลายหน้า

Topic picker

เพิ่มบล็อก Topic picker เพื่อให้ผู้เข้าชมเลือกความสนใจด้วยตนเองในรูปแบบช่องทำเครื่องหมายหรือชิป สิ่งที่ผู้เข้าชมเลือกจะถูกเขียนลงในแท็กบนอุปกรณ์ของผู้เข้าชม

1. เปิดแท็บ Elements ทางด้านขวา
2. คลิก Topic picker บล็อกจะปรากฏขึ้นพร้อมตัวเลือกตัวยึดตำแหน่งสองรายการ การตั้งค่าของบล็อกจะเปิดขึ้นในแท็บ Settings

3. ใน List tag the choice is written to ให้เลือกแท็กประเภท List ที่มีอยู่ หรือเลือก Create a list tag เพื่อสร้างแท็กใหม่โดยไม่ต้องออกจากเครื่องมือแก้ไข บล็อกจะไม่เขียนข้อมูลใดๆ จนกว่าคุณจะเลือกแท็ก

4. ตั้งค่า Control เป็น Checkboxes หรือ Chips

5. ตั้งค่า Minimum picks และ Maximum picks ค่า 0 ที่ด้านใดด้านหนึ่งหมายถึงไม่มีขีดจำกัดด้านนั้น (0 = any ในป้ายกำกับช่อง) ต้องเลือกอย่างน้อยหนึ่งรายการเสมอจึงจะส่งได้ แม้ว่า Minimum จะเป็น 0 การเลือกเกินค่าสูงสุดหรือพยายามส่งโดยเลือกน้อยกว่าค่าต่ำสุดจะแสดงข้อความในบรรทัดถัดจากบล็อกแทนการส่งข้อมูล

   

6. ภายใต้ Options and copy ให้แก้ไขป้ายกำกับของแต่ละตัวเลือก (สิ่งที่ผู้เข้าชมอ่าน) และ Tag value (สิ่งที่เขียนลงในแท็ก) หากคุณปล่อย Tag value ว่างไว้ Pushwoosh จะเขียน ID ภายในของตัวเลือกแทน (option-1, option-2 และอื่นๆ) ใช้ + Option เพื่อเพิ่มแถว ได้สูงสุดรวม 12 ตัวเลือก

   

7. ตั้งค่า Button label (ค่าเริ่มต้น Save) และ Message after sending (ค่าเริ่มต้น Thanks! Your choice is saved.)

   

การเลือกจะเพิ่มค่าเท่านั้น ไม่ลบค่า

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

Rating

เพิ่มบล็อก Rating เพื่อรวบรวมคะแนนอย่างรวดเร็ว (NPS ดาว หรือนิ้วโป้ง) เป็น custom event

1. เปิดแท็บ Elements ทางด้านขวา
2. คลิก Rating บล็อกจะปรากฏขึ้นโดยยังไม่มีการตั้งค่า event การตั้งค่าของบล็อกจะเปิดขึ้นในแท็บ Settings

3. ตั้งค่า Scale เป็น NPS 0–10, Stars (1 ถึง 5) หรือ Thumbs (ขึ้นหรือลง) ในทั้งสามแบบ คะแนนที่สูงขึ้นหมายถึงการให้คะแนนที่เป็นบวกมากขึ้น Thumbs จะส่ง 1 สำหรับนิ้วโป้งขึ้น และ 0 สำหรับนิ้วโป้งลง
4. ตั้งค่า When the score is sent เป็น On tap (ส่งเมื่อผู้เข้าชมเลือกค่า) หรือ With a button (รอการคลิกส่ง)
5. ใน Event the score is sent as ให้เลือก event จากโปรเจกต์ของคุณ หรือเลือก Create an event เพื่อกำหนด event ใหม่โดยไม่ต้องออกจากป๊อปอัป คะแนนจะถูกเก็บเป็น event นั้น (แอตทริบิวต์ score, scale และ slotKey) ใช้ event นี้ในเซกเมนต์หรือ Customer Journey ได้เช่นเดียวกับ event อื่นๆ บล็อกจะไม่ส่งข้อมูลใดๆ จนกว่าคุณจะเลือก event
6. กรอก Left label และ Right label ที่ปลายทั้งสองของมาตราส่วนได้ตามต้องการ
7. หาก When the score is sent เป็น With a button ให้ตั้งค่า Button label (ค่าเริ่มต้น Send rating)

การสร้าง event ที่นี่เป็นการสร้างถาวร

• event ที่คุณสร้างจากเมนูนี้เป็น event จริงในโปรเจกต์ของคุณ ไม่ใช่ฉบับร่าง หากต้องการลบในภายหลัง ต้องไปที่รายการ event ของโปรเจกต์ ไม่ใช่แค่เปลี่ยนป๊อปอัป
• หาก event ที่ผูกกับบล็อกถูกเปลี่ยนชื่อหรือลบในภายหลังจากที่อื่น หรือถูกพิมพ์ลงในช่องนี้ก่อนที่ช่องจะกลายเป็นตัวเลือก ตัวเลือกจะแสดง Missing: <event name> โดยจะไม่ทิ้งหรือสลับ event อย่างเงียบๆ เลือก event อื่นเพื่อแก้ไขการผูก

Subscription form

บล็อก Subscription form เชื่อมโยงป๊อปอัปกับแบบฟอร์มการสมัครสมาชิกจาก Audience → Subscription forms

• บล็อกนี้ไม่มีให้เลือกใน Elements คุณจึงแก้ไขได้เฉพาะในเนื้อหาเว็บที่มีบล็อกนี้อยู่แล้วเท่านั้น
• หากต้องการรวบรวมอีเมลและช่องข้อมูลอื่นๆ ในเนื้อหาใหม่ ให้สร้างฟอร์มเว็บแทน
• สำหรับการขออนุญาต web push ให้ใช้ปุ่มที่มีการกระทำ Subscribe

หากต้องการแก้ไขบล็อก ให้เลือกบล็อกบนป๊อปอัป การตั้งค่าของบล็อกจะเปิดขึ้นในแท็บ Settings

เลือกแหล่งที่มาของแบบฟอร์ม

เมื่อเลือกบล็อกแล้ว แท็บ Settings จะแสดงเมนูดร็อปดาวน์ Subscription form ที่เชื่อมโยงบล็อกกับแบบฟอร์มการสมัครสมาชิกในโปรเจกต์ของคุณ คุณสามารถสร้างแบบฟอร์มใหม่หรือเลือกแบบฟอร์มที่มีอยู่แล้ว:

ตัวเลือก	ควรใช้เมื่อ
New form — created on save (ค่าเริ่มต้น)	เริ่มต้นได้เร็วที่สุด: Pushwoosh จะสร้างแบบฟอร์มให้คุณเมื่อคุณบันทึกป๊อปอัป โดยตั้งชื่อว่า “ชื่อป๊อปอัป — web popup”
+ Create new form…	คุณต้องการตั้งชื่อแบบฟอร์มและตั้งค่าก่อนบันทึกป๊อปอัป จะเปิดกล่องโต้ตอบ New subscription form ป้อน Name ตั้งค่า Fields ข้อความ Submit และ Privacy จากนั้นคลิก Create
แบบฟอร์มที่มีอยู่จากเมนูดร็อปดาวน์	ใช้แบบฟอร์มที่มีผู้สมัครสมาชิกอยู่แล้วหรือกำหนดค่า double opt-in ไว้แล้วซ้ำอีกครั้ง

สำคัญ

หากคุณเลือกแบบฟอร์มที่มีอยู่แล้วจากเมนูดร็อปดาวน์ การบันทึกป๊อปอัปนี้จะอัปเดตแบบฟอร์มการสมัครสมาชิกนั้นสำหรับทั้งโปรเจกต์ ช่อง ข้อความปุ่มส่ง และข้อความแสดงความสำเร็จที่คุณตั้งค่าในบล็อกนี้จะแทนที่สิ่งที่แบบฟอร์มนั้นมีอยู่ก่อนหน้า ซึ่งรวมถึงแบบฟอร์มที่ฝังอยู่บนเว็บไซต์ของคุณและแบบฟอร์มใน Audience → Subscription forms

Web popup อื่นๆ ที่ใช้แบบฟอร์มเดียวกันจะไม่ได้รับการอัปเดต แต่ละป๊อปอัปจะเก็บสำเนาช่องและข้อความของบล็อกไว้เองจนกว่าคุณจะเปิดป๊อปอัปนั้นอีกครั้งและบันทึกอีกครั้ง

ตั้งค่าช่องและพฤติกรรมการส่ง

ยังคงอยู่ในแท็บ Settings:

1. ตั้งค่า Submit button style:
   • Primary: ปุ่มทึบในสี Accent ของป๊อปอัป เหมาะที่สุดเมื่อ Subscribe เป็นการกระทำหลักบนหน้า
   • Secondary: ปุ่มแบบมีเส้นขอบพร้อมป้ายกำกับสีเน้น เหมาะที่สุดเมื่อป๊อปอัปมีปุ่มหลักอยู่แล้วหรือคุณต้องการรูปลักษณ์ที่เบาลง
2. เปิด Privacy เพื่อเพิ่มบรรทัดยินยอมด้านความเป็นส่วนตัวใต้แบบฟอร์ม จากนั้นป้อน URL นโยบายความเป็นส่วนตัวของคุณในช่องที่ปรากฏขึ้น

3. ภายใต้ Fields ให้คง Email ไว้ (จำเป็นเสมอ) และเพิ่ม First name, Last name, Phone หรือ Custom
   • สำหรับช่อง Custom ให้เลือกแท็กที่ค่าของช่องจะถูกส่งไปจากเมนูดร็อปดาวน์ Pick a tag… หรือเลือก Create a tag เพื่อสร้างแท็กสตริงใหม่โดยไม่ต้องออกจากเครื่องมือแก้ไข
   • ตั้งค่าข้อความ Success และ Confirm email ที่แสดงหลังจากผู้เข้าชมส่งแบบฟอร์ม

บล็อกของฟอร์มเว็บ

บล็อก Email input, Tag input, Consent และ Submit มีเฉพาะในฟอร์มเว็บเท่านั้น ดูวิธีการทำงานของฟอร์มและวิธีบันทึกฟอร์มได้ที่ฟอร์มเว็บ

หมายเหตุ

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

Email input

ช่องที่ผู้เข้าชมป้อนที่อยู่อีเมล ช่องนี้จำเป็นต้องกรอกเสมอ

1. ตั้งค่า Label และ Placeholder: คำบรรยายช่องและคำแนะนำภายในช่องว่าง ค่าเริ่มต้นคือ Email และ you@example.com

2. แก้ไข Invalid email text ซึ่งแสดงเมื่อที่อยู่อีเมลมีรูปแบบไม่ถูกต้องหรือ Pushwoosh ปฏิเสธ ค่าเริ่มต้นคือ Enter a valid email

3. แก้ไข Required field text ซึ่งแสดงเมื่อช่องว่างอยู่ ค่าเริ่มต้นคือ Required

   

ฟอร์มที่มี Email input ต้องมีบล็อก Consent พร้อม URL นโยบายความเป็นส่วนตัวด้วย

Tag input

ช่องข้อความที่คำตอบจะถูกบันทึกลงในแท็กบนอุปกรณ์ของผู้เข้าชม เครื่องมือแก้ไขฟอร์มไม่สามารถสร้างแท็กได้ ดังนั้นให้สร้างแท็กใน Audience → Tags ก่อนเพิ่มช่องนี้

1. ใน Tag ให้เลือกแท็กที่มีอยู่ รายการจะแสดงเฉพาะแท็กประเภท String และคุณสามารถพิมพ์เพื่อค้นหาได้ แต่ละแท็กใช้ได้ในช่องเดียวของฟอร์ม

2. ตั้งค่า Label และ Placeholder

3. เลือก Required หากผู้เข้าชมต้องกรอกช่องนี้ และแก้ไข Required field text หากจำเป็น

   

ฟอร์มไม่สามารถเขียนแท็กที่ชื่อขึ้นต้นด้วย PW_FF_ ได้

Consent

ช่องทำเครื่องหมายพร้อมลิงก์ไปยังนโยบายความเป็นส่วนตัวของคุณ เมื่อฟอร์มมีช่องทำเครื่องหมายยินยอมหลายช่อง ผู้เข้าชมต้องเลือกทุกช่องจึงจะส่งได้

1. ตั้งค่า Checkbox text และ Link text: ข้อความก่อนลิงก์และตัวลิงก์ ค่าเริ่มต้นคือ I agree to the และ privacy policy

2. ใน Privacy policy URL ให้ป้อนหน้าที่ลิงก์จะเปิด: ที่อยู่ https:// แบบเต็ม หรือพาธบนเว็บไซต์ของคุณที่ขึ้นต้นด้วย /

   

3. แก้ไข Consent required text ซึ่งแสดงเมื่อผู้เข้าชมส่งฟอร์มโดยไม่ได้เลือกช่องทำเครื่องหมาย ค่าเริ่มต้นคือ Please accept the privacy policy

Submit

ปุ่มที่ใช้ส่งฟอร์ม

1. ใน Button style ให้เลือก Primary หรือ Secondary

2. แก้ไข Button text ค่าเริ่มต้นคือ Submit

3. แก้ไข Submit error text ซึ่งแสดงเมื่อการส่งล้มเหลว เช่น เนื่องจากข้อผิดพลาดของเครือข่าย ผู้เข้าชมสามารถส่งอีกครั้งได้ ค่าเริ่มต้นคือ Something went wrong. Please try again.