A video explaining how to customize the calendar color and custom fields displayed in the paid version of the WordPress reservation system plugin Amelia!

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 pluginAmelia(Links to the Amelia official website) There is a video explaining how to customize the displayed calendar color and custom fields of the paid version.



A video explaining how to customize the displayed calendar color and custom fields of the paid version of the WordPress reservation system plugin Amelia!

How to customize Amelia display calendar color and custom fields (illustration)

We will explain the customization items that can be done with the paid version of the Amelia reservation management system plugin for WordPress. This will include the color of the front-end display calendar, and the custom field settings to increase the number of items to be entered when making a reservation.

Make the settings in [Amelia] > [Customize].

wordpress予約管理システムプラグインamelia表示カレンダー色のカスタマイズ

Customize the calendar display color

What can be customized?

  1. Primary Color
  2. Major Inclination - Calendar Background Color
  3. Text Color
  4. Text background color - Preview continue background color
  5. Font: Roboto/Lato
wordpress予約管理システムプラグインamelia表示カレンダー色のカスタマイズ

I'll change the primary color to yellow and the text color to red to see what changes it makes!

wordpress予約管理システムプラグインamelia表示カレンダー色のカスタマイズ
wordpress予約管理システムプラグインamelia表示カレンダー色のカスタマイズ
wordpress予約管理システムプラグインamelia表示カレンダー色のカスタマイズ
wordpress予約管理システムプラグインamelia表示カレンダー色のカスタマイズ

I think you can imagine the text color, but the primary color is difficult. Please use this as a reference!

There are some very beautiful gradient color samples on the website itmeo!

https://webgradients.com/

Add custom fields to be filled in at time of booking

Still, by default

  • name
  • email address
  • telephone number

Here's how to customize the reservation form that is only available on the website. Items that can be added are

  1. text
  2. Text Range
  3. Text Content
  4. Selection box
  5. Checkbox
  6. Radio button
  7. Attachment

It will be.

wordpress予約管理システムプラグインamelia予約システムのカスタムフィールドを自由に設定可能

How to use custom fields

Click the [Add custom field] button.

wordpress予約管理システムプラグインamelia予約システムのカスタムフィールドを自由に設定可能

Select the field you want to use

wordpress予約管理システムプラグインamelia予約システムのカスタムフィールドを自由に設定可能

Label settings/display settings

For example, if you are entering your name in the name entry field, you would display [Name] and then display the text entry area. Enter the part of this [Name] you want to display in [Label].

Select the service or event you want to use the custom field you created when booking.

If you do not select anything in Service/Event, the form items will not change.

Finally, all you have to do is check the box to make it a required field.

wordpress予約管理システムプラグインamelia予約システムのカスタムフィールドを自由に設定可能

For custom fields that have selection options, set the selection options in Options.

wordpress予約管理システムプラグインamelia予約システムのカスタムフィールドを自由に設定可能

Example of custom field display

You can add it below your email address and phone number.

  1. Text - Enter a single line of text
  2. Text Range - Multi-line text entry
  3. Text Content - A text display area without an input field
  4. Selection Box - A drop-down selection
  5. Checkboxes - Multiple selection options
  6. Radio Buttons - Single selectable option
  7. Attachment - File upload item
wordpress予約管理システムプラグインamelia予約システムのカスタムフィールドを自由に設定可能

When using Attachment

In the [Amelia] > [Settings] > [Basic Settings] section, there is a section called [Attachment upload path].

If left empty, files will be added to the WordPress media when uploaded.

By creating a specific file on the server and setting its path (URL), it becomes possible to manage the files that customers upload separately.

wordpress予約管理システムプラグインamelia予約システムのカスタムフィールドを自由に設定可能

Receive custom field values via email

The important thing here is to receive a notification email when you add a custom field. It depends on your preference, but the general flow is to send a copy of the input to the customer in an automatic reply email and notify the administrator of the input. The values of the added custom fields that you have entered can be checked at any time on the dashboard.

Mail Settings

[Amelia]>[Notifications]

wordpress予約管理システムプラグインamelia予約システムのカスタムフィールドを自由に設定可能

Email placeholder selection

Click on the part underlined in red.

wordpress予約管理システムプラグインamelia予約システムのカスタムフィールドを自由に設定可能

[%custom_field_13%] This is the email placeholder for the additional custom field text item. The numbers vary depending on each custom field.

wordpress予約管理システムプラグインamelia予約システムのカスタムフィールドを自由に設定可能

You can display an email placeholder in your email by entering it into the body of the email.

Since it is not possible to create different email text for each service, if there are no values for custom fields depending on the service, you will need to be creative with the email text.

wordpress予約管理システムプラグインamelia予約システムのカスタムフィールドを自由に設定可能

Check your custom fields on the dashboard

[Amelia] > [Appointment]
Go to the reservation list page

wordpress予約管理システムプラグインamelia予約システムのカスタムフィールドを自由に設定可能

Click [Edit] from the reservation list.

wordpress予約管理システムプラグインamelia予約システムのカスタムフィールドを自由に設定可能

You can check the field values entered in the [Custom Field] section.

wordpress予約管理システムプラグインamelia予約システムのカスタムフィールドを自由に設定可能

This is the end of the explanation of custom fields! Thank you for your hard work!

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