Up to

45%

Savings

Ending in:

Take Your Discount Now!
WPMet Site Logo
  • Home
  • Plugins
    • ElementsKit
    • ShopEngine
    • GetGenie Ai
    • MetForm
    • WP Social
    • WP Fundraising
    • Wp Ultimate Review
  • About
  • Blog
  • Support
  • Contact
  • My Account
WPMet Site Logo
Popular Search headermenumegafootermetform

Getting Started with MetForm

  • Getting Started
  • Form Input Field
  • Pro Input Field List
  • General Settings of MetForm
  • WooCommerce Checkout
  • Create Post with MetForm
  • Response Message
  • Entries
  • Creating Forms With MetForm

CRM Integrations

  • Zoho Integration
  • Zapier Integration
  • HubSpot Integration
  • Auth Integration
  • Slack Integration
  • FluentCRM Integration
  • Helpscout Integration
  • Twilio SMS Integration

Frequently Asked Questions

  • Support

Newsletter Integrations

  • Mailchimp Integration
  • ConvertKit Integration
  • ActiveCampaign Integration
  • AWeber Integration
  • GetResponse Integration
  • MailPoet Integration

Other Integrations

  • Google Sheet Integration
  • reCAPTCHA Integration
  • REST API Integration
  • Map Integration

Payment Gateways

  • PayPal Payment Gateway Set Up
  • Stripe Payment Set Up
  • Thank You Page

Pro Features

  • WooCommerce Checkout
  • Create Post with MetForm
  • Multi-Step Form (Pro)
  • Calculation (Pro)
  • Payment Method (Pro)
  • Conditional Logic (Pro)
  • Auto Populate Field
  • Quiz Form
  • A New Form Type- MetForm

Settings

  • Set up Notification Email
  • Set up CRM
  • Set up Confirmation Email
  • How to Create Form and Form Settings
  • Set up Payments

Form Templates

  • Contact Form 
  • Newsletter Signup Form
  • Feedback Form
  • Booking Form
  • Event Form
  • Support Form
  • Home
  • Doc
  • Metform
  • Form Templates
  • Booking Form

Booking Form

Table of Contents
  • Default Elements for MetForm Booking form
  • How to Create a Booking Form using MetForm (2 Methods)
    • 1. Insert a New Booking Form Template with Elementor 
    • Customize the MetForm Booking Form Template 
      • Content Customization 
      • Style Customization
      • Advanced Customization 
    • 2. Choose the Booking Form Template & Insert it into the page/post
      • Step 1: Create a New Booking Form 
      • Step 2: Insert the Booking Form 

What isn’t in MetForm form templates? Among 30+ templates, you can also get a booking form template to insert into your WordPress website within a few seconds. 

When you include a booking form on your website, it will capture all details of your customers and their requirements. So, you can plan and offer the best possible services as per their desires. 

In that case, MetForm offers a fully functional booking form template. This form is also responsive for all devices including pc, tab, and smartphones. 

✔✔Requirements: 
👉👉Elementor: Download Elementor Plugin 
👉👉MetForm: Download MetForm Plugin 

Default Elements for MetForm Booking form #

  • First Name 
  • Last Name 
  • Mobile Number 
  • Email Address
  • Check-in date 
  • Check-out date 
  • Number of adults 
  • Number of children (optional)
  • Write your comment 
  • Submit button 

✨✨Note
✅✅All forms including the booking form of MetForm are completely compatible with Elementor
✅✅You can add, edit or delete any elements as per your requirements

How to Create a Booking Form using MetForm (2 Methods) #

1. Insert a New Booking Form Template with Elementor  #

Inserting a new booking form template directly with Elemetor is the easiest process. 

  • Create a new page/post or open an existing one with Elementor 
  • Search for the MetForm widget among the elements of Elementor 
  • Drag & drop the MetForm widget 
  • You can see the “Edit form” option at the left sidebar
  • Click on “Edit form” 
search for MetForm widget

At this moment, a pop-up window will appear 

  • Select “New” form 
  • Set the form name and select the Booking Form Template 
  • Click on “Edit form”
  • You can do customization or keep it as it is
  • Click on “Update & Close”
  • Click on “Publish” 
Create a Booking Form using MetForm

Customize the MetForm Booking Form Template  #

MetForm offers 3 style controls for form customization for the input field, buttons, and the entire form layout. 

Content Customization  #

  • Hide/show the field label
  • Set input field validation type 
  • Change the placeholder text 
  • Make a field optional or required
  • Insert the warning message 
  • Set help text
  • Include URL
booking form Content Customization 

Style Customization #

  • Input Color, typography, padding, margin customization 
  • Customize the required indicator color 
  • Image background for input field 
  • Custom border, border color, radius 
  • Warning text, help text, placeholder text color, and typography 
booking form style Customization 

Advanced Customization  #

  • Entire layout’s margin, padding
  • Set layout width, and position
  • Multiple motion effects for the input fields 
  • Form background customization 
  • Customized border properties
  • Set device responsiveness 
  • Include additional CSS and many more 
booking form Advanced Customization 

2. Choose the Booking Form Template & Insert it into the page/post #

This way to create and insert the booking form is also simple. You need to navigate MetForm forms first, then insert them to the desired page or post. 

Step 1: Create a New Booking Form  #

  • Navigate your WordPress dashboard 
  • Hover over on MetForm 
  • Tap on forms 
  • Click on “Add new”
  • Search for Feedback form
  • Set the form name 
  • Select the “Booking Form”
  • Click on “Edit Form” 

Step 2: Insert the Booking Form  #

After creating a new form or modifying the default one, you need to insert the booking form template using Elementor or shortcode.

Insert the Booking form with Elementor:

  • Create a new post/page or open an existing one with Elementor
  • Choose an Elementor block 
  • Search for the MetForm widget 
  • Drag and drop it into the block 
  • Click on “Edit Form”
  • Select the booking form name 
Insert the Booking form with Elementor
  • Click on Save & Close 
  • Click on update 

Insert the Booking form using Shortcode 

Navigate MetForm -> Forms. You will see the shortcodes along with the form name. You can simply copy & paste them in a block or do it with elemotor’s shortcode widget. 

booking form shortcode

👉👉Copy & Paste the Shortcode

  • Copy the shortcode of the booking form
  • Paste the shortcode in the text block you want to insert the form 
  • Click on “Publish”

👉👉Use Shortcode Widget 

  • Copy the shortcode 
  • Open the page/post with elementor
  • Search for the Shortcode widget 
  • Drag and drop it into the page 
  • Paste the shortcode in the shortcode field 
  • Click on “Publish”
insert booking form using Shortcode Widget 

Hopefully, now you can easily insert the MetForm booking form into your WordPress website. You can follow any of the above procedures, all will result in the same – a fully functional and responsive booking form. 

Don’t hesitate to ask any queries. Stay tuned!

Check MetForm’s All Features


What are your Feelings
Share This Article :
  • Facebook
  • Twitter
  • LinkedIn
  • Pinterest
Still stuck? How can we help?

How can we help?

Updated on June 5, 2023
Feedback FormEvent Form
Table of Contents
  • Default Elements for MetForm Booking form
  • How to Create a Booking Form using MetForm (2 Methods)
    • 1. Insert a New Booking Form Template with Elementor 
    • Customize the MetForm Booking Form Template 
      • Content Customization 
      • Style Customization
      • Advanced Customization 
    • 2. Choose the Booking Form Template & Insert it into the page/post
      • Step 1: Create a New Booking Form 
      • Step 2: Insert the Booking Form 

Get Subscribed Today!

WPMet Site Logo
© 2023, Wpmet. All Rights Reserved. Built with ElementsKit.

Company

About us
Contact us
Support
Blog
Collaborate
Documentation

Resources

Affiliates
Affiliate Area
Privacy Policy
Terms & Conditions
Refund Policy
Login/Register

Our Products

Elements Kit
ShopEngine
GetGenie Ai
Metform
WP Social
Wp Ultimate Review
Wp Fundraising

Follow Us

Payment systems accepted by Wpmet

Wpmet is not affiliated with or endorsed by Open Source Matters or the WordPress Project. The CMS logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.

We use cookies on our website to give you the most relevant experience by remembering your preferences and repeat visits. By clicking “Accept”, you consent to the use of ALL the cookies.
Opt out!.
Cookie SettingsAccept
Manage consent

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.
Necessary
Always Enabled
Necessary cookies are absolutely essential for the website to function properly. These cookies ensure basic functionalities and security features of the website, anonymously.
CookieDurationDescription
cookielawinfo-checkbox-analytics11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Analytics".
cookielawinfo-checkbox-functional11 monthsThe cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional".
cookielawinfo-checkbox-necessary11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary".
cookielawinfo-checkbox-others11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Other.
cookielawinfo-checkbox-performance11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Performance".
viewed_cookie_policy11 monthsThe cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data.
Functional
Functional cookies help to perform certain functionalities like sharing the content of the website on social media platforms, collect feedbacks, and other third-party features.
Performance
Performance cookies are used to understand and analyze the key performance indexes of the website which helps in delivering a better user experience for the visitors.
Analytics
Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics the number of visitors, bounce rate, traffic source, etc.
Advertisement
Advertisement cookies are used to provide visitors with relevant ads and marketing campaigns. These cookies track visitors across websites and collect information to provide customized ads.
Others
Other uncategorized cookies are those that are being analyzed and have not been classified into a category as yet.
Vendor/Partner
SAVE & ACCEPT