วิธีสร้างแบบฟอร์มด้วยแถบเลื่อนช่วงตัวเลข

เผยแพร่แล้ว: 2020-04-29

กำลังมองหาวิธีเพิ่มแถบเลื่อนช่วงตัวเลขในแบบฟอร์มของคุณบน WordPress อย่างง่ายดายหรือไม่?

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

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

คลิกที่นี่เพื่อสร้างแบบฟอร์มแถบเลื่อนช่วงตัวเลขของคุณตอนนี้

นี่คือสารบัญที่จะช่วยคุณสำรวจบทช่วยสอนนี้:

  1. สร้างแบบฟอร์มอย่างง่าย
  2. เพิ่มแถบเลื่อนช่วงตัวเลข
  3. กำหนดการตั้งค่าแบบฟอร์มของคุณ
  4. กำหนดค่าการแจ้งเตือนแบบฟอร์มของคุณ
  5. ปรับแต่งการยืนยันแบบฟอร์มของคุณ
  6. เพิ่มแบบฟอร์มแถบเลื่อนช่วงตัวเลขของคุณลงในไซต์ของคุณ

เหตุใดจึงต้องใช้แถบเลื่อนช่วงตัวเลข

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

WPForms เป็นปลั๊กอิน WordPress Form Builder ที่ดีที่สุด รับฟรี!
  • รายละเอียดเพิ่มเติม — รับข้อมูลเพิ่มเติมจากผู้ที่กรอกแบบฟอร์มของคุณอย่างง่ายดาย เนื่องจากมันให้ความรู้สึกแบบโต้ตอบได้ ผู้เยี่ยมชมของคุณจึงมีแนวโน้มที่จะกรอกฟิลด์ตัวเลื่อนช่วงตัวเลขเพื่อขอรายละเอียดเพิ่มเติม
  • ลีดคุณภาพสูงขึ้น — ด้วยรายละเอียดเพิ่มเติมเกี่ยวกับลีดของคุณตั้งแต่เริ่มต้น ลีดของคุณจะดียิ่งขึ้นไปอีก ทำให้ตัวเลื่อนช่วงเป็นเครื่องมือสร้างลีดที่ยอดเยี่ยม เมื่อคุณทราบรายละเอียดต่างๆ เช่น โอกาสในการขายประเภทใดที่คุณทำงานด้วย คุณสามารถทำสิ่งต่างๆ เช่น ส่งลูกค้าเป้าหมายให้คนอื่นตามจำนวนเงินที่ป้อนด้วยการยืนยันแบบมีเงื่อนไข
  • ทันสมัย — แทนที่ฟิลด์ป้อนข้อความดั้งเดิมด้วยรูปลักษณ์ที่ทันสมัยและทันสมัย สิ่งนี้ทำให้เว็บไซต์และแบบฟอร์มของคุณดูและรู้สึกเหมือนมืออาชีพได้สร้างมันขึ้นมา
  • ตอบสนอง — ฟิลด์ตัวเลื่อนช่วงตัวเลขดูดีในทุกอุปกรณ์ คุณสามารถทำให้ไซต์และธีม WordPress ที่ตอบสนองของคุณดูดีอยู่เสมอโดยการเพิ่มฟิลด์นี้
  • ใช้งานง่าย — เมื่อเพิ่มตัวเลื่อนตัวเลขลงในแบบฟอร์มแล้ว ลีดและลูกค้าของคุณจะสามารถใช้งานได้ง่าย ทั้งหมดที่พวกเขาต้องทำคือเพียงแค่ลากไปมาเพื่อปรับปริมาณ
  • ปรับแต่งได้ — ฟิลด์ตัวเลื่อนช่วงตัวเลขของ WPForms นั้นปรับแต่งได้ง่าย คุณสามารถปรับการตั้งค่าได้อย่างง่ายดายในเครื่องมือสร้างการลากและวางเพื่อให้เหมาะกับข้อกำหนดของเว็บไซต์ของคุณ ไม่ว่าตัวเลขจะเล็กหรือใหญ่ (หรือที่ใดก็ตามในระหว่างนั้น)!

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

วิธีสร้างแบบฟอร์มด้วยแถบเลื่อนช่วงตัวเลข

หากคุณต้องการเพิ่มเครื่องมือช่วงเลื่อนที่ยอดเยี่ยมและมีประสิทธิภาพให้กับแบบฟอร์ม WordPress ของคุณ ให้ทำดังนี้:

ขั้นตอนที่ 1: สร้างแบบฟอร์มอย่างง่าย

สิ่งแรกที่คุณต้องทำคือติดตั้งและเปิดใช้งานปลั๊กอิน WPForms สำหรับรายละเอียดเพิ่มเติม โปรดดูคำแนะนำทีละขั้นตอนเกี่ยวกับวิธีการติดตั้งปลั๊กอินใน WordPress

จากนั้นไปที่ WPForms » Add New เพื่อสร้างแบบฟอร์มใหม่

บนหน้าจอนี้ ตั้งชื่อแบบฟอร์มของคุณแล้วเลือกเทมเพลตแบบฟอร์มติดต่ออย่างง่าย

เลือกเทมเพลตแบบฟอร์มการติดต่ออย่างง่ายเพื่อสร้างแถบเลื่อนช่วง

ถัดไป เทมเพลตฟอร์มติดต่ออย่างง่ายจะสร้างให้คุณ สวยเย็นใช่มั้ย?

เทมเพลตแบบฟอร์มการติดต่ออย่างง่ายก่อนตัวเลื่อนช่วง

ขั้นตอนที่ 2: เพิ่มแถบเลื่อนช่วงตัวเลข

ตอนนี้ ไปข้างหน้าและเพิ่มตัวเลื่อนช่วงตัวเลขในแบบฟอร์มของคุณ

จากตัวเลือกภายใต้ ฟิลด์มาตรฐาน บนแผงด้านซ้ายมือ ให้ลากฟิลด์ ตัว เลื่อนตัวเลข ไปที่แบบฟอร์มของคุณทางด้านขวา

เพิ่มแถบเลื่อนช่วงตัวเลขลงใน wordpress form

คลิกที่ช่อง Number Slider เพื่อแก้ไขป้ายกำกับและค่า

เปลี่ยนค่าและป้ายกำกับในฟิลด์ตัวเลื่อนช่วง

คุณยังสามารถเปลี่ยนชื่อแบบฟอร์มของคุณได้ในขณะนี้ภายใต้ General และ Form Name

เปลี่ยนชื่อรูปแบบตัวเลื่อนช่วง

สุดท้าย คุณสามารถเพิ่มฟิลด์เพิ่มเติมใดๆ ลงในฟอร์มตัวเลื่อนช่วงตัวเลขได้โดยการลากจากด้านซ้ายไปทางด้านขวา

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

ขั้นตอนที่ 3: กำหนดการตั้งค่าแบบฟอร์มของคุณ

หากคุณยังไม่อยู่ในหน้านี้จากขั้นตอนสุดท้าย ให้ไปที่ การ ตั้งค่า » ทั่วไป

ปรับแต่งการตั้งค่าแบบฟอร์ม ที่นี่คุณสามารถกำหนดค่าต่อไปนี้:

  • ชื่อแบบฟอร์ม — เปลี่ยนชื่อแบบฟอร์มของคุณที่นี่ หากคุณต้องการ
  • คำอธิบายแบบฟอร์ม — ให้ คำอธิบายแบบฟอร์ม ของคุณ
  • ข้อความปุ่มส่ง — ปรับแต่งสำเนาบนปุ่มส่ง
  • การป้องกันสแปม — หยุดสแปมแบบฟอร์มการติดต่อด้วยคุณสมบัติป้องกันสแปม hCaptcha หรือ Google reCAPTCHA ช่องทำเครื่องหมายป้องกันสแปมจะถูกเลือกโดยอัตโนมัติในแบบฟอร์มใหม่ทั้งหมด
  • แบบฟอร์ม AJAX — เปิดใช้งานการตั้งค่า AJAX โดยไม่มีการโหลดหน้าซ้ำ
  • การปรับปรุง GDPR — คุณสามารถปิดใช้งานการจัดเก็บข้อมูลรายการและรายละเอียดผู้ใช้ เช่น ที่อยู่ IP และตัวแทนผู้ใช้ เพื่อพยายามปฏิบัติตามข้อกำหนดของ GDPR ดูคำแนะนำทีละขั้นตอนเกี่ยวกับวิธีเพิ่มฟิลด์ข้อตกลง GDPR ลงในแบบฟอร์มติดต่อง่ายๆ ของคุณ

เมื่อเสร็จแล้ว คลิก บันทึก

ขั้นตอนที่ 4: กำหนดค่าการแจ้งเตือนแบบฟอร์มของคุณ

เมื่อคุณได้รับการส่งแบบฟอร์มของคุณบนเว็บไซต์ของคุณ สิ่งสำคัญคือคุณและทีมของคุณจะได้รับแจ้งทันที

การแจ้งเตือนเป็นวิธีที่ดีในการส่งอีเมลทุกครั้งที่มีการส่งแบบฟอร์มบนเว็บไซต์ของคุณ

การแจ้งเตือนแบบฟอร์มแถบเลื่อนช่วงตัวเลข

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

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

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

ส่วนหัวของอีเมลที่กำหนดเอง

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

ขั้นตอนที่ 5: ปรับแต่งการยืนยันแบบฟอร์มของคุณ

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

WPForms มี 3 ประเภทการยืนยันให้เลือก:

  1. ข้อความ — นี่คือประเภทการยืนยันเริ่มต้นใน WPForms เมื่อผู้เยี่ยมชมไซต์ส่งคำขอ ข้อความยืนยันง่ายๆ จะปรากฏขึ้นเพื่อแจ้งให้พวกเขาทราบว่าแบบฟอร์มของตนได้รับการประมวลผลแล้ว ตรวจสอบข้อความแสดงความสำเร็จที่ยอดเยี่ยมเพื่อช่วยเพิ่มความสุขของผู้ใช้
  2. หน้าแสดง — ประเภทการยืนยันนี้จะนำผู้เยี่ยมชมเว็บไซต์ไปยังหน้าเว็บเฉพาะในเว็บไซต์ของคุณขอบคุณที่พวกเขาส่งข้อมูล สำหรับความช่วยเหลือในการดำเนินการนี้ โปรดดูบทแนะนำเกี่ยวกับการเปลี่ยนเส้นทางลูกค้าไปยังหน้าขอบคุณ นอกจากนี้ อย่าลืมอ่านบทความของเราเกี่ยวกับการสร้างหน้าขอบคุณที่มีประสิทธิภาพ
  3. ไปที่ URL (เปลี่ยนเส้นทาง) — ตัวเลือกนี้มีไว้สำหรับเวลาที่คุณต้องการส่งผู้เยี่ยมชมเว็บไซต์ไปยังเว็บไซต์อื่น

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

ในการเริ่มต้น ให้คลิกแท็บ การยืนยัน ในตัวแก้ไขแบบฟอร์มภายใต้ การตั้งค่า

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

ประเภทการยืนยันข้อความในแบบฟอร์มตัวเลื่อนช่วง

จากนั้น ปรับแต่งข้อความยืนยันตามที่คุณต้องการ แล้วคลิก บันทึก

สำหรับความช่วยเหลือเกี่ยวกับประเภทการยืนยันอื่นๆ โปรดดูเอกสารของเราเกี่ยวกับการตั้งค่าการยืนยันแบบฟอร์ม

ขั้นตอนที่ 6: เพิ่มแบบฟอร์มแถบเลื่อนช่วงตัวเลขของคุณไปยังไซต์ของคุณ

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

มาดูตัวเลือกตำแหน่งที่พบบ่อยที่สุดกัน: การฝังหน้า/โพสต์

ในการเริ่มต้น สร้างหน้าใหม่หรือโพสต์ใน WordPress หรือไปที่การตั้งค่าการอัปเดตในหน้าที่มีอยู่

หลังจากนั้น คลิกภายในบล็อกแรก (พื้นที่ว่างด้านล่างชื่อหน้าของคุณ) และคลิกที่ไอคอนเครื่องหมายบวก

เพิ่มแถบเลื่อนช่วงให้กับเว็บไซต์

จากบล็อกต่างๆ ให้ค้นหาและเลือก WPForms

เลือก wpforms จาก block

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

เลือกรูปแบบตัวเลื่อนช่วงตัวเลขของคุณ

เลือกฟอร์ม Number Range Slider จากดรอปดาวน์ จากนั้นเผยแพร่หรืออัปเดตโพสต์หรือหน้าเพื่อให้แบบฟอร์มของคุณปรากฏบนเว็บไซต์ของคุณ

เผยแพร่แบบฟอร์มไปยังไซต์ wordpress ของคุณ

ตอนนี้ คุณจะสามารถดูฟอร์มตัวเลื่อนช่วงตัวเลขบนเว็บไซต์ของคุณ และผู้เข้าชมสามารถเริ่มใช้งานได้ทันที

ช่องเลื่อนตัวเลขในแบบฟอร์ม

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

คลิกที่นี่เพื่อสร้างแบบฟอร์มแถบเลื่อนช่วงตัวเลขของคุณตอนนี้

สรุปแล้ว

และที่นั่นคุณมีมัน! ตอนนี้คุณรู้วิธีสร้างฟอร์มด้วยฟอร์มตัวเลื่อนช่วงตัวเลขใน WordPress โดยใช้ปลั๊กอิน WPForms เพื่อให้คุณได้รับรายละเอียดการส่งแบบฟอร์มจากผู้เยี่ยมชมเว็บไซต์ของคุณ!

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

ดังนั้นสิ่งที่คุณรอ? เริ่มต้นด้วยปลั๊กอินฟอร์ม WordPress ที่ทรงพลังที่สุดวันนี้ WPForms Pro มาพร้อมกับรูปแบบตัวเลื่อนช่วงตัวเลขฟรีและรับประกันคืนเงินภายใน 14 วัน

และอย่าลืม ถ้าคุณชอบบทความนี้ โปรดติดตามเราบน Facebook และ Twitter