- The Customers can view their appointment details by logging in with their credentials.
- The Administrator will have to paste a shortcode that will enable this functionality.
- Navigate to WordPress Admin Dashboard → Pages → Add New.
![](https://gravitymore.com/wp-content/uploads/2023/03/image214.png)
- A new page would open.
- Add the Title of the page.
![](https://gravitymore.com/wp-content/uploads/2023/03/image231.png)
- Click on the sign
to add blocks.
- Select the Shortcode element.
![](https://gravitymore.com/wp-content/uploads/2023/03/image48.gif)
- Once done, we can see that a shortcode [gfb_customer_appointments] will be added to the page.
![](https://gravitymore.com/wp-content/uploads/2023/03/image308.png)
- Click on the Publish button.
Front-End Impact
- On the website, go to the Customer Dashboard page where the shortcode is pasted.
- If you’re not logged in, a Click here hyperlink will be present on the page. Click on the hyperlink so you’ll be navigated to the login Page.
![](https://gravitymore.com/wp-content/uploads/2023/03/image344.png)
- Log in with the customer credentials.
- Once done, you’ll be redirected to the Customer Dashboard page on the website.
![](https://gravitymore.com/wp-content/uploads/2023/03/image321.png)
- The customer can cancel the booking request by clicking on the Cancel Request button in the Status section.
![](https://gravitymore.com/wp-content/uploads/2023/03/image75.png)
- A popup will appear.
- Enter the reason for cancellation of the appointment in the textbox.
- Click on the Confirm button.
![](https://gravitymore.com/wp-content/uploads/2023/03/image234.png)
- A popup will appear indicating that the specific appointment has been cancelled successfully.
- Click on the OK button.
![](https://gravitymore.com/wp-content/uploads/2023/03/image171.png)
- The status of the appointment will now appear as CANCELLED in the Status section on Customer Dashboard.
![](https://gravitymore.com/wp-content/uploads/2023/03/image272.png)
NOTE: If no Appointment is booked, then a text message “No appointments found.” will appear on the Customer Dashboard page.
![](https://gravitymore.com/wp-content/uploads/2023/03/image20.png)