Front-end Customer Panel in the Amelia Booking Plugin

Front-end Customer Panel allows you to offer your customers an easy way to track, reschedule and/or cancel their appointments and events. In Customer Panel, customers can manage their personal details without logging into the Ideakit backend.

How to enable and set the Front-end customers panel

To enable the Panel go to the Settings page and open Roles Settings. Once you’ve done that, click the Customers tab in the modal and you will see the “Enable Customers Panel” option.

Once you’ve enabled this option the new three options will appear.

Require password for login

This option enables you to choose whether you will require the classic login to the Panel, or you will allow accessing the Panel solely via a link from the notifications.

By default, this option is enabled; this means that customers will need to log in with email and password to access their appointments on the Panel.

If you disable this option – the customer will be able to follow the URL with a unique token in the email notifications without entering their username and password.

Allow customers to delete their profile

By enabling this option, you can follow GDPR rules. Note that by default, the option is disabled, which means that customers will not be able to delete their profile information.

If you enable it, the customers will see the Delete button on their profile, and they will be able to delete their personal information by clicking on it. That will not remove their appointments, but it will delete all their personal data from your database.

The customer’s profile will still be visible to the admin and manager because of the scheduled appointments, but instead of Customer’s personal information, the Customer ID will be shown.

Since Amelia does not store any data from your customers in compliance with GDPR, by adding Delete button to the Customer Panel, customers’ data will be deleted from your database.

To enter customers profile details click on the arrow beside customer’s email and choose “My Profile”.

Once you enter the profile, in the bottom left corner you will see option to “Delete Profile”.

Please note: Allowing customers to delete their profile will not delete existing appointments.

Allow this option to be GDPL Compliant.

Customer Panel Page URL

Here you need to paste the URL of the page on which the Panel shotcode will be places, in order to be able to send the link to your customers via notifications.

Please, be aware to add a placeholder to the notifications in which you want to send the Customer Panel URL, you can find it in the </> Show Email Placeholders on the email notifications page or you can just paste %customer_panel_url% placeholder.

Allow customers to reschedule their appointments

By default, this option is disabled; this means that your customers will not be able to reschedule their appointments on Customer Panel. The only option that will be visible to them is to Cancel the appointment.

If you enable this option, next to the Cancel button, they will also see the Reschedule button. By clicking on the Reschedule button, the dialog will pop up, and they will be able to reschedule the appointment for some available slot in the future.

Don’t forget that in General Settings, you can set up minimum time required before canceling/rescheduling.

How to Add Front-end Customers Panel to the Page

The Front-end customer panel can simply be added to the page on your Ideakit website by adding the shortcode like you have added shortcodes for one of the front-end booking forms.

From version 2.5 of Amelia, there are three possible shortcodes for the Customer Panel, so if you use only Services in Amelia, or only Events, there is a possibility to show only one of them in the Panel using different shortcodes.

Go to the Pages, click on the “Add New” and add the shortcode. There are two ways of adding the shortcode, depending on whether you are using Gutenberg or Classic editor.

If you are using Gutenberg editor, in top right corner, or below the page title you will see “+” (“Add Block”) option. Once you click on this option you will need to choose Amelia, or you can write Amelia in the Search block. Click on the Amelia – Customer Panel and the shortcode will appear. In the right panel you will see options where you can enable or disable Appointments and Events, depending on your preferences – if you want to show them both on the Customer Panel leave both options enabled, if you need only one of them disable the one you don’t need.

If you prefer using the Classic editor, once you go to “Add a new” page you will see the “Amelia” insert shortcode button in your TinyMCE editor. After you click on it, the Amelia booking widget will open. Select Amelia Customer Panel and check boxes for Appointments or Events or both, depending on what you want to have in the Panel.

Once you’ve added the shortcode, click on the “Publish” button to save your changes and publish the page. After you publish the page you can view it by clicking on the “View page” button on the left hand side, or by clicking on the URL on the right hand side of the page.

If you cannot find the shortcode, these are the possible three shortcodes for the Customer Panel which you can copy and paste to your page:

Please note: In order for your customers to receive a link for access to the Panel you need to add a placeholder to the notifications in which you want to send the URL of the panel. You can find it in the Show Email Placeholders on the email notifications page, or you can just paste %customer_panel_url% placeholder in the notifications template.

To add Amelia Customer Panel to the page on you website paste shortcode: