เนื้อหาป๊อปอัปบนเว็บ

เนื้อหาป๊อปอัปบนเว็บ คือเลย์เอาต์ภาพที่ผู้เข้าชมเห็นเมื่อป๊อปอัปบนเว็บปรากฏบนเว็บไซต์ของคุณ สร้างได้ในส่วน Content จากนั้นแนบเข้ากับ แคมเปญป๊อปอัปบนเว็บ

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

ไปที่ Content → Web popup content
คลิก Create web popup content
เลือกเทมเพลตเริ่มต้นจากแกลเลอรี ใช้เมนูแบบเลื่อนลงของหมวดหมู่ที่มุมขวาบนเพื่อกรองตามกรณีการใช้งาน (เช่น Promotions & offers หรือ Gaming & marketplaces) หรือปล่อยไว้ที่ All templates

เมื่อคุณเลือกเทมเพลตแล้ว ให้ปรับแต่งป๊อปอัปในเครื่องมือแก้ไข

ตั้งชื่อป๊อปอัป

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

แก้ไขการตั้งค่าป๊อปอัป

ปรับลักษณะที่ปรากฏและตำแหน่งของป๊อปอัปในแผงการตั้งค่าทางด้านซ้ายของผืนผ้าใบ:

รูปภาพ

หากเลย์เอาต์มีรูปภาพหนึ่งรูปหรือมากกว่า แต่ละรูปจะมีบล็อกของตัวเองที่ด้านบนของแผงพร้อมตัวอย่างและตัวควบคุม

คลิก Change image เพื่อเลือกไฟล์จาก คลังสื่อ ของโปรเจกต์ของคุณ

ด้านล่างตัวอย่าง:

Fit: วิธีที่รูปภาพเติมเต็มกรอบ: Natural, Cover, หรือ Contain ไม่แสดงสำหรับภาพพื้นหลังซึ่งจะครอบคลุมพื้นที่ของมันเสมอ
Blur: ทำให้ภาพนุ่มนวลขึ้น จาก 0 ถึง 20 px
Dim: สำหรับภาพพื้นหลังเท่านั้น เพิ่มฉากมืดทับภาพถ่ายเพื่อให้ข้อความที่วางทับยังคงอ่านได้ จาก 0 ถึง 100%

บางเลย์เอาต์ยังเพิ่มส่วน Layout พร้อมการตั้งค่าการวางตำแหน่งรูปภาพ:

Image width: ส่วนแบ่งของความกว้างป๊อปอัป เป็นเปอร์เซ็นต์
Image position: Left หรือ Right สำหรับเลย์เอาต์ที่มีรูปภาพอยู่ข้างข้อความ

ส่วน Layout จะปรากฏขึ้นเมื่อเลย์เอาต์ปัจจุบันมีการตั้งค่าเช่นนี้เท่านั้น ในเลย์เอาต์แถบด้านล่าง จะมี Buttons width แทนการควบคุมรูปภาพ

ขนาดและสไตล์ของป๊อปอัป

ในส่วน Popup:

Width, Height (empty = auto): ปล่อยว่างทั้งสองช่องเพื่อให้ป๊อปอัปปรับขนาดตามเนื้อหา หรือตั้งค่าขนาดคงที่เป็นพิกเซล ในป๊อปอัปที่มีหลายหน้า แต่ละหน้าจะมีขนาดของตัวเอง
Corner radius, Shadow: การปัดมุมและเงาของป๊อปอัป
Animation: วิธีที่ป๊อปอัปปรากฏ: None, Fade, หรือ Slide

สี

คลิก Colors เพื่อขยายจานสีของป๊อปอัป:

Background, Accent (buttons): พื้นหลังของป๊อปอัปและสีเน้นที่ใช้กับปุ่ม
Text, Secondary text: สีของข้อความเนื้อหาและข้อความรอง เช่น คำบรรยายและข้อความนำ
Text over image: แสดงเฉพาะสำหรับเลย์เอาต์ที่มีข้อความทับภาพพื้นหลัง ตั้งค่าสีที่ใช้สำหรับข้อความนั้น

การวางตำแหน่งและโอเวอร์เลย์

ในส่วน PLACEMENT:

Position: เลือกตำแหน่งที่ป๊อปอัปจะยึดบนหน้าโดยใช้ตาราง 3×3
Edge offset: ตั้งค่าระยะห่างเป็นพิกเซลจากขอบที่เลือก

ในส่วน OVERLAY:

Dim the page behind: เปิดเพื่อทำให้ส่วนที่เหลือของหน้ามืดลงขณะที่ป๊อปอัปแสดงอยู่
Color, Opacity: ตั้งค่าสีและความทึบของโอเวอร์เลย์จาก 0 ถึง 1

แก้ไขข้อความ

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

ใช้การจัดรูปแบบ ตัวหนา, ตัวเอียง, หรือขีดเส้นใต้
เพิ่มหรือลบลิงก์
ตั้งค่าการจัดตำแหน่งชิดซ้าย กึ่งกลาง หรือชิดขวา
เลือกสไตล์ข้อความ: Icon, Eyebrow, Heading 1–3, Body, หรือ Caption

แก้ไขปุ่ม

คลิกที่ปุ่มเพื่อเปิดแถบเครื่องมือ:

เลือกสไตล์ปุ่ม: Primary หรือ Secondary
เลือกสิ่งที่ปุ่มจะทำ:
- Open a link: ป้อน URL เป้าหมาย
- Close the popup
- Go to page: เลือกหน้าอื่นของป๊อปอัปเพื่อสลับไป ตัวเลือกนี้จะปรากฏขึ้นเมื่อป๊อปอัปมีมากกว่าหนึ่งหน้า ดู ทำงานกับหลายหน้า

เมื่อเลือกบล็อกข้อความ ปุ่ม หรือแบบฟอร์มการสมัครสมาชิก ให้คลิก Add บนแถบเครื่องมือและเลือก Text, Button, หรือ Subscription form เพื่อแทรกบล็อกนั้นด้านล่าง ใช้ลูกศรขึ้นและลงเพื่อย้ายบนหน้า และไอคอนลบเพื่อลบออก องค์ประกอบสุดท้ายที่เหลืออยู่ของหน้าไม่สามารถลบได้

เมื่อส่วนของป๊อปอัปไม่มีองค์ประกอบ จะแสดงปุ่ม + Text, + Button, และ + Form — คลิกหนึ่งปุ่มเพื่อเพิ่มประเภทบล็อกนั้นที่นั่น

เพิ่มแบบฟอร์มการสมัครสมาชิก

เพิ่มบล็อก Subscription form เพื่อรวบรวมการสมัครอีเมลและฟิลด์อื่นๆ โดยตรงในป๊อปอัป เรียนรู้เพิ่มเติมเกี่ยวกับแบบฟอร์มการสมัครสมาชิก

เพิ่มบล็อก

เลือกบล็อกข้อความ ปุ่ม หรือองค์ประกอบอื่นๆ บนผืนผ้าใบ
คลิก Add บนแถบเครื่องมือ
เลือก Subscription form บล็อกจะปรากฏขึ้นทันทีพร้อมฟิลด์ Email และปุ่ม Subscribe ที่เป็นค่าเริ่มต้น

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

คลิกบล็อกแบบฟอร์มการสมัครสมาชิกเพื่อเปิดแถบเครื่องมือ 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

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

ตั้งค่าฟิลด์และพฤติกรรมการส่ง

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

คลิก Fields… เพื่อเปิดป๊อปโอเวอร์ที่คุณสามารถเก็บ Email (จำเป็นเสมอ) และเพิ่ม First name, Last name, Phone, หรือ Custom และตั้งค่าข้อความ Success และ Confirm email ที่แสดงหลังจากผู้เข้าชมส่ง

ทำงานกับหลายหน้า

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

เพิ่มหน้า

คลิก + Add page เพื่อเปิดเมนูเพิ่มหน้า:

Duplicate current page: คัดลอกหน้าที่ใช้งานอยู่ รวมถึงการแก้ไขใดๆ ที่คุณทำ เป็นหน้าใหม่
เลือกหนึ่งในเลย์เอาต์หน้าเดียวเพื่อเพิ่มหน้าใหม่พร้อมเนื้อหาตัวอย่างของเลย์เอาต์นั้น หน้าใหม่จะเป็นอิสระจากหน้าอื่นๆ ดังนั้นจึงสามารถใช้เลย์เอาต์ที่แตกต่างกันได้

แต่ละแท็บคือหนึ่งหน้า คลิกที่แท็บเพื่อสลับไป

ตั้งค่าหน้าเริ่มต้น

แท็บที่มีเครื่องหมาย ★ คือ start page ซึ่งเป็นหน้าที่ผู้เข้าชมเห็นเป็นหน้าแรก หากต้องการเปลี่ยน ให้เปิดแท็บอื่นแล้วคลิก ☆ บนแท็บนั้น

ลบหน้า

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

บันทึกเนื้อหา

ตรวจสอบเนื้อหา รูปภาพ และการกระทำของปุ่ม เมื่อคุณทำเสร็จแล้ว คลิก Save ที่แถบด้านบน

ใช้เนื้อหาในแคมเปญ

หลังจากที่คุณบันทึก เนื้อหาจะปรากฏใน Content → Web popup content เปิดจากรายการเพื่อแก้ไขต่อ

หากต้องการแสดงบนไซต์ ให้ไปที่ Campaigns → Web popups สร้างหรือแก้ไขแคมเปญ และเลือกเนื้อหานี้ในขั้นตอน Content

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