---
title: Frontend Panel
description: "FluentBooking enables you to create a frontend panel where you and your users can effortlessly view, manage, and cancel bookings without needing to access the admin dashboard. Read this article to learn more about the FluentBooking Frontend Panel. [How to…"
url: "https://fluentbooking.com/docs/fluentbooking-frontend-panel/"
updated: "2025-03-21"
category: Global Settings
---

# Frontend Panel

FluentBooking enables you to create a frontend panel where you and your users can effortlessly view, manage, and cancel bookings without needing to access the admin dashboard. Read this article to learn more about the FluentBooking Frontend Panel.

[How to Manage Appointments From Frontend with Team Members & Clients | FluentBooking Frontend Portal](https://www.youtube.com/embed/tMs_gYF448k?feature=oembed)

## **Enable Frontend Panel **

To enable the Frontend Panel, navigate to FluentBooking and click on **Settings** in the navbar. From the left sidebar, select **Advanced Features & Addons**. You'll find the **Frontend Portal** option here. Click the **Settings** button next to Frontend Portal to access its configuration settings.

![](https://fluentbooking.com/wp-content/uploads/2024/09/FluentBooking-Frontend-Portal-1-scaled.webp)

A pop-up will appear. Check the **Enable Frontend Portal** box to activate it. You’ll have two options to display your Frontend Panel:

1. **Show in a Standalone Frontend UR**L: Choose this option if you prefer a separate Frontend Panel accessible via a direct link, without needing to embed a shortcode on a page.

2. **Use a Pre-defined Page via Shortcode**: This option allows you to embed the FluentBooking Frontend Panel on any page by using a shortcode, making it accessible from that page.

![](https://fluentbooking.com/wp-content/uploads/2024/09/FluentBooking-Frontend-Portal-2-scaled.webp)

### **Show in a Standalone Frontend URL**

If you enable the **Show in a Standalone Frontend URL** option, a URL will be provided in the Frontend Portal settings. This URL gives you direct access to FluentBooking's Frontend Panel.

Additionally, you can access the Frontend Panel by clicking the **Frontend** button in the navbar.

![](https://fluentbooking.com/wp-content/uploads/2024/09/FluentBooking-Frontend-Portal-3-scaled.webp)

### **Use a pre-defined page via shortcode**

To add your Frontend Panel to any page on your WordPress site, select **Use a pre-defined page via shortcode**, then choose the desired page from the drop-down menu.

Next, copy the provided shortcode and paste it into the selected page.

![](https://fluentbooking.com/wp-content/uploads/2024/09/FluentBooking-Frontend-Portal-4-scaled.webp)

Enter the edit mode of the selected page and paste the shortcode you copied earlier. Then, click the **Save** button to apply the changes.

![](https://fluentbooking.com/wp-content/uploads/2024/09/FluentBooking-Frontend-Portal-5-scaled.webp)

## **Frontend Panel Access Roles **

Only Admins and WordPress users assigned as Hosts in FluentBooking can log in to the Frontend Panel and manage their bookings.

## **Preview of Frontend Panel**

Here’s what the login page will look like on your site’s frontend for accessing the FluentBooking Frontend.

![](https://fluentbooking.com/wp-content/uploads/2024/09/FluentBooking-Frontend-Portal-6-scaled.webp)

Your FluentBooking will appear in the frontend panel as shown in the screenshot below.

![](https://fluentbooking.com/wp-content/uploads/2024/09/FluentBooking-Frontend-Portal-7-scaled.webp)

If you have any further questions about the FluentBooking Frontend Panel, please don’t hesitate to [contact us](https://wpmanageninja.com/account/dashboard/).