Follow these steps to set up the Amelia booking popup on your website:
1. Add the Popup Trigger #
Enable the “Show in Amelia Popup” option.
Define a class trigger for your button.
Example: amelia-popup
Add the form to the page (location does not matter).
The form will remain hidden until the popup is triggered.
Add the trigger class to the button or element.
2. Add Services and Employees #
Add Services #
- Go to Amelia → Services.
- Add all the services you provide.
- More details about Services
Add Employees #
- In the Free version, you can add 1 employee.
- Navigate to Amelia → Settings → Provider Details to set up the employee.
After adding services and employees, the Amelia popup will be fully functional.
3. Customize the Popup #
- Go to Amelia → Customize → Step-by-Step Booking.
- Adjust settings for:
- Fields
- Colors
- Fonts
- Other design options