---
title: "Add your Booking Form to the WordPress site’s Front-end"
description: "Adding Your booking event to your website is easier with FluentBooking.  To show your booking form on your WordPress website, follow these simple steps: Go to the **Booking Calendars** from your FluentBooking dashboard. Find the specific booking you want to…"
url: "https://fluentbooking.com/docs/add-your-booking-form-to-the-wordpress-sites-front-end/"
updated: "2024-12-31"
category: Getting Started
---

# Add your Booking Form to the WordPress site’s Front-end

Adding Your booking event to your website is easier with FluentBooking. 

To show your booking form on your WordPress website, follow these simple steps:

Go to the **Booking Calendars** from your FluentBooking dashboard. Find the specific booking you want to display on your website's front end.

![](https://fluentbooking.com/wp-content/uploads/2024/12/Booking-in-Frontend-1-scaled.webp)

Click the **Share** button, and a pop-up will appear with three sharing options for your bookings. 

### **Copy Shortcode**

Simply copy the shortcode from here 

![](https://fluentbooking.com/wp-content/uploads/2024/12/Booking-in-Frontend-2-scaled.webp)

Then paste the shortcode into your chosen page/post or almost anywhere that supports shortcode embedding. 

![](https://fluentbooking.com/wp-content/uploads/2023/10/1.5.png)

Your booking will then appear on that page's front end page like this.

![](https://fluentbooking.com/wp-content/uploads/2023/10/1.6.png)

### **Landing Page**

You'll receive a hyperlink for your booking, which you can place on your site's landing page or you can share this link anywhere to reach out to your booking event.

![](https://fluentbooking.com/wp-content/uploads/2024/12/Booking-in-Frontend-3-scaled.webp)

### **Add to Block**

On your WordPress site page, you'll discover a block for sharing your bookings. Use this block to add any booking event from your FluentBooking to your website's front end.

![](https://fluentbooking.com/wp-content/uploads/2023/10/DRIFT-VIDEO-3816145-3920706-1697369880.gif)

## Generate Link

With the **Generate Link** feature, you can create customized booking link parameters according to your needs. You’ll have two-page types to choose from when creating your link parameters:

**Landing Page**: Ideal for creating a dedicated page to capture bookings with a focused approach. Also, you can choose the **Field** and **Value** from the dedicated field.

Lastly, copy the generated link and use it.

![](https://fluentbooking.com/wp-content/uploads/2024/12/Booking-in-Frontend-5-scaled.webp)

**Other Page**: Use this option to generate links for existing pages on your site. You can select the page from the **Select Page** dropdown field and add parameters Field and Value from the dedicated fields. Now just simply copy the link to use it.

![](https://fluentbooking.com/wp-content/uploads/2024/12/Booking-in-Frontend-6-scaled.webp)

That's how you can embed your booking form on your webpage.