{"id":1220,"date":"2024-02-01T12:19:45","date_gmt":"2024-02-01T10:19:45","guid":{"rendered":"https:\/\/wellnessunityhub.com\/documentation\/?p=1220"},"modified":"2024-02-01T13:35:44","modified_gmt":"2024-02-01T11:35:44","slug":"custom-fields-on-booking-forms","status":"publish","type":"post","link":"https:\/\/wellnessunityhub.com\/documentation\/2024\/02\/01\/custom-fields-on-booking-forms\/","title":{"rendered":"Custom fields on booking forms"},"content":{"rendered":"\n<p class=\"gutenify-section-11dfef00-c0eb-11ee-b055-d76dbb9f6f4c\">The Custom Fields feature gives you the option to add more fields to your booking form so as to customize it to best match your business needs. The customer\u2019s first and last name, email address, and phone number are there by default, but with the Custom Fields feature you can add extra fields if you want to ask a customer a question, collect additional personal details, or for any other reason.<br>For appointments, these fields will appear on the Booking form under the default fields, and once your customer fills them this information will be shown in the appointment information on the back-end.<\/p>\n\n\n\n<p class=\"gutenify-section-11e14e90-c0eb-11ee-b055-d76dbb9f6f4c\">As for the events,\u00a0custom fields will be shown in the same place on the front-end booking form like for the appointments, but when it is about the back-end the place for the custom fields is different and you will find them when you open the Attendees list and click on any attendee. Once you click on the attendee on the list you will see an option \u201cEdit attendee\u201d and by clicking on that option the custom fields will show up.<\/p>\n\n\n\n<h3 class=\"wp-block-heading gutenify-section-2592cf90-c0eb-11ee-b055-d76dbb9f6f4c\">Setting up the Custom fields<\/h3>\n\n\n\n<p class=\"gutenify-section-2593e100-c0eb-11ee-b055-d76dbb9f6f4c\">There are several field types you can add:<\/p>\n\n\n\n<ul class=\"gutenify-section-259826c0-c0eb-11ee-b055-d76dbb9f6f4c wp-block-list\">\n<li class=\"gutenify-section-25945630-c0eb-11ee-b055-d76dbb9f6f4c\">Text,<\/li>\n\n\n\n<li class=\"gutenify-section-2594cb60-c0eb-11ee-b055-d76dbb9f6f4c\">Text Area,<\/li>\n\n\n\n<li class=\"gutenify-section-25951980-c0eb-11ee-b055-d76dbb9f6f4c\">Text Content,<\/li>\n\n\n\n<li class=\"gutenify-section-25958eb0-c0eb-11ee-b055-d76dbb9f6f4c\">Selectbox,<\/li>\n\n\n\n<li class=\"gutenify-section-25965200-c0eb-11ee-b055-d76dbb9f6f4c\">Checkbox,<\/li>\n\n\n\n<li class=\"gutenify-section-2596a020-c0eb-11ee-b055-d76dbb9f6f4c\">Radio buttons<\/li>\n\n\n\n<li class=\"gutenify-section-2596ee40-c0eb-11ee-b055-d76dbb9f6f4c\">Attachment (currently .jpg, .jpeg, .png, .pdf, .xls, .txt, and .csv are supported)<\/li>\n\n\n\n<li class=\"gutenify-section-25976370-c0eb-11ee-b055-d76dbb9f6f4c\">Date picker<\/li>\n\n\n\n<li class=\"gutenify-section-2597b190-c0eb-11ee-b055-d76dbb9f6f4c\">Address<\/li>\n<\/ul>\n\n\n\n<p class=\"gutenify-section-25989bf0-c0eb-11ee-b055-d76dbb9f6f4c\">You can add as many fields as you need. The \u201cText Content\u201d, \u201cCheckbox\u201d, and \u201cRadio Buttons\u201d custom fields support HTML so you can add links to them (for example, if you want to add a hyperlink that\u2019ll lead the customers to your \u201cTerms &amp; Conditions\u201d page, before clicking on \u201cI agree\u201d). In the \u201cText Content\u201d field, you can add pictures, change colors, etc. to customize the text better.<\/p>\n\n\n\n<p class=\"gutenify-section-25991120-c0eb-11ee-b055-d76dbb9f6f4c\">To add the custom fields, click on\u00a0<strong>Unity Bookings\/Custom Fields<\/strong>\u00a0WordPress menu on the left-hand side. Click the\u00a0<strong>\u201cAdd Custom Fields\u201d<\/strong>\u00a0button and choose one of the field types, or use the\u00a0<strong>\u201c+\u201d<\/strong>\u00a0button at the bottom right of the page to add it.<\/p>\n\n\n\n<p class=\"gutenify-section-25995f40-c0eb-11ee-b055-d76dbb9f6f4c\"><strong>Please Note:\u00a0<\/strong>In order for the\u00a0<strong>Address\u00a0<\/strong>custom field to work correctly please add the Google Map API Key in General Settings of Unity Booking Settings page. Otherwise, the field will work just as a simple text field.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized gutenify-section-259ae5e0-c0eb-11ee-b055-d76dbb9f6f4c\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"476\" src=\"https:\/\/wellnessunityhub.com\/documentation\/wp-content\/uploads\/sites\/3\/2024\/02\/custom-fields-1024x476.png\" alt=\"\" class=\"wp-image-1222\" style=\"width:1274px;height:auto\" title=\"custom-fields-1\" srcset=\"https:\/\/wellnessunityhub.com\/documentation\/wp-content\/uploads\/sites\/3\/2024\/02\/custom-fields-1024x476.png 1024w, https:\/\/wellnessunityhub.com\/documentation\/wp-content\/uploads\/sites\/3\/2024\/02\/custom-fields-300x139.png 300w, https:\/\/wellnessunityhub.com\/documentation\/wp-content\/uploads\/sites\/3\/2024\/02\/custom-fields-768x357.png 768w, https:\/\/wellnessunityhub.com\/documentation\/wp-content\/uploads\/sites\/3\/2024\/02\/custom-fields-1536x713.png 1536w, https:\/\/wellnessunityhub.com\/documentation\/wp-content\/uploads\/sites\/3\/2024\/02\/custom-fields-600x279.png 600w, https:\/\/wellnessunityhub.com\/documentation\/wp-content\/uploads\/sites\/3\/2024\/02\/custom-fields.png 1705w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<p class=\"gutenify-section-259b5b10-c0eb-11ee-b055-d76dbb9f6f4c\">After you add a field you will see these options:<\/p>\n\n\n\n<ol class=\"gutenify-section-259f79c0-c0eb-11ee-b055-d76dbb9f6f4c wp-block-list\">\n<li class=\"gutenify-section-259bd040-c0eb-11ee-b055-d76dbb9f6f4c\"><strong>Ordering<\/strong>&nbsp;\u2013 Use this option to reorder your custom fields \u2013&nbsp;the order you set here will be the order customers will see on the booking form.<\/li>\n\n\n\n<li class=\"gutenify-section-259c6c80-c0eb-11ee-b055-d76dbb9f6f4c\"><strong>Label<\/strong>&nbsp;\u2013 Use this option to enter the name of your field. The name can be in form of a question, an additional option, or whatever you need.<\/li>\n\n\n\n<li class=\"gutenify-section-259ce1b0-c0eb-11ee-b055-d76dbb9f6f4c\"><strong>Services<\/strong>&nbsp;\u2013 If you have multiple services and you require additional information for one or more of them, you can set it here. The Services option allows you to choose the services for which this field will be displayed. If you want to show this custom field for all services just choose the \u201cAll services\u201d option from the dropdown.<\/li>\n\n\n\n<li class=\"gutenify-section-259d56e0-c0eb-11ee-b055-d76dbb9f6f4c\"><strong>Events&nbsp;<\/strong>\u2013&nbsp;If you have multiple events you will have the option to choose for which of them this custom field will be shown. If you want to show this custom field for all events just choose the \u201cAll Events\u201d option from the dropdown.<\/li>\n\n\n\n<li class=\"gutenify-section-259da500-c0eb-11ee-b055-d76dbb9f6f4c\"><strong>Required<\/strong>&nbsp;\u2013 Here you can set whether the field will be required or not. By default, when you add a field this option is enabled, but you can toggle the check-box to make the field optional.<\/li>\n\n\n\n<li class=\"gutenify-section-259e1a30-c0eb-11ee-b055-d76dbb9f6f4c\"><strong>Delete<\/strong>&nbsp;\u2013 Next to each field, there is a \u201ctrash can\u201d icon, so you can delete the field with one click. These icons are also located beside each option you add for the selectbox, checkbox, and radio button fields.<\/li>\n\n\n\n<li class=\"gutenify-section-259e6850-c0eb-11ee-b055-d76dbb9f6f4c\"><strong>Translate<\/strong>\u00a0\u2013 If you\u2019re using Unity Bookings in multiple languages, you\u2019ll be able to configure the translation for each language you\u2019ve added to Unity Bookings General Settings.<\/li>\n\n\n\n<li class=\"gutenify-section-259eb670-c0eb-11ee-b055-d76dbb9f6f4c\"><strong>Add Option<\/strong>&nbsp;\u2013 This option is visible for the selectbox, checkbox, and radio button fields, and enables you to add as many options as you need for each of these fields.<\/li>\n\n\n\n<li class=\"gutenify-section-259f2ba0-c0eb-11ee-b055-d76dbb9f6f4c\"><strong>Send custom fields info for each customer separately<\/strong>&nbsp;\u2013 This option is located above all custom fields, so you can choose in which manner the info from custom fields will be sent if you have group appointments. If you check this checkbox, every new customer in a group appointment will be sent separately in the email notification sent to the employee. If unchecked, your employee will receive info about all customers in one notification, and each time new customer books that appointment, the info will be appended and the employee will receive more data.<\/li>\n<\/ol>\n\n\n\n<p class=\"gutenify-section-259feef0-c0eb-11ee-b055-d76dbb9f6f4c\">Once you\u2019ve finished setting up the custom fields, refresh your booking form and the fields will become visible to you and your customers.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized gutenify-section-25a08b30-c0eb-11ee-b055-d76dbb9f6f4c\"><img loading=\"lazy\" decoding=\"async\" width=\"711\" height=\"830\" src=\"https:\/\/wellnessunityhub.com\/documentation\/wp-content\/uploads\/sites\/3\/2024\/02\/custom-form-with-fields.png\" alt=\"\" class=\"wp-image-1225\" style=\"width:477px;height:auto\" title=\"Booking form with custom fields Amelia WordPress Booking plugin\" srcset=\"https:\/\/wellnessunityhub.com\/documentation\/wp-content\/uploads\/sites\/3\/2024\/02\/custom-form-with-fields.png 711w, https:\/\/wellnessunityhub.com\/documentation\/wp-content\/uploads\/sites\/3\/2024\/02\/custom-form-with-fields-257x300.png 257w, https:\/\/wellnessunityhub.com\/documentation\/wp-content\/uploads\/sites\/3\/2024\/02\/custom-form-with-fields-600x700.png 600w\" sizes=\"(max-width: 711px) 100vw, 711px\" \/><\/figure><\/div>\n\n\n<p class=\"gutenify-section-25a12770-c0eb-11ee-b055-d76dbb9f6f4c\">After your customers enter additional information in the fields and book an appointment or event that information will be saved in the appointment\/event and you can see it in several ways:<\/p>\n\n\n\n<ul class=\"gutenify-section-25a238e0-c0eb-11ee-b055-d76dbb9f6f4c wp-block-list\">\n<li class=\"gutenify-section-25a1c3b0-c0eb-11ee-b055-d76dbb9f6f4c\">By clicking on the appointment in the appointments list. After you click on it, the appointment will expand and show the additional information.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized gutenify-section-25a2ae10-c0eb-11ee-b055-d76dbb9f6f4c\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"423\" src=\"https:\/\/wellnessunityhub.com\/documentation\/wp-content\/uploads\/sites\/3\/2024\/02\/appointment-with-custom-fields-1024x423.png\" alt=\"\" class=\"wp-image-1226\" style=\"width:1314px;height:auto\" title=\"Custom fields Appointment info - Amelia WordPress Booking plugin\" srcset=\"https:\/\/wellnessunityhub.com\/documentation\/wp-content\/uploads\/sites\/3\/2024\/02\/appointment-with-custom-fields-1024x423.png 1024w, https:\/\/wellnessunityhub.com\/documentation\/wp-content\/uploads\/sites\/3\/2024\/02\/appointment-with-custom-fields-300x124.png 300w, https:\/\/wellnessunityhub.com\/documentation\/wp-content\/uploads\/sites\/3\/2024\/02\/appointment-with-custom-fields-768x317.png 768w, https:\/\/wellnessunityhub.com\/documentation\/wp-content\/uploads\/sites\/3\/2024\/02\/appointment-with-custom-fields-1536x634.png 1536w, https:\/\/wellnessunityhub.com\/documentation\/wp-content\/uploads\/sites\/3\/2024\/02\/appointment-with-custom-fields-600x248.png 600w, https:\/\/wellnessunityhub.com\/documentation\/wp-content\/uploads\/sites\/3\/2024\/02\/appointment-with-custom-fields.png 1701w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<ul class=\"gutenify-section-25a39870-c0eb-11ee-b055-d76dbb9f6f4c wp-block-list\">\n<li class=\"gutenify-section-25a32340-c0eb-11ee-b055-d76dbb9f6f4c\">By opening the Edit Appointment dialog. When you open the Edit Appointment dialog you will see a new&nbsp;<strong>\u201cCustom fields\u201d<\/strong>&nbsp;tab. There you can see the additional information from your customers, and you can also&nbsp;<strong>edit<\/strong>&nbsp;it if the customers send you some changes, for example.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized gutenify-section-25a40da0-c0eb-11ee-b055-d76dbb9f6f4c\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"810\" src=\"https:\/\/wellnessunityhub.com\/documentation\/wp-content\/uploads\/sites\/3\/2024\/02\/edit-an-appointment-with-custom-fields-1024x810.png\" alt=\"\" class=\"wp-image-1228\" style=\"width:685px;height:auto\" title=\"Custom fields Edit Appointment Amelia WordPress Booking plugin\" srcset=\"https:\/\/wellnessunityhub.com\/documentation\/wp-content\/uploads\/sites\/3\/2024\/02\/edit-an-appointment-with-custom-fields-1024x810.png 1024w, https:\/\/wellnessunityhub.com\/documentation\/wp-content\/uploads\/sites\/3\/2024\/02\/edit-an-appointment-with-custom-fields-300x237.png 300w, https:\/\/wellnessunityhub.com\/documentation\/wp-content\/uploads\/sites\/3\/2024\/02\/edit-an-appointment-with-custom-fields-768x607.png 768w, https:\/\/wellnessunityhub.com\/documentation\/wp-content\/uploads\/sites\/3\/2024\/02\/edit-an-appointment-with-custom-fields-600x474.png 600w, https:\/\/wellnessunityhub.com\/documentation\/wp-content\/uploads\/sites\/3\/2024\/02\/edit-an-appointment-with-custom-fields.png 1098w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<ul class=\"gutenify-section-25a4f800-c0eb-11ee-b055-d76dbb9f6f4c wp-block-list\">\n<li class=\"gutenify-section-25a482d0-c0eb-11ee-b055-d76dbb9f6f4c\">By opening the Attendees list on the Events page. Once you go to the Events page, open the attendees\u2019 list, click on one of the attendees and you will see an option&nbsp;<strong>\u201cEdit attendee\u201d<\/strong>, click on it, and attendees details together with the custom fields will appear.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized gutenify-section-25a56d30-c0eb-11ee-b055-d76dbb9f6f4c\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"539\" src=\"https:\/\/wellnessunityhub.com\/documentation\/wp-content\/uploads\/sites\/3\/2024\/02\/events-custom-fields-1024x539.jpg\" alt=\"\" class=\"wp-image-1230\" style=\"width:981px;height:auto\" title=\"Custom fields Events Amelia WordPress Booking plugin\" srcset=\"https:\/\/wellnessunityhub.com\/documentation\/wp-content\/uploads\/sites\/3\/2024\/02\/events-custom-fields-1024x539.jpg 1024w, https:\/\/wellnessunityhub.com\/documentation\/wp-content\/uploads\/sites\/3\/2024\/02\/events-custom-fields-300x158.jpg 300w, https:\/\/wellnessunityhub.com\/documentation\/wp-content\/uploads\/sites\/3\/2024\/02\/events-custom-fields-768x404.jpg 768w, https:\/\/wellnessunityhub.com\/documentation\/wp-content\/uploads\/sites\/3\/2024\/02\/events-custom-fields-1536x808.jpg 1536w, https:\/\/wellnessunityhub.com\/documentation\/wp-content\/uploads\/sites\/3\/2024\/02\/events-custom-fields-2048x1078.jpg 2048w, https:\/\/wellnessunityhub.com\/documentation\/wp-content\/uploads\/sites\/3\/2024\/02\/events-custom-fields-600x316.jpg 600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<p class=\"gutenify-section-25a5e260-c0eb-11ee-b055-d76dbb9f6f4c\">If at a later time you want to change some field or delete it, don\u2019t worry. The customers\u2019 information&nbsp;collected before the change will stay in the scheduled appointments, and the change will only affect new appointments.<\/p>\n\n\n\n<p class=\"gutenify-section-25a79010-c0eb-11ee-b055-d76dbb9f6f4c\">Please note: New services and events will not be added automatically to the custom fields if the custom field is set to show on&nbsp;<strong>all&nbsp;<\/strong>services and\/or events. When a new service or an event is added, the custom field will need to be edited in order to be applied to the new service and\/or event.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Custom Fields feature gives you the option to add more fields to your booking form so as to customize it to best match your business needs. The customer\u2019s first and last name, email address, and phone number are there by default, but with the Custom Fields feature you can add extra fields if you&hellip;&nbsp;<a href=\"https:\/\/wellnessunityhub.com\/documentation\/2024\/02\/01\/custom-fields-on-booking-forms\/\" class=\"\" rel=\"bookmark\">Read More &raquo;<span class=\"screen-reader-text\">Custom fields on booking forms<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","_themeisle_gutenberg_block_has_review":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1220","post","type-post","status-publish","format-standard","hentry","category-general-information"],"gutentor_comment":0,"_links":{"self":[{"href":"https:\/\/wellnessunityhub.com\/documentation\/wp-json\/wp\/v2\/posts\/1220"}],"collection":[{"href":"https:\/\/wellnessunityhub.com\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wellnessunityhub.com\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wellnessunityhub.com\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wellnessunityhub.com\/documentation\/wp-json\/wp\/v2\/comments?post=1220"}],"version-history":[{"count":3,"href":"https:\/\/wellnessunityhub.com\/documentation\/wp-json\/wp\/v2\/posts\/1220\/revisions"}],"predecessor-version":[{"id":1231,"href":"https:\/\/wellnessunityhub.com\/documentation\/wp-json\/wp\/v2\/posts\/1220\/revisions\/1231"}],"wp:attachment":[{"href":"https:\/\/wellnessunityhub.com\/documentation\/wp-json\/wp\/v2\/media?parent=1220"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wellnessunityhub.com\/documentation\/wp-json\/wp\/v2\/categories?post=1220"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wellnessunityhub.com\/documentation\/wp-json\/wp\/v2\/tags?post=1220"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}