Winter shapes Winter shapes Winter shapes Winter shapes Winter shapes
Get up to 50% off!
Grab now

Front-end Employee Panel in the Amelia WordPress Booking Plugin

From version 8.1, a newly improved Employee Panel has been introduced in Amelia. This article covers the latest version of the panel. If you need assistance with the old panel, please visit this page.

Starting from this update, employees can now create customers directly from the Employee Panel, making the scheduling process even more efficient.

The Front-end Employee Panel provides your employees with a seamless way to manage their appointments, events, and profile directly from the front-end, eliminating the need to access the WordPress dashboard. This feature enhances user experience by offering a simplified and intuitive interface for employees to handle their schedules efficiently.

Visit our demo site to explore and test the Front-end Employee Panel in action.

Content

Creating the Employee Panel Page

To begin using the Employee Panel, you’ll need to create a dedicated page where the panel will be displayed. If you’re using one of the supported builders such as Elementor, Divi, or Gutenberg, you can easily add Amelia blocks. Simply search for “Amelia” and the available Amelia forms will appear. For Gutenberg, select the “Amelia – Employee Panel” block to get started.

The default panel that appears automatically on the page is the old Employee Panel.

If you require assistance with the old panel, please click on the link above.

To use the new employee panel, simply navigate to the right-hand side of the Gutenberg editor (or edit the Amelia block through Elementor or Divi) and select the “New version” from the drop-down:

Below the panel version, you’ll find two sliders that let you control the content displayed in the panel. If you’re exclusively using Appointments, you can disable the “Events” slider, and vice versa.

Please keep in mind that you cannot disable both sliders, as the panel would then have no content to display.

If you’re not using any of the supported builders, you will still be able to use the Employee Panel, by providing one of the following shortcodes:

  • [ameliaemployeepanel version=2 appointments=1 events=1] – The new Employee Panel, showing both Appointments and Events;
  • [ameliaemployeepanel version=2 events=1] – The new Employee Panel, showing only Events;
  • [ameliaemployeepanel version=2 appointments=1] – The new Employee Panel, showing only Appointments

Enabling the Front-end Employee Panel

To activate the Employee Panel, navigate to the Settings page and open the Roles Settings. Within the modal, select the Employee tab, where you’ll find the option to “Enable Employee Panel”.

After enabling this slider, the new setting will appear:

  • Employee Panel Page URL

Employee Panel Page URL

After enabling the Employee Panel, you’ll need to enter the URL of the page you’ve created into the “Employee Panel Page URL” field. Once saved in the Roles settings, the employees will be able to access the panel.

Require password for login

Admin can instantly set a password for any employee from the Employee modal, while employees can create a new password or change their existing one by entering their email on the panel and clicking Forgot Password.

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

The Time Zone Option

Employees can choose their own time zone, or any time zone they want, in which they will see the times of their appointments and events in the employee panel.

Please note that the time zone option applies only to the times for showing and managing appointments and events, it doesn’t affect the employees’ work hours. The work hours are in the time zone set in the backend, so the one that is set in your WordPress General Settings.

One note: To go to the employee’s profile employee just need to click on their name and My Profile section will appear.

Customizing the Employee Panel

The Front-End Employee Panel 2.0 offers extensive customization options to tailor the panel interface to your preferences and branding. From adjusting colors and fonts to modifying labels and layout elements, you can create a personalized experience for your employees.

When you access the Customize section in Amelia, make sure to select the “Employee Panel 2.0” option:

To explore detailed instructions on customizing the panel, including step-by-step guides and advanced configuration options, please visit our dedicated Customization Guide page.

In the meantime, here are some key customization features available in the Front-End Employee Panel 2.0:

  • Color Scheme: Modify the color scheme to match your brand identity.
  • Typography: Choose from a selection of fonts to enhance readability.
  • Custom Labels: Feel free to modify the existing labels to better match your brand.
  • Layout Settings: Organize the elements within the panel.

For detailed instructions on how to customize these features and more, please refer to our Customization Guide page.