วิธีสร้างแบบฟอร์มการจองในเว็บไซต์ WordPress ของคุณอย่างง่ายดาย?

เผยแพร่แล้ว: 2023-11-28

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

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

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

เนื้อหา ซ่อนอยู่
1 ข้อดีของการสร้างแบบฟอร์มการจองบนเว็บไซต์ของคุณ
2 วิธีสร้างแบบฟอร์มการจองบนเว็บไซต์ WordPress ด้วย MetForm
2.1 ขั้นตอนที่ 1: ติดตั้งและเปิดใช้งาน MetForm
2.2 ขั้นตอนที่ 2: ตั้งชื่อเพจของคุณและสลับไปที่หน้าต่าง Elementor
2.3 ขั้นตอนที่ 3: ลากและวางวิดเจ็ต MetForm
2.4 ขั้นตอนที่ 4: เลือกเทมเพลตแบบฟอร์มการจองใหม่ด้วย Elementor
2.5 แก้ไขและปรับแต่งเทมเพลตแบบฟอร์มการจอง MetForm
2.6 อัปเดตและปิดหน้าต่างและเผยแพร่เพจ
2.7 ดูแบบฟอร์มการจองสดบนเพจ
3 เลือกเทมเพลตแบบฟอร์มการจองแล้วแทรกลงในเพจ/โพสต์ (ทางเลือก)
3.1 ขั้นตอนที่ 1: สร้างแบบฟอร์มการจองใหม่
3.2 ขั้นตอนที่ 2: ใส่เทมเพลตแบบฟอร์มการจอง
4 ถึงตาคุณแล้ว

ข้อดีของการสร้างแบบฟอร์มการจองบนเว็บไซต์ของคุณ

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

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

  • เพิ่มเวลาให้พนักงานของคุณโดยทำให้กระบวนการจองเป็นแบบอัตโนมัติ
  • สร้างแรงผลักดันให้กับลูกค้าทันทีเมื่อพวกเขาอยู่ในอารมณ์การซื้อ
  • ให้ลูกค้าเข้าถึงการนัดหมายหรือการจองได้ตลอด 24 ชั่วโมงทุกวัน
  • หลีกเลี่ยงปัญหาคอขวดของระบบการจองทางโทรศัพท์และปรับปรุงประสบการณ์ของลูกค้า
  • วางแผนทรัพยากรของคุณอย่างเป็นระเบียบและมีประสิทธิภาพด้วยข้อมูลการจองที่บันทึกไว้
  • ให้ความเป็นส่วนตัวและการสนับสนุนลูกค้าชั้นยอด
  • โอกาสที่จะไม่เข้าเช็คอินมีน้อย เนื่องจากระบบการจองออนไลน์ส่วนใหญ่จะส่งอีเมลและการแจ้งเตือนหลายฉบับ
  • เพิ่มยอดขายและเพิ่มรายได้ต่อปีของคุณ
สำรวจคุณสมบัติของ MetForm

วิธีสร้างแบบฟอร์มการจองในเว็บไซต์ WordPress ด้วย MetForm

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

ขั้นตอนที่ 1: ติดตั้งและเปิดใช้งาน MetForm

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

เมื่อติดตั้ง Elementor แล้ว ให้ดำเนินการติดตั้ง MetForm ในกระบวนการเดียวกัน หากติดตั้งปลั๊กอินเหล่านี้บนเว็บไซต์ของคุณแล้ว ให้ข้ามขั้นตอนนี้และไปยังขั้นตอนถัดไป

ติดตั้งและเปิดใช้งาน MetForm- วิธีสร้างแบบฟอร์มการจองใน WordPress

ขั้นตอนที่ 2: ตั้งชื่อเพจของคุณและสลับไปที่หน้าต่าง Elementor

ตอนนี้ย้ายไปที่ " หน้า " บนแถบด้านข้างแล้วเลือก " เพิ่มใหม่ " เพื่อตรงไปที่หน้าใหม่ จากนั้นเพิ่มชื่อที่เหมาะสมให้กับเพจแล้วคลิก “ แก้ไขด้วย Elementor ” เพื่อสลับไปที่หน้าต่าง Elementor

ตั้งชื่อเพจของคุณ

ขั้นตอนที่ 3: ลากและวางวิดเจ็ต MetForm

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

ลากและวางวิดเจ็ต MetForm

ขั้นตอนที่ 4: เลือกเทมเพลตแบบฟอร์มการจองใหม่ด้วย Elementor

การเลือกเทมเพลตแบบฟอร์มการจองใหม่โดยตรงกับ Elemetor เป็นเรื่องง่าย

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

แก้ไขและปรับแต่งเทมเพลตแบบฟอร์มการจอง MetForm

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

การปรับแต่งเนื้อหา

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

การปรับแต่งสไตล์

  • เปลี่ยนสีฉลาก ช่องว่างภายใน ตัวอักษร ฯลฯ
  • แก้ไขสีอินพุต เส้นขอบ ความกว้าง ประเภทพื้นหลัง และอื่นๆ
  • ปรับแต่งสีและการพิมพ์ของข้อความตัวยึดตำแหน่งของคุณ
  • กำหนดสไตล์สีข้อความช่วยเหลือ การพิมพ์ และช่องว่างภายใน
การปรับแต่งสไตล์

การปรับแต่งขั้นสูง

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

อัปเดตและปิดหน้าต่างและเผยแพร่เพจ

ถึงเวลาเผยแพร่เพจแล้ว เพื่อที่คุณจะต้องอัปเดตการเปลี่ยนแปลงและปิดหน้าต่างย่อย คลิกปุ่ม “ อัปเดตและปิด ” ที่มุมขวาบน จากนั้นหน้าต่างหลักของคุณจะปรากฏขึ้นพร้อมกับแบบฟอร์มการจองที่สร้างขึ้นทันที

อัพเดตและปิดหน้าต่าง

เมื่อคุณกดปุ่ม " อัปเดตและปิด " หน้าต่างย่อยจะปิดลงและหน้าต่างหลักจะปรากฏขึ้น กดปุ่ม " เผยแพร่ " ที่ด้านล่างของแถบด้านข้าง

เผยแพร่เพจ

ดูแบบฟอร์มการจองสดบนเพจ

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

ดูแบบฟอร์มการจองสดบนหน้า

เลือกเทมเพลตแบบฟอร์มการจองและแทรกลงในเพจ/โพสต์ (ทางเลือก)

ด้วยวิธีง่ายๆ คุณสามารถสร้างและแทรกแบบฟอร์มการจองได้ ไปที่ MetForm ก่อนจากแถบด้านข้าง จากนั้นเลือก " แบบฟอร์ม "

เลือกแบบฟอร์มจาก MetForm

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

  • คลิก “เพิ่มใหม่”
  • ป้อน ชื่อ แบบฟอร์มที่เหมาะสม
  • ปรับการตั้งค่าจากแท็บหากจำเป็น
  • คลิกที่ “แก้ไขเนื้อหา”
สร้างแบบฟอร์มการจองใหม่

จากนั้น คุณจะถูกนำไปที่หน้าต่าง Elementor ทันที ตอนนี้ คุณต้องดำเนินการแทรกเทมเพลตฟอร์ต่อไป

ขั้นตอนที่ 2: ใส่เทมเพลตแบบฟอร์มการจอง

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

ใส่แบบฟอร์มการจองด้วย Elementor :

  • ค้นหา วิดเจ็ต MetForm ในแถบค้นหา
  • ลากและวางวิดเจ็ตลงในบล็อก
  • คลิก “แก้ไขแบบฟอร์ม”
  • เลือก เทมเพลต แบบฟอร์มการจอง
  • คลิกที่ปุ่ม อัปเดตและปิด  
  • กดปุ่ม "เผยแพร่"

แทรกแบบฟอร์มการจองด้วยรหัสย่อ

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

คัดลอกและวางรหัสย่อ :

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

ใช้วิดเจ็ตรหัสย่อ:

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

ตาของคุณแล้ว

ฉันได้แนะนำ วิธีสร้างแบบฟอร์มการจองใน WordPress ด้วย Metform ใน 2 วิธีที่แตกต่างกัน ทั้งสองวิธีทำตามขั้นตอนง่าย ๆ ที่คุณสามารถรับได้อย่างง่ายดาย

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