Video explanation on how to display the calendar in the paid version of the Amelia WordPress reservation system plugin!

At HanamiWEB Online School,

●Ask questions in real-time in the virtual study room!

●Ask as many questions as you want via chat!

●E-learning materials that you can learn as much as you want, 24 hours a day!

All included for just 2,500 yen/month!

WordPress booking system pluginAmeliaThis video explains how to display the calendar in the paid version.



Video explanation on how to display the calendar in the paid version of the Amelia WordPress reservation system plugin!

How to set up the reservation service calendar display (illustrated)

Now, we will illustrate how to display a reservation calendar using the paid version of the Amelia WordPress reservation system plugin!

The block is added to the block editor.

Amelia has been added to the block editor. Basically, you can easily set up the calendar without having to enter short codes.

This time, select [Amelia-Booking View].

wordpress予約システムプラグインamelia有料版でのサービスカレンダー表示方法

In the Classic Editor

The icon has been added.

wordpress予約システムプラグインamelia有料版でのサービスカレンダー表示方法

Click the icon and then select [booking].

wordpress予約システムプラグインamelia有料版でのサービスカレンダー表示方法

Automatic shortcode insertion

The shortcode will be inserted automatically.

[ameliabooking]

If you cannot find it in the block editor or classic editor, you can display the calendar by pasting the above shortcode.

wordpress予約システムプラグインamelia有料版でのサービスカレンダー表示方法ショートコード自動挿入

Calendar View

If you preview, you will be able to see that the service calendar is displayed.

Select a service

First, select the service. If you have set options in the service settings, there will be an option called [Add additional options] as shown in the image.

Also, if you are an employee, select the employee on this screen before proceeding.

wordpress予約システムプラグインamelia有料版でのサービスカレンダー表示方法オプション設定

Select the additional option

Click [Continue] to proceed to the next step.

wordpress予約システムプラグインamelia有料版でのサービスカレンダー表示方法オプション設定

Select date from calendar

Only available dates and times will be displayed based on business days, employee settings, and Google Calendar integration.

You will first select the services, options, and employees, but on this screen you can change the service, employee, or options.

wordpress予約システムプラグインamelia有料版でのサービスカレンダー表示方法日付選択

Time Selection

The available time slots for the date you selected will be displayed.

wordpress予約システムプラグインamelia有料版でのサービスカレンダー表示方法時間選択

At this time, the reservation start time is displayed in 15-minute increments, which reflects the settings you made in [Settings] > [Basic Settings].

The [Default time step] is set to 15 minutes, so reservations can be accepted at start times in 15-minute increments.

If you have turned on [Use service periods for reservation time slots], for a two-hour service, the service times will be from 10:00, 12:00, 14:00, and 16:00, with intervals of the time required for the service.

In addition, you can also make detailed settings such as leaving 15 minutes before and after a reservation.

wordpress予約システムプラグインamelia有料版でのサービスカレンダー表示方法時間選択

Enter the necessary information and complete the reservation

In the basic configuration

  • name
  • email address
  • telephone number

You can set the input items. Customers can enter the necessary information and proceed to make a reservation.

wordpress予約システムプラグインamelia有料版でのサービスカレンダー表示方法カスタムフィールド

With the paid version, you can also add custom fields that allow you to add information to be entered on this final screen.

予約システムのカスタムフィールドを自由に設定可能

To set up the payment function, go to [Settings] > [Payment].

wordpress予約システムプラグインamelia有料版でのサービスカレンダー表示方法決済はオンサイト、paypal、stripeが設定可能

When registering a service, you can choose to turn the payment function on or off for each service in the [Settings] section.

wordpress予約システムプラグインamelia有料版でのサービスカレンダー表示方法決済はオンサイト、paypal、stripeが設定可能

booking is done

It has a nice reservation completion screen. Once the reservation is completed, an automatic reply email will be sent.

wordpress予約システムプラグインamelia有料版でのサービスカレンダー表示方法決済はオンサイト、paypal、stripeが設定可能

There are also reminder emails the day before and follow-up emails after booking.

予約リマインドメール、フォローアップメールもあります

Add an event to your calendar

  • Google Calendar
  • Yahoo! Calendar
  • iCal Calendar
  • Outlook Calendar

You can add events to your calendar from these four types.

wordpress予約システムプラグインamelia有料版でのサービスカレンダー表示方法カレンダへ予約を自動追加

The setup is very easy; just go to [Settings] > [Basic Settings] and turn on [Show customers the option to add to calendar]!

wordpress予約システムプラグインamelia有料版でのサービスカレンダー表示方法カレンダへ予約を自動追加

[Option] Display only specific services or categories

With the paid version, you can display calendars for specific services or categories only.

In the block editor

wordpress予約システムプラグインamelia有料版でのサービスカレンダー表示方法特定のサービス、カテゴリーだけを表示させる

In the Classic Editor

Check Preselect booking parameters

wordpress予約システムプラグインamelia有料版でのサービスカレンダー表示方法特定のサービス、カテゴリーだけを表示させる

If you specify a short code:

  • [ameliabooking] Regular booking calendar view
  • [ameliabooking category=1] If the category ID you want to display is 1, set category=1.
  • [ameliabooking service=1] If the service ID you want to display is 1, set service=1.
  • [ameliabooking employee=1] If the employee ID you want to display is 1, set employee=1
  • [ameliabooking location=1]If the location ID you want to display is 1, set location=1.

Leave the reskilling of your website to us!

Since 2019, we have been sharing skills related to WordPress and websites. We have accumulated case studies and know-how, and are good at quickly and accurately solving problems. If you have any concerns about your website, please feel free to contact us via our official LINE account!

↑Click to open the official LINE page

Latest Articles

(Solved) Emails sent from WordPress to Gmail are not being sent [Lollipop]
Explaining package (ticket) settings for the WordPress reservation system Amelia
Zoom Integration Server-to-Server OAuth Settings
WordPress Security Enhancement Plugin All in one WP Security ~ iframe Protection feature explained
WP Rocket - WordPress Caching Plugin
en_USEnglish