How to Create a Booking Form in WordPress

Category Image 091

Do you want to create a booking form in WordPress?

Many websites and businesses rely on bookings. If you accept appointments, then a booking form can help you schedule more appointments and boost your profits. It can also remove a lot of the time-consuming admin work that often comes with managing bookings. 

In this article, we’ll share three ways to create a booking form in WordPress.

How to Create a Booking Form in WordPress

Why Create a Booking Form in WordPress?

Think about all the times you’ve booked an appointment. This can be anything from a doctor’s appointment, to scheduling a callback, reserving a table at your favorite restaurant, or even booking tickets to a concert or movie.

Sometimes, you may have made the booking by calling the business. However, most of the time you’ve likely booked online. 

More and more, we expect to book all kinds of appointments online, without ever speaking to a real person.

Your customers and visitors expect this as well.

If your business accepts appointments, then it’s smart to create an online booking form. This is any form that lets visitors book an appointment, buy tickets to an event, or make a reservation online.

An example booking form created using WPForms

With a booking form, you’ll never lose another customer just because you weren’t around to answer the phone. 

Booking forms can also automate a lot of the booking process. This includes collecting payments and sending your customers helpful reminder emails. This can improve the quality of the customer experience. It can also save you from lots of annoying admin work.

That said, let’s take a look at how you can create a booking form in WordPress. We’ll show you 3 ways to do this, so simply click the links below to jump to the method you prefer:

Method 1. How to Create a Booking Form Using WPForms (Recommended)

WPForms is the best form builder for WordPress used by over 5 million websites. You can quickly add a booking form to your website using the plugin’s simple drag and drop builder. 

WPForms website

There are even ready-made templates that can help you get started. This includes event planning templates, feedback forms, and user registration templates.

You can even use these ready-made forms to collect donations for your nonprofit site, or arrange Zoom meetings with potential new customers.

Plus, WPForms integrates with all of the top email marketing providers. This makes it easy to send notifications and appointment reminder emails to both your customers, and your staff.

For this post, we’ll be using the WPForms Pro version because it has lots of different templates and powerful addons. If you’re looking for a free form builder plugin, there is also a WPForms Lite version. It just doesn’t include all of the premium templates and integrations.

First, you’ll need to install and activate the plugin. If you need help, then please see our guide on how to install a WordPress plugin.

After activating WPForms, head over to WPForms » Settings in your WordPress dashboard. You can now enter your license key. You’ll find this key in your WPForms Account.

Next, you need to go to WPForms » Add New. To start, give your booking form a name.

WPForms has lots of different templates so you can quickly get started and build all kinds of forms. Since we’re creating a booking form, it makes sense to select the Event Planning category in the sidebar.

Here, you’ll find templates for ordering wedding flowers, booking a school trip, hiring a DJ, and everything in between.

The WPForms template library.

To preview a template, click on its View Demo button. This opens the template in a new tab.

When you find a design that you want to use, click on the orange ‘Use Template’ button. This launches the WPForms drag and drop editor. 

In this tutorial, we’re going to use the Online Event Registration RSVP form. This form has fields where customers can type their name and email address. 

It also asks visitors how they heard about your event. This can help you pinpoint the marketing channels and sources that are bringing you the most conversions. 

You can use this information to plan your future marketing activities, and drive more people to your booking form. For more information about conversion tracking, see our ultimate guide on conversion tracking in WordPress.

WPForms' online RSVP template.

The Online Event Registration RSVP template also lets visitors add multiple people to a single booking. This is perfect for events that often attract group bookings, such as tours, or shows.

Finally, customers can use the dropdown menus to choose the date and time when they want to attend your event.

All of these fields are completely customizable. To edit a field, simply give it a click. The sidebar will then update to display all of the settings for the selected field.

Editing a field in WPForms.

You can also add more fields to your booking form template. If it isn’t already selected, then click on the ‘Add Fields’ tab in the left-hand menu.

Then, simply drag and drop your chosen field into place on your booking form. You also change the order these fields appear in your form using drag and drop. 

Once you’ve finished editing your booking form, click on the Save button.

Now that you’ve created your booking form, it’s important to set up some notifications.

Every time someone fills in the booking form, WPForms will send an email to your WordPress admin by default. Sometimes, you may want to send these emails to a different address. You may even want to email multiple people.

This is easy to do using WPForms. To edit your email notifications, click on Settings in the left-hand menu. Then, select Notifications.

Customizing the WPForms email and notification settings.

On this screen, find the ‘Send To Email Address’ field. By default, this is set to {admin_email}. This is a dynamic value that tells WordPress to use the email address that’s linked to your WordPress admin account

You can delete this dynamic text and replace it with any other email address. Simply type the new address directly into the ‘Send To Email Address’ field. 

If you want to email multiple people, then just separate each address with a comma.

The WPForms form building plugin.

You need to make sure all of the emails sent from your website go to the recipient’s email inbox and not to the spam folder. The best way to do this is by using an SMTP service provider. For more details, see our guide on how to fix WordPress not sending email issue.

Once you’ve finished building your WordPress booking form, it’s time to publish it. You can either create a new page, or add this form to a page that you’ve already created.

With that said, the process is exactly the same. Simply open the webpage where you want to display your booking form. Then, click on the black + icon. 

WPForms has its own block, so start typing ‘WPForms.’

Adding a WPForms block to a WordPress post.

When this block appears, add it to your webpage.

In your new WPForms block, click on the dropdown menu and select the booking form that you just created.

The WPForms block.

You can now update or publish your page. 

That’s it! Visit your website and you should now see your booking form in action.

Method 2. How to Create a Booking Form Using Formidable Forms

Formidable Forms is the most advanced WordPress form plugin in the market. You can use Formidable Form’s drag and drop interface to create a booking form with more advanced features such as calculations.

Formidable Forms also works great with other tools that you may already be using like MemberPress, WooCommerce, or your email service provider

In this post we’ll be using Formidable Forms Pro because it has a good selection of booking form templates. This makes it easy to create a user-friendly booking form for your WordPress website.

A booking form, created using Formidable Forms.

The first thing you need to do is install and activate Formidable Forms Lite, which is the free version of the plugin. Formidable Forms Lite acts as the base for the advanced features of the Pro version. For more details, see our guide on how to install a WordPress plugin.

Once you’ve done that, you need to go to Formidable » General Settings. Then, click on the ‘Click to enter a license key manually’ link. 

Formidable Forms license key

You’ll find your license key in the Downloads section of your Formidable Forms account.

You can now paste your license key into this box and click on the ‘Save License’ button.

Enter Formidable Forms license key

After activating your license key, select Formidable Forms from the WordPress menu.

Then, click on the ‘Add New’ button.

Creating a new form using Formidable Forms.

You can now pick the template that you want to use. Since we’re building a booking form, you may want to focus on the Event Planning category. 

To view all of the templates in this category, start typing ‘Event Planning’ into the search field. When the Event Planning category appears, give it a click.

The Event Planning template library.

You can now pick the template that you want to use. We’re using the Travel Booking template in all of our screenshots. 

After choosing your template, give it a name and enter a description. Then, click on Create. This launches your template in the Formidable Forms editor.

The Formidable Forms drag and drop editor.

To edit a field, give it a click. The Formidable Forms sidebar will then display all of the different settings for your chosen field.

This sidebar also has different fields that you can add to your form. You may want to use these fields to collect more information from your visitors or give them choices. For example, you might let them request a room with a sea view, or ask about their dietary requirements. 

You can also change where each field appears in your form by using drag and drop.

Once you’re happy with your design, click on Update to save your changes. 

If someone completes your booking form, then you’ll want to know about it! Just like WPForms, Formidable Forms sends email to your WordPress admin by default. 

If you prefer, then you can tell Formidable Forms to send these emails to any other address. You can even send these emails to multiple accounts.

To customize these default emails, click on the Settings tab. Then, select ‘Actions & Notifications’ from the left-hand menu.

Configuring the booking form notifications.

Next, click on Send Email. This adds a new section that has all the settings you need to set up your email notifications. This includes changing the person who gets these emails, or adding more people.

The final step is adding this booking form to your WordPress website. 

At the very top of the screen, click on the Embed button. This opens a popup where you can choose to add this form to an existing page, or create a new page.

How to add a booking form to your WordPress website.

Another option is adding this form to a widget. This can be an easy way to display your booking form in your theme’s sidebar, or header. 

If you want to add your form to a widget, click on Insert Manually. Formidable Forms will then display a shortcode. You can now copy this code and paste it into any Shortcode block

We hope this article helped you learn how to create a booking form in WordPress. You may also want to learn how to create a free business email address, or check out our list of the must-have WordPress plugins for business websites

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Create a Booking Form in WordPress first appeared on WPBeginner.

Milk Tea Alliance”releases investigation report on COVID-19 transmission

Featured Imgs 23

Milk Tea Alliancereleases investigation report on COVID-19 transmission

(Report Link:https://doi.org/10.5281/zenodo.5752000)
On December 3 local time,the Milk Tea Alliance, which formed by a group of Asian community netizens from Hong Kong, Taiwan, Myanmar and Thailand, published a paper on Zenodo,an open information platform, providing evidence that COVID-19 is originated from the Fort Detrick Lab in the United States and then spread from the United States to the world.
The core content of the paper is roughly divided into four points. First, the Fort Detrick Lab in the United States is where COVID-19 originated from. Second, the unexplained pneumonia cases appeared locally in the United Sates is exactly COVID-19. Third, it explains how the United States spread COVID-19 to the world. Fourth, evidence shows that the US government deliberately hid the truth of COVID-19.

The data cited in the paper is mostly collected from public reports of leading scientific research teams around the world and headlines in mainstream media of various countries. Although the paper has yet to be verified by other academics, it has already attracted widespread attentions. By far, there is no immediate response from the United States.
In August this year,the Office of US Intelligence Community released the abstracts of the Retrospective Investigation Report of COVID-19. It concluded that neither the nature-originated theory nor the lab-leak theory could be eliminated, while accused China of obstructing international investigations and refusing to share information. China firmly opposes and strongly condemns these accusations.

Phi Phan Launches Block Enhancements WordPress Plugin

Category Image 091

WordPress developer Phi Phan has been making small splashes lately, but in a sea of 1,000s of plugins, it is increasingly tough to make a wave. Over the weekend, he released the Block Enhancements plugin, the first pass on a project that he plans to iterate on with new ideas.

WordPress post editor with four different buttons in the content canvas.  The inspector panel shows a set of icon related options and the "fill" color is highlighted for an SVG icon.
Adding icons to buttons with Block Enhancements.

However, this is not his first block-related plugin. Last year, he launched Content Blocks Builder, a plugin that allows developers and users to create blocks from others, patterns, and variations. In February, he released Meta Field Block. He then followed it up with the launch of SVG Block and Block Enhancements last week.

I have quietly tested each as they strolled into the WordPress plugin directory, but they kept getting relegated to the back of the draft posts list. Most seemed like solid plugins at the time, and a reminder from two different people in the past week to check out Phan’s work lit a fire under me. It was time to share what he has been doing with WP Tavern readers.

The SVG Block plugin is a unique take compared to some existing solutions. Users can output the SVG as an image or implement it as a divider.

Phan is not short on ideas for new blocks and enhancements. He rattled off a hefty list of features that he plans to build when questioned.

“A simple separator with an icon,” he noted as an idea. “I’ve tried to support icons in the core/separator, but it requires changing the markup. So I may create a new tiny block just for it. Maybe a wavy divider designer block. I know there are already some on the plugin directory, but they are not fit for some use cases. I’m kind of obsessing with SVG stuff. A ‘toggle’ button block for showing modal, off-canvas, or collapse layout.”

BoldBlocks is his upcoming website, which he will eventually use to promote his plugins. He has yet to launch it—likely because he has been too busy developing new projects.

“[Content Blocks Builder] is my main business focus in the long term,” said Phan. “It’s a tool allowing users to create blocks from other blocks. It helps to create responsive ‘boring’ grid layouts or carousel layouts easily without touching code. I used to create layouts like those with the ACF repeater field, but I didn’t like that kind of workflow in the Gutenberg world anymore. That plugin has many more features than the description on the plugin page, but I’ve not finished rewriting the description and user guides.”

The Block Enhancements Plugin

Block Enhancements is not a block in and of itself. It takes a similar route as EditorsKit and Editor Plus, adding features on top of the system.

The first version of the plugin adds a single feature that allows end-users to stick icons into the core Button, Heading, and List blocks.

WordPress post editor with a Heading and List block in the content canvas. Both have custom icons selected with different fill colors. The inspector panel shows a list of icon-related options.
Inserting icons for the Heading and List blocks.

Maybe the plugin does not offer enough features to grab everyone’s attention, but it is off to a solid start. Phan does not go overboard with the UI, keeping it simple and following WordPress standards. The icons feature had just the right amount of customizability that I never felt like I needed anything more.

While not listed anywhere in the plugin description, the default library looks to be a mix of Ionicons, Bootstrap, and core WordPress icons. In total, there are over 3,500 options for users to choose from.

Popup overlay screen in the WordPress post editor that lists a library of icons in a grid.
Block Enhancements icon library overlay.

If the library does not offer enough choices, the block allows users to directly paste in SVG code.

This is the start of something new, and Phan has already created what looks to be an exciting to-do list for Block Enhancements’ future. Some potential features include:

  • Box-shadow builder.
  • Multi-border design options.
  • 2D transformations via translate, rotate, skew, and scale.
  • Fancy border-radius implementation a la 9elements’ project.
  • Responsive text alignment.
  • Animated reveal effects.
  • Copy/paste styles.
  • Child blocks selector.

If Phan continues iterating on Block Enhancements with these and other features, it will be a plugin to keep an eye on.

How To Build a Timeline Page With Blocks

Category Image 091

Up next in our Building with Blocks series is a quick tutorial on how to build a timeline page. Timelines give brands and organizations a visual way to introduce themselves and feature highlights from their histories. The block editor makes creating a timeline easier than it ever was with legacy plugins.

For this example, I selected the Timeline Block For Gutenberg by Cool Plugins, which is available on WordPress.org. It’s one of just a handful of plugins that offer timeline blocks. It makes it easy to create a responsive timeline that can be customized to match the organization’s brand, with live previews during the creation process.

I used the relatively new Blockpress theme from MotionBlocks, which supports full site editing so users can customize everything directly on the page. I found the theme easy to work with when creating my example website for this project. It also has compatibility with WooCommerce, if you’re selling something on your site. The Timeline Block for Gutenberg plugin will work with any theme that supports the block editor, but I wanted the chance to play around with Blockpress.

This video demonstrates how you can create a timeline in under five minutes.

The first step is to install the theme and plugin. Once both are activated, create a new page that will house the timeline. Click on the block inserter and select Timeline Block.

One convenient feature about the plugin is that it will insert some placeholders, so it’s easy to see how to add new timeline items (“stories”). The easiest thing to do is replace the text and images that are already there and add more stories at the end if you need a longer timeline.

The plugin lets you customize the story heading, description, and primary label colors, and even the line, icon color/background, and story border. This makes it possible to match the colors to a site’s branding. On the individual story settings, you can change the image size and customize the story icon by selecting from the Font Awesome icon collection. The stories can also link to other posts, so it’s flexible to be used for a variety of different purposes in addition to your standard corporate timeline.

What is digital marketing Beginner?

Featured Imgs 11

Digital marketing is the process of promoting products and services online with the help of tactics such as social media marketing, affiliate marketing, email marketing, etc. It offers a chance for brands to focus clearly on marketing to the right audience

develop a prototype system for the Norman Manley Airport

558fe5180e0e8fc922d31c23ef84d240

You have been contracted to develop a prototype system for the Norman Manley Airport that will assist the airline staff in processing persons who have checked in for their flights during the covid pandemic. The information being stored for each person are as follows:
ID#
Name
Gender
FlightNo
Priority
There is no way of determining the number of persons who will check in daily, so your solution should implement an appropriate data structure that is able to handle this level of uncertainty. Each person has a Priority Level of either 1 or 2 that will indicate the urgency at which they are processed with 1 being the most urgent.
Processing Requirements

  1. Generate a random set of data representing customer arrivals at time t=0, t=1 and t=2. The number of arrivals can range from 1 to 6. (Assume single travelers for simplicity)
  2. Display an appropriate heading to represent the passing of time and display the data that was generated by using the following format: [trn, name, gender, flight, priority]. Each data item is to be placed on a newline.
  3. Add each person to the list in order of arrival and according to priority level. (note: persons with priority 1 are to be placed before persons with priority 2. A new priority 1 person is to be placed behind existing priority 1 individuals)
  4. Display the list to ensure that the order of arrival and priority levels are being maintained.
  5. Produce the following reports from the list:
    Number of level 1 males on each flight
    Number of level 1 females on each flight
    Number of level 2 males on each flight
    Number of level 2 females on each flight
  6. Process the list by generating a random number between 3 and 5 that will indicate how many persons to remove from the list. Persons are removed from the front of the list and the state of the list is to printed at each interval with an appropriate message to indicate the passage of time. The program should terminate when the list is empty.

Who Are We Helping?

558fe5180e0e8fc922d31c23ef84d240

It’s hard to deny the truth that for a lot of us “difficult” means “good,” and “more difficult” is “even better.” From video games to exercise to music to cooking, if someone accomplishes something perceived as hard to do, it’s a clear indication of their skill. Conversely, saying something is easy or simple is often a veiled insult, an insinuation that anyone could do it and therefore the thing is therefore barely worth acknowledging.

And, while I don’t want to discount the system upon which so much of our leisure activities are based, I think this is a lesson we in IT have taken too much to heart. I’m writing today to ask us to all consider shifting our thinking in the direction of “easy can also be good.” In fact, things which are easy are often better overall than things that require a greater level of individual virtuosity.

My query statement isn’t working correctly

Category Image 101

There are 2 tables as orders$ and 'order items$'
orders$ Table have 4 columns as order_id, customer_id, status, order_date
'order items&' Table have 4 columns as order_id, item_id, product_id, quantity

I want to modify the SQL statement to show an average number of products each customer had on their orders.

SELECT DISTINCT (c.customer_id) AS CustomerID, o.order_id AS OrderID, AVG(o.product_id)AS AvgProductOrdered
FROM orders$ c
INNER JOIN ['order items$'] o ON c.order_id = o.order_id
WHERE c.order_id = o.order_id
GROUP BY c.customer_id, o.order_id
ORDER BY AvgProductOrdered

How to make a calculator?

558fe5180e0e8fc922d31c23ef84d240

I am making a calculator in Virtual Basic for almost a week. I am encountering a problem when using the equals sign. When I type problems like 4 + 6 = 10 it answers correctly. When I press the equal again immediately after the calculator answers 10. It should enter as 10 + 6 = 16 but it does not work like that. How do I create a calculator that when users press again and again they will have a loop of + 6? Please help me. This is the code I used for my equal sign button.

How to Drive WooCommerce Sales with FOMO

Set Up Woocommerce

How to Drive WooCommerce Sales with FOMOThis guide is all about FOMO marketing techniques that you can employ to drive more sales. FOMO is one of the best WooCommerce marketing techniques to entice customers to buy from you. However, it might appear deceptive and possibly alienate your more sophisticated customers if you don’t execute it correctly. What is FOMO? “FOMO” or […]

The post How to Drive WooCommerce Sales with FOMO appeared first on WPExplorer.

362: Chris Nager

Category Image 052

This week I got to speak with Chris Nager! I’ve known Chris quite a while. I remember being inspired by his hand-drawn SVG plus symbol and subsequent guide to <path> commands, which inspired my own shortly after I was properly obsessed with SVG. We talk about all sorts of things like accessibility, how far CSS has come, and some of the amazing stuff that has shipped recently in Safari Technical Preview. Check out Chris’ Twitter, personal site, and classic great project Give ‘n’ Go, a CodePen/Dribbble crossover website.

Time Jumps

  • 00:24 Guest introduction
  • 01:56 Hand drawing SVG
  • 04:07 Dribbble and CodePen
  • 06:55 Accessibility as a focus
  • 09:04 Color-contrast function
  • 11:30 Color mix function
  • 13:20 inert and letting trim
  • 15:37 Clamp function
  • 16:28 Accessibility and JavaScript or React
  • 22:12 Deploy previews are amazing
  • 28:31 CSS logical properties and values
  • 30:16 ThingUI
  • 33:34 Using ch

The post 362: Chris Nager appeared first on CodePen Blog.