วิธีเพิ่มแบบฟอร์มการจองห้องพักโรงแรมใน WordPress

เผยแพร่แล้ว: 2023-02-09
How to create a hotel room booking form

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

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

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

สิ่งที่คุณต้องการในการสร้างแบบฟอร์มการจองห้องพักในโรงแรม?

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

ด้วยปลั๊กอินเช่น WPForms คุณสามารถตั้งค่านี้ได้ด้วยความรู้พื้นฐานของ WordPress

wpforms

WPForms เป็นตัวสร้างฟอร์ม WordPress ที่ดีที่สุดในตลาด มันใช้งานง่ายมากและเป็นตัวเลือกที่ยอดเยี่ยมสำหรับผู้เริ่มต้น

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

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

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

ในฐานะเจ้าของโรงแรม คุณจะชอบความจริงที่ว่า WPForms อนุญาตให้คุณยอมรับการอัปโหลดไฟล์ ดังนั้นลูกค้าจึงสามารถอัปโหลดหลักฐานประจำตัวของตนได้ ผู้สมัครงานสามารถส่งประวัติย่อและจดหมายแนะนำตัว

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

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

เรารัก WPForms และใช้ในไซต์ของเราเอง ต่อไปนี้เป็นเหตุผลบางประการ:

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

และนั่นเป็นเพียงการบอกชื่อไฮไลท์บางส่วนของปลั๊กอินนี้ WPForms มีข้อเสนอมากมายและเราได้กล่าวถึงในเชิงลึกในคำแนะนำของเรา: รีวิว WPForms: มันคุ้มค่ากับโฆษณาหรือไม่ [ต้องอ่าน]

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

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

ดังนั้น เราขอแนะนำให้ใช้ WPForms Basic version เป็นอย่างน้อยที่ราคา $49.50 ต่อปี วิธีนี้ช่วยให้คุณเริ่มต้นใช้งานคุณลักษณะที่เหมาะสมทั้งหมดได้ แม้ว่าคุณจะมีงบประมาณจำกัดก็ตาม

ในบทช่วยสอนนี้ เราจะใช้ WPForms Pro เพื่อแสดงให้เห็นว่าปลั๊กอินนี้สามารถทำอะไรได้บ้าง มาเริ่มกันเลย.

วิธีสร้างแบบฟอร์มจองห้องพักโรงแรมใน WordPress

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

ขั้นตอนที่ 1: รับ WPForms

ก่อนอื่น คุณจะต้องสมัครบัญชี WPForms

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

wpforms-pro-license

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

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

WPForms license page

คลิกที่ปุ่ม ยืนยัน รหัสและคุณจะเห็นข้อความยืนยันความสำเร็จ

ตอนนี้คุณพร้อมที่จะตั้งค่าแบบฟอร์มการจองโรงแรมของคุณแล้ว

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

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

hotel room booking template

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

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

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

WPForms drag and drop builder

WPForms ให้คุณเพิ่ม:

  • เมนูแบบเลื่อนลง
  • ปรนัย
  • ช่องทำเครื่องหมาย
  • ตัวเลข
  • แถบเลื่อนตัวเลข

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

payment fields

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

หากต้องการเพิ่มตัวเลือกการชำระเงิน คุณจะต้องติดตั้งและเปิดใช้งานส่วนเสริมการรวมการชำระเงินที่คุณต้องการ เช่น Stripe, Authorize.net, Square หรือ PayPal ทำตามคำแนะนำเหล่านี้สำหรับขั้นตอนโดยละเอียด: วิธีรับการชำระเงินแบบ Stripe และวิธีการเพิ่ม Square Payments ให้กับ WordPress

ถัดไป หากคุณต้องการปรับแต่งข้อความของฟิลด์ใดๆ ให้เลือกฟิลด์นั้นเพื่อรับตัวเลือกในแถบงานด้านซ้าย

edit field in wpforms

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

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

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

use images in form

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

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

images-in-booking-form

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

ขณะนี้ แบบฟอร์มการจองโรงแรมของคุณพร้อมแล้ว แต่ก่อนที่จะเผยแพร่ เรามากำหนดการตั้งค่าที่สำคัญบางอย่างกันก่อน

ขั้นตอนที่ 3: ตั้งค่าการแจ้งเตือนแบบฟอร์ม

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

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

admin email notification in wpforms

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

choose-user-email

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

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

admin email notification in wpforms

ด้านล่างนี้ คุณสามารถแก้ไขข้อความอีเมลเพื่อทำให้เป็นส่วนตัวมากขึ้น

custom room booking email notification

ตอนนี้ คุณได้ตั้งค่าการแจ้งเตือนทางอีเมลแล้ว ต่อไปเราจะดูข้อความยืนยันที่จะปรากฏบนเว็บไซต์ของคุณได้

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

onscreen room booking confirmation

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

  • แสดงข้อความ: คุณสามารถขอบคุณพวกเขาหรือยืนยันการสมัครของพวกเขา
  • แสดงหน้า: คุณสามารถแสดงหน้าใดก็ได้ในเว็บไซต์ของคุณ เช่น หน้าขอบคุณ
  • เปลี่ยนเส้นทางไปยัง URL: วิธีนี้ช่วยให้คุณนำพวกเขาไปยังหน้าเว็บของบุคคลที่สามที่ไม่ได้เป็นส่วนหนึ่งของเว็บไซต์ของคุณ
confirmation in wpforms

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

ขั้นตอนที่ 4: เชื่อมต่อกับการตลาดผ่านอีเมล

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

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

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

add new connection in wpforms

คุณยังสามารถเชื่อมต่อกับการตลาดเนื้อหาและแพลตฟอร์มระบบอัตโนมัติ เช่น HubSpot, Zapier และ Uncanny Automator

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

ขั้นตอนที่ 5: เผยแพร่แบบฟอร์มการจองห้องพักในโรงแรม

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

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

Embed WPForms

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

เมื่อคุณเพิ่มบล็อคนี้ คุณจะเห็นมาสคอต WPForms พร้อมกับเมนูแบบเลื่อนลงที่ให้คุณเลือกแบบฟอร์ม optin ที่คุณเพิ่งสร้างขึ้น

add wpforms in block editor

วิดเจ็ตนี้มีอยู่ในเครื่องมือสร้าง WordPress ยอดนิยมทั้งหมด เช่น SeedProd และ Elementor ในกรณีที่คุณยังคงใช้ Classic Editor คุณจะเห็นปุ่มที่ให้คุณเลือกและฝังแบบฟอร์ม

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

แค่นั้นแหละ! คุณสร้างแบบฟอร์มการจองห้องพักในโรงแรมสำหรับเว็บไซต์ของคุณสำเร็จแล้ว

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

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

trustpulse new homepage

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

trustpulse review popups

TrustPulse ยังให้คุณสร้างข้อความคงที่เพื่อดึงดูดความสนใจของผู้ใช้ให้จองห้องพักทันที!

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

  • วิธีสร้างช่องทางการขายใน WordPress (คู่มือสำหรับผู้เริ่มต้น)
  • วิธีรับรีวิวออนไลน์เพิ่มเติมเพื่อขยายธุรกิจ WordPress ของคุณ
  • วิธีตั้งค่าการติดตามฟอร์ม WordPress ใน Google Analytics

บทความเหล่านี้จะช่วยคุณพัฒนาธุรกิจและรับข้อมูลเชิงลึกเกี่ยวกับสิ่งที่ได้ผลสำหรับคุณ