วิธีสร้างแบบฟอร์มการจองในเว็บไซต์ WordPress ของคุณอย่างง่ายดาย?
เผยแพร่แล้ว: 2023-11-28การสร้างแบบฟอร์มการจองบนเว็บไซต์ WordPress มักจะมีขั้นตอนที่ซับซ้อนซึ่งทำให้เจ้าของเว็บไซต์สับสน แต่การมีแบบฟอร์มการจองเป็นสิ่งจำเป็นสำหรับไซต์ของคุณ โดยเฉพาะอย่างยิ่งหากธุรกิจของคุณเกี่ยวข้องกับบริการ เนื่องจากลูกค้าของคุณสามารถเลือกบริการที่ต้องการได้อย่างง่ายดาย
ในบทความนี้ ฉันจะแสดง วิธีสร้างแบบฟอร์มการจองในเว็บไซต์ WordPress อย่างรวดเร็วและราบรื่นด้วย MetForm ซึ่งคุณสามารถให้ลูกค้าทำการจองได้ทุกประเภท
ตั้งแต่การนัดหมายออนไลน์และการประชุมไปจนถึงการจอง MetForm จะช่วยให้คุณสร้างแบบฟอร์มการจองสำหรับการจองทุกประเภทเหล่านี้
ข้อดีของการสร้างแบบฟอร์มการจองบนเว็บไซต์ของคุณ
การเพิ่มแบบฟอร์มการจองลงในเว็บไซต์ของคุณสามารถช่วยให้กระบวนการสื่อสารง่ายขึ้น ลูกค้า พันธมิตร และผู้เข้าร่วมกิจกรรมสามารถติดต่อคุณได้โดยไม่ซับซ้อนใดๆ
สิทธิประโยชน์ต่อไปนี้ต้องการให้คุณเพิ่มการจองไปยังเว็บไซต์ WordPress ของคุณ:
- เพิ่มเวลาให้พนักงานของคุณโดยทำให้กระบวนการจองเป็นแบบอัตโนมัติ
- สร้างแรงผลักดันให้กับลูกค้าทันทีเมื่อพวกเขาอยู่ในอารมณ์การซื้อ
- ให้ลูกค้าเข้าถึงการนัดหมายหรือการจองได้ตลอด 24 ชั่วโมงทุกวัน
- หลีกเลี่ยงปัญหาคอขวดของระบบการจองทางโทรศัพท์และปรับปรุงประสบการณ์ของลูกค้า
- วางแผนทรัพยากรของคุณอย่างเป็นระเบียบและมีประสิทธิภาพด้วยข้อมูลการจองที่บันทึกไว้
- ให้ความเป็นส่วนตัวและการสนับสนุนลูกค้าชั้นยอด
- โอกาสที่จะไม่เข้าเช็คอินมีน้อย เนื่องจากระบบการจองออนไลน์ส่วนใหญ่จะส่งอีเมลและการแจ้งเตือนหลายฉบับ
- เพิ่มยอดขายและเพิ่มรายได้ต่อปีของคุณ
วิธีสร้างแบบฟอร์มการจองในเว็บไซต์ WordPress ด้วย MetForm
การสร้างแบบฟอร์มการจองด้วย MetForm นั้นง่ายดาย เนื่องจากคุณต้องทำตามขั้นตอนง่ายๆ เพื่อให้งานสำเร็จลุล่วง ที่นี่ ฉันจะแนะนำวิธีสร้างแบบฟอร์มการจองในเว็บไซต์ WordPress ด้วย MetForm ง่ายกว่าที่เคย
ขั้นตอนที่ 1: ติดตั้งและเปิดใช้งาน MetForm
ในตอนแรก ให้ไปที่แดชบอร์ด WordPress ของคุณ จากนั้นดำเนินการ ติดตั้งและเปิดใช้งานทั้ง MetForm และ Elementor เพื่อสิ่งนั้นให้ย้ายไปที่ "ปลั๊กอิน" บนแถบด้านข้างแล้วคลิก "เพิ่มใหม่" หลังจากนั้น ให้ติดตั้ง Elementor ก่อนจากไฟล์ที่ดาวน์โหลดหรือจากแถบค้นหาโดยตรง
เมื่อติดตั้ง Elementor แล้ว ให้ดำเนินการติดตั้ง MetForm ในกระบวนการเดียวกัน หากติดตั้งปลั๊กอินเหล่านี้บนเว็บไซต์ของคุณแล้ว ให้ข้ามขั้นตอนนี้และไปยังขั้นตอนถัดไป
ขั้นตอนที่ 2: ตั้งชื่อเพจของคุณและสลับไปที่หน้าต่าง Elementor
ตอนนี้ย้ายไปที่ " หน้า " บนแถบด้านข้างแล้วเลือก " เพิ่มใหม่ " เพื่อตรงไปที่หน้าใหม่ จากนั้นเพิ่มชื่อที่เหมาะสมให้กับเพจแล้วคลิก “ แก้ไขด้วย Elementor ” เพื่อสลับไปที่หน้าต่าง Elementor
ขั้นตอนที่ 3: ลากและวางวิดเจ็ต MetForm
ถึงเวลาใช้วิดเจ็ต MetForm เพื่อสร้างแบบฟอร์มการจองของคุณ ค้นหาวิดเจ็ตในช่องค้นหา จากนั้นลากและวางลงในฟิลด์ที่ระบุ จะไม่มีเนื้อหาปรากฏขึ้นพร้อมกับการกระทำตามค่าเริ่มต้น
ขั้นตอนที่ 4: เลือกเทมเพลตแบบฟอร์มการจองใหม่ด้วย Elementor
การเลือกเทมเพลตแบบฟอร์มการจองใหม่โดยตรงกับ Elemetor เป็นเรื่องง่าย
- คลิกปุ่ม " แก้ไขแบบฟอร์ม " ซึ่งจะนำไปสู่หน้าต่างสร้างแบบฟอร์ม
- กด " ใหม่ " และค้นหาเทมเพลตแบบฟอร์มการจอง
- ตั้งชื่อเทมเพลตฟอร์ม แล้วกด " แก้ไขแบบฟอร์ม "
แก้ไขและปรับแต่งเทมเพลตแบบฟอร์มการจอง MetForm
MetForm มีตัวควบคุม 3 แบบเพื่อปรับแต่งช่องป้อนข้อมูล ปุ่ม และเค้าโครงทั้งหมดสำหรับแบบฟอร์มทุกประเภท แท็บเนื้อหา สไตล์ และขั้นสูงช่วยให้คุณสามารถปรับแต่งแบบฟอร์มการจองของคุณได้ไม่จำกัด
การปรับแต่งเนื้อหา
- ซ่อน/แสดงป้ายกำกับช่อง
- กำหนดตำแหน่งป้ายกำกับตามความต้องการของคุณ
- แก้ไขข้อความตัวยึดตำแหน่ง
- เก็บฟิลด์ที่ไม่บังคับหรือจำเป็นไว้
- ใส่ข้อความเตือน
- ป้อนข้อความช่วยเหลือของคุณ
- ตั้งค่าประเภทการตรวจสอบตามความยาวของคำ ความยาวอักขระ หรือตามนิพจน์
การปรับแต่งสไตล์
- เปลี่ยนสีฉลาก ช่องว่างภายใน ตัวอักษร ฯลฯ
- แก้ไขสีอินพุต เส้นขอบ ความกว้าง ประเภทพื้นหลัง และอื่นๆ
- ปรับแต่งสีและการพิมพ์ของข้อความตัวยึดตำแหน่งของคุณ
- กำหนดสไตล์สีข้อความช่วยเหลือ การพิมพ์ และช่องว่างภายใน
การปรับแต่งขั้นสูง
- ตั้งค่าระยะขอบ ความกว้าง ระยะห่างจากขอบ และตำแหน่งของเค้าโครง
- เพิ่มเอฟเฟ็กต์การเคลื่อนไหวหลายรายการสำหรับช่องป้อนข้อมูล
- ปรับแต่งพื้นหลังของแบบฟอร์ม
- ตั้งค่าการตอบสนองของอุปกรณ์ในหน้าตัวอย่างและเพจที่ใช้งานจริง
- แปลงช่องอินพุตผ่านการดำเนินการต่างๆ เช่น หมุน เอียง ปรับขนาด ออฟเซ็ต และพลิก
- รวม CSS เพิ่มเติมและอื่นๆ อีกมากมาย
อัปเดตและปิดหน้าต่างและเผยแพร่เพจ
ถึงเวลาเผยแพร่เพจแล้ว เพื่อที่คุณจะต้องอัปเดตการเปลี่ยนแปลงและปิดหน้าต่างย่อย คลิกปุ่ม “ อัปเดตและปิด ” ที่มุมขวาบน จากนั้นหน้าต่างหลักของคุณจะปรากฏขึ้นพร้อมกับแบบฟอร์มการจองที่สร้างขึ้นทันที
เมื่อคุณกดปุ่ม " อัปเดตและปิด " หน้าต่างย่อยจะปิดลงและหน้าต่างหลักจะปรากฏขึ้น กดปุ่ม " เผยแพร่ " ที่ด้านล่างของแถบด้านข้าง
ดูแบบฟอร์มการจองสดบนเพจ
ทันทีหลังจากที่คุณเผยแพร่เพจ ข้อความ " ดู " จะปรากฏขึ้นเพื่อขอให้คุณดูเพจ แต่คุณยังสามารถเปิดเพจจากรายการ "เพจ" ได้ ค้นหาหน้าที่เผยแพร่ของคุณในรายการและดูแบบฟอร์มการจองบนหน้าได้ทันที
เลือกเทมเพลตแบบฟอร์มการจองและแทรกลงในเพจ/โพสต์ (ทางเลือก)
ด้วยวิธีง่ายๆ คุณสามารถสร้างและแทรกแบบฟอร์มการจองได้ ไปที่ MetForm ก่อนจากแถบด้านข้าง จากนั้นเลือก " แบบฟอร์ม "
ขั้นตอนที่ 1: สร้างแบบฟอร์มการจองใหม่
- คลิก “เพิ่มใหม่”
- ป้อน ชื่อ แบบฟอร์มที่เหมาะสม
- ปรับการตั้งค่าจากแท็บหากจำเป็น
- คลิกที่ “แก้ไขเนื้อหา”
จากนั้น คุณจะถูกนำไปที่หน้าต่าง Elementor ทันที ตอนนี้ คุณต้องดำเนินการแทรกเทมเพลตฟอร์ต่อไป
ขั้นตอนที่ 2: ใส่เทมเพลตแบบฟอร์มการจอง
เมื่อสร้างแบบฟอร์มใหม่แล้ว คุณสามารถแทรกเทมเพลตแบบฟอร์มการจองโดยใช้ Elementor หรือรหัสย่อได้ ด้วย Elementor ฉันได้แสดงกระบวนการข้างต้นแล้ว เพื่อความเข้าใจที่ดีขึ้น มีการสรุปขั้นตอนดังนี้:
ใส่แบบฟอร์มการจองด้วย Elementor :
- ค้นหา วิดเจ็ต MetForm ในแถบค้นหา
- ลากและวางวิดเจ็ตลงในบล็อก
- คลิก “แก้ไขแบบฟอร์ม”
- เลือก เทมเพลต แบบฟอร์มการจอง
- คลิกที่ปุ่ม อัปเดตและปิด
- กดปุ่ม "เผยแพร่"
แทรกแบบฟอร์มการจองด้วยรหัสย่อ
ตอนนี้นำทาง MetForm > Forms คุณสามารถมองเห็นรหัสย่อข้างชื่อแบบฟอร์มได้ คัดลอกและวางรหัสย่อในบล็อกหรือคุณสามารถทำได้ด้วยวิดเจ็ตรหัสย่อของ elemotor
คัดลอกและวางรหัสย่อ :
- คัดลอก รหัสย่อของแบบฟอร์มการจองของคุณ
- วาง รหัสย่อลงในบล็อกที่คุณต้องการแทรกแบบฟอร์ม
- คลิกที่ "เผยแพร่" เพื่อดูแบบฟอร์ม
ใช้วิดเจ็ตรหัสย่อ:
- คัดลอก รหัสย่อของแบบฟอร์มการจองของคุณดังที่แสดงด้านบน
- เปิดเพจหรือโพสต์ด้วย Elementor
- ค้นหา วิดเจ็ตรหัสย่อ
- ลากและวางลงบนหน้า
- วาง รหัสย่อลงในช่องรหัสย่อ
- คลิกที่ "เผยแพร่"
ตาของคุณแล้ว
ฉันได้แนะนำ วิธีสร้างแบบฟอร์มการจองใน WordPress ด้วย Metform ใน 2 วิธีที่แตกต่างกัน ทั้งสองวิธีทำตามขั้นตอนง่าย ๆ ที่คุณสามารถรับได้อย่างง่ายดาย
ดังนั้น เตรียมพร้อมที่จะสร้างแบบฟอร์มการจองด้วย MetForm บนเว็บไซต์ WordPress ของคุณ และให้ลูกค้าของคุณกำหนดเวลาการนัดหมายหรือผู้เข้าร่วมจองกิจกรรมได้อย่างราบรื่น