Nicepage 6.21: November 1, 2024 - Calendar Appointments and Booking
Nicepage 6.21: November 1, 2024 - Calendar Appointments and Booking
What's New in This Update?
Calendar Appointments and Booking
Calendar Element
Schedule Events
Stylize Calendar
Calendar On Live Site
Book Appointments
Appointment Notification
Manage Appointments
Post Editor Reworked
Publish Success Reworked
Form Field Option For Reply-To
Video Lesson: How to add Google Recaptcha
New Block and Page Designs
Calendar Appointments and Booking (Beta)
We have added the new Calendar Element, which allows users to book Appointments or Schedule Events on specific dates and times. It is particularly useful for service-oriented sites like barbershops, dance classes, or yoga studios.
Calendar Element
You can add the Calendar Element from the Add Panel.
Calendar Properties
Go to the Property Panel for the selected Calendar Element to set its Calendar Name and Schedule Events, and style it.
Calendar Name
You can enter the Calendar Name used to identify your Calendar on the Calendar Appointments page of your Profile.
Schedule Events
Click the Schedule on the Calendar's Property Panel to set the Time Zone, Days, specific Dates, Times, and Schedule Options.
You can set the following parameters on the Schedule Panel.
Time Zone
You can select the Time Zone for your Calendar Appointments.
Days & Hours
Specify the Weekdays or a specific Date for your Calendar Appointments. Click the Plus icon to add the new Days & Hours.
Click the Days & Hours line to edit the time and add additional Time Spots. You can also add the Time Spot by clicking the Plus and remove it by clicking the Minus.
You can remove the Days & Hours by clicking the Munis.
Schedule Options
You can also modify the Duration, Date Range, and Time to Close options for the Calendar Schedule.
Stylize Calendar
You can stylize the Dates, Weekdays, Month and Year, and Time Slots in the corresponding Property Groups. You can also modify the general Element Properties like Background, Border, Shadow, etc.
Calendar Element Styles
The Style Properties for the Dates are shown below. Similarly, you can stylize Weekdays, Month and Year, and Time Slots on their Panels.
Calendar Settings
You can set the Notification shown when your site visitor books an Appointment.
Calendar On Live Site
After you add and stylize the Calendar Element to a site, you can publish and export this site so visitors can book Appointments.
The Dates and Times are shown in the local visitor's Time Zone. The Calendar can be exported to HTML, WordPress, Joomla, and the Online Builder.
Book Appointments
Your site visitor can click the Date and then the Time to book an Appointment. If the Appointment is booked, you will see the Success Message, which you set in the Calendar Settings.
Appointment Notification
The site owner will receive an email about the new Appointment to the Address used in the Profile.
Manage Appointments
The site owner can see all the Calendar Appointments page on the Nicepage site.
Calendar Appointments Links
You can open the page from the Profile, Site Settings, and Calendar Properties.
Select Calendar
On the Calendar Appointments page, you can select the Calendar with Appointments.
Appointment Tabs
The Upcoming Tab shows the current bookings. When the Appointment expires, it will automatically move to the Past Tab. You can click the Bucket icon to cancel the Appointment. The Cancelled Appointments will move to the Cancelled tab.
Post Editor Reworked
We have continued to improve the Post Editor and further simplified its layout and editing options.
Publish Success Reworked
By default, after publishing, the Publish Success dialog link will open the current page, not the Home page, as before. However, if needed, you can use the switcher to change to the Home Page.
Form Field Option For Reply-To
We have added the new Form Field option to the Reply-To property, allowing you to reply using the Email Field from the Contact Form.
Video Lesson: How to add Google Recaptcha
We have created a new video lesson about connecting a custom domain to your Nicepage site.
## What's New in This Update?
- Calendar Appointments and Booking
- Calendar Element
- Schedule Events
- Stylize Calendar
- Calendar On Live Site
- Book Appointments
- Appointment Notification
- Manage Appointments
- Post Editor Reworked
- Publish Success Reworked
- Form Field Option For Reply-To
- Video Lesson: How to add Google Recaptcha
- New Block and Page Designs
## Calendar Appointments and Booking (Beta)
We have added the new Calendar Element, which allows users to book Appointments or Schedule Events on specific dates and times. It is particularly useful for service-oriented sites like barbershops, dance classes, or yoga studios.
!calendar.jpg!
## Calendar Element
You can add the Calendar Element from the Add Panel.
!add-calendar.png!
### Calendar Properties
Go to the Property Panel for the selected Calendar Element to set its Calendar Name and Schedule Events, and style it.
!calendar-properties.png!
### Calendar Name
You can enter the Calendar Name used to identify your Calendar on the Calendar Appointments page of your Profile.
!calendar-name.png!
## Schedule Events
Click the Schedule on the Calendar's Property Panel to set the Time Zone, Days, specific Dates, Times, and Schedule Options.
!calendar-schedule.png!
You can set the following parameters on the Schedule Panel.
### Time Zone
You can select the Time Zone for your Calendar Appointments.
!calendar-time-zone.png!
### Days & Hours
Specify the Weekdays or a specific Date for your Calendar Appointments. Click the Plus icon to add the new Days & Hours.
!calendar-days-hours-add.png!
Click the Days & Hours line to edit the time and add additional Time Spots. You can also add the Time Spot by clicking the Plus and remove it by clicking the Minus.
!calendar-days-hours-edit.png!
You can remove the Days & Hours by clicking the Munis.
!calendar-days-hours-delete.png!
### Schedule Options
You can also modify the Duration, Date Range, and Time to Close options for the Calendar Schedule.
!calendar-schedule-options.png!
## Stylize Calendar
You can stylize the Dates, Weekdays, Month and Year, and Time Slots in the corresponding Property Groups. You can also modify the general Element Properties like Background, Border, Shadow, etc.
!calendar-stylize.png!
### Calendar Element Styles
The Style Properties for the Dates are shown below. Similarly, you can stylize Weekdays, Month and Year, and Time Slots on their Panels.
!calendar-stylize-date.png!
### Calendar Settings
You can set the Notification shown when your site visitor books an Appointment.
!calendar-settings.png!
## Calendar On Live Site
After you add and stylize the Calendar Element to a site, you can publish and export this site so visitors can book Appointments.
!calendar-live-site.png!
The Dates and Times are shown in the local visitor's Time Zone. The Calendar can be exported to HTML, WordPress, Joomla, and the Online Builder.
## Book Appointments
Your site visitor can click the Date and then the Time to book an Appointment. If the Appointment is booked, you will see the Success Message, which you set in the Calendar Settings.
!book-appointment-success.gif!
## Appointment Notification
The site owner will receive an email about the new Appointment to the Address used in the Profile.
!calendar-appointment-email.png!
## Manage Appointments
The site owner can see all the Calendar Appointments page on the Nicepage site.
!appointments-page.png!
### Calendar Appointments Links
You can open the page from the Profile, Site Settings, and Calendar Properties.
!calendar-appointment-links.png!
### Select Calendar
On the Calendar Appointments page, you can select the Calendar with Appointments.
!appointments-select-calendar.png!
### Appointment Tabs
The Upcoming Tab shows the current bookings. When the Appointment expires, it will automatically move to the Past Tab. You can click the Bucket icon to cancel the Appointment. The Cancelled Appointments will move to the Cancelled tab.
!cancel-appointments.gif!
## Post Editor Reworked
We have continued to improve the Post Editor and further simplified its layout and editing options.
!post-editor-reworked.png!
## Publish Success Reworked
By default, after publishing, the Publish Success dialog link will open the current page, not the Home page, as before. However, if needed, you can use the switcher to change to the Home Page.
!publish-success-reworked.png!
## Form Field Option For Reply-To
We have added the new Form Field option to the Reply-To property, allowing you to reply using the Email Field from the Contact Form.
!form-no-reply-option.png!
## Video Lesson: How to add Google Recaptcha
We have created a new video lesson about connecting a custom domain to your Nicepage site.
###
<iframe style="width: 95%; aspect-ratio: 16 / 9;" src="https://www.youtube.com/embed/qEESaaXKnRQ" title="Video Lesson: How to add Google Recaptcha" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
###
Please subscribe to our [YouTube channel](https://youtube.com/nicepage?sub_confirmation=1) and [follow us on Facebook](https://facebook.com/nicepageapp) for video updates.
## Fixed Issues
- Invalid coloring of the Grid Columns enabled in the Editor
- Invalid position of the Post Editor Header
- Invalid width of the Menu Element in the Footer
- Invalid display Padding property in the Property Panel
- Malfunctioning of the Article deletion operation on some user websites
- Malfunctioning of the PayPal option for renewals
- Malfunctioning of the Add Block button after switching the Footer on and off
- Malfunctioning of the Animation on Hover with the Scale Parameter
- Malfunctioning of the Color Picker while picking a Color
- Malfunctioning of the Header selection after clicking on the Page Area
- Malfunctioning of the Icon Search in WordPress and Joomla
- Malfunctioning of the field selection for Condition in the Contact Form Element in some user projects
## Block and Page Designs
We have created [new block and page designs](https://nicepage.com/html-templates) up to this update.
[!new-designs-621.jpg!](https://nicepage.com/html-templates)