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

สร้างและฝังแบบฟอร์มการสมัครสมาชิก

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

วิธีสร้างแบบฟอร์ม

Anchor link to

ในการสร้างแบบฟอร์มการสมัครสมาชิกใหม่:

  1. ไปที่ Audience → Subscription forms
  2. คลิก Create form
หน้าแบบฟอร์มการสมัครสมาชิกพร้อมการ์ด Double Opt-In และ Subscription forms, ลิงก์ How to use, และปุ่ม Create form
  1. กำหนดค่าแบบฟอร์ม ตัวอย่างแบบสดจะปรากฏทางด้านขวาและอัปเดตเมื่อคุณเปลี่ยนการตั้งค่า

กำหนดค่าการตั้งค่าทั่วไป

Anchor link to

กำหนดค่าฟิลด์ต่อไปนี้

ฟิลด์ทั้งหมดในส่วนนี้จำเป็นต้องกรอก

  • Internal form name: ใช้ภายใน Pushwoosh เท่านั้น, ไม่แสดงให้ผู้สมัครสมาชิกเห็น ตัวอย่าง: “Newsletter signup”
  • Display type: เลือกวิธีที่แบบฟอร์มจะปรากฏบนเว็บไซต์ของคุณ:
    • Modal popup: ป๊อปอัปโอเวอร์เลย์ที่ปรากฏทับหน้าเว็บเมื่อ Trigger ที่คุณตั้งค่าทำงาน, ตัวอย่างเช่น Immediately หรือหลังจากไม่กี่วินาที (ดู ตั้งเวลาป๊อปอัปโมดอล) เหมาะสำหรับการสมัครรับจดหมายข่าวหรือข้อเสนอโปรโมชั่นที่คุณต้องการให้ผู้เยี่ยมชมสังเกตเห็น
    • Embedded inline: แบบฟอร์มจะอยู่ภายในเนื้อหาของหน้าเว็บของคุณ (เช่น ในแถบด้านข้างหรือที่ด้านล่างของบทความ) ผู้เยี่ยมชมจะเห็นเป็นส่วนหนึ่งของเลย์เอาต์หน้าเว็บ, ไม่ใช่ป๊อปอัปแยกต่างหาก
  • Privacy policy URL: แบบฟอร์มจะแสดงช่องทำเครื่องหมายยินยอม (“I agree to the Privacy Policy”) ซึ่งลิงก์ไปยัง URL นี้ ตัวอย่าง: https://example.com/policy
อินเทอร์เฟซสร้างแบบฟอร์มการสมัครสมาชิกพร้อม Internal form name, Display type, Privacy policy URL, และการกำหนดค่าฟิลด์แบบฟอร์ม

ตั้งเวลาป๊อปอัปโมดอล

Anchor link to

สำหรับ Modal popup เท่านั้น:

  1. กำหนดว่าป๊อปอัปจะปรากฏบนหน้าเว็บเมื่อใด ในเมนู Trigger เลือก:
  • Immediately (ค่าเริ่มต้น)
  • After 3 seconds
  • After 5 seconds
  • After 10 seconds
  1. ในเมนู Frequency เลือกความถี่ที่ผู้เยี่ยมชมแต่ละคนจะเห็นป๊อปอัป:
  • Once per visitor (ค่าเริ่มต้น): หนึ่งครั้งต่ออุปกรณ์
  • Once per session: หนึ่งครั้งต่อเซสชันเบราว์เซอร์
  • Always: ทุกครั้งที่เข้าชมหน้าเว็บ
สร้างแบบฟอร์มการสมัครสมาชิกด้วยประเภทการแสดงผล Modal popup, เมนู Trigger และ Frequency, และปุ่ม Add field

กำหนดค่าฟิลด์แบบฟอร์ม

Anchor link to

แต่ละแบบฟอร์มจะมีฟิลด์ Email เป็นค่าเริ่มต้น (ไม่สามารถลบออกได้) คุณสามารถเพิ่มฟิลด์ได้อีกสูงสุดสี่ฟิลด์, รวมเป็นห้าฟิลด์

คลิก + First name, + Last name, + Phone number, หรือ + Custom field เพื่อเพิ่มฟิลด์

สำหรับแต่ละฟิลด์, เลือก Required หากผู้เยี่ยมชมต้องกรอกข้อมูล (ฟิลด์ที่จำเป็นจะแสดงเครื่องหมายดอกจัน *) ใช้ไอคอนถังขยะเพื่อลบฟิลด์

รายการฟิลด์แบบฟอร์มพร้อม Email, First name, Phone number, Last name, City และการกำหนดค่าฟิลด์สำหรับฟิลด์ที่เลือก

สร้างฟิลด์ที่กำหนดเอง

Anchor link to
  1. คลิก + Custom field ในรายการฟิลด์
  2. ภายใต้ Linked tag, เลือกแท็ก Pushwoosh ที่จะจัดเก็บค่าที่ส่งมาจากฟิลด์นี้ (ตัวอย่างเช่น birthday) คุณต้องสร้างแท็กไว้ล่วงหน้า
  3. ตั้งค่า Field label: ข้อความที่ผู้เยี่ยมชมเห็นถัดจากช่องป้อนข้อมูล (ตัวอย่างเช่น Date of birth)
  4. ตั้งค่า Placeholder (optional) (ไม่บังคับ): ข้อความแนะนำภายในฟิลด์ที่ว่างเปล่า (ตัวอย่างเช่น MM/DD/YYYY)
  5. เปิดหรือปิด Required
การกำหนดค่าฟิลด์ที่กำหนดเองพร้อม Linked tag, Field label, Placeholder, และช่องทำเครื่องหมาย Required

ดูตัวอย่างและบันทึกแบบฟอร์ม

Anchor link to

ตัวอย่างแบบสดจะปรากฏทางด้านขวาของอินเทอร์เฟซ Create Subscription form และอัปเดตเมื่อคุณเปลี่ยนการตั้งค่า ใช้ Reset preview ด้านล่างตัวอย่างเพื่อคืนค่าตัวอย่างเริ่มต้น

สร้างแบบฟอร์มการสมัครสมาชิกพร้อมตัวอย่างสดทางด้านขวา, Reset preview, และปุ่ม Create ที่มุมขวาบน

เมื่อคุณกำหนดค่าแบบฟอร์มเสร็จแล้ว, คลิก Create ที่มุมขวาบน

คัดลอกโค้ดฝังและเพิ่มลงในเว็บไซต์ของคุณ

Anchor link to

กล่องโต้ตอบจะเปิดขึ้นพร้อมโค้ดฝังสำหรับแบบฟอร์มของคุณ คลิก Copy code เพื่อคัดลอกส่วนย่อยไปยังคลิปบอร์ด

กล่องโต้ตอบโค้ดแบบฟอร์มโมดอลพร้อมส่วนย่อยสคริปต์, คำแนะนำให้วางก่อนแท็กปิด body, และปุ่ม Copy code

ตำแหน่งที่จะวางโค้ดฝังบนเว็บไซต์ของคุณ

Anchor link to

เพิ่มสคริปต์ลงใน HTML ของหน้าที่ควรจะทำงาน

  • สำหรับ Modal popup, การวางสคริปต์ก่อนแท็กปิด </body> เป็นวิธีปกติ

  • สำหรับ Embedded inline, วางส่วนย่อยในตำแหน่งที่แน่นอนในมาร์กอัปของคุณที่คุณต้องการให้บล็อกแบบฟอร์มปรากฏ

รูปแบบการแสดงผลต่างๆ บนเว็บไซต์ของคุณ

Anchor link to

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

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

ขั้นตอนต่อไป

Anchor link to