The Online Pick-up allows guests to book themselves into an existing group reservation using an individual link.
It can be seamlessly integrated into your hotel website, giving guests a simple and modern way to select and reserve rooms online.
Through the Online Pick-up, guests can:
-
select their preferred room from the group booking,
-
specify the number of guests, arrival, and departure dates,
-
and enter their contact and billing details directly online.
All information is automatically synchronized with customice, and the guest is instantly linked to the corresponding booking.
This makes the reservation process faster, fully digital, and easier for both you and your guests.
Settings for Pickup Version 2
For the integration of the pick-up on your website, please read the following article:
https://support.customice.de/hc/de/articles/33607602112273
Customization of Styles via JSON
The color and font styling of the online pickup can be customized through the following JSON:
{
"primary-color": "rgb(242, 125, 0)",
"button-hover-color": "rgb(163, 85, 2)",
"font-family": "Roboto",
"headline-font-family": "Roboto",
"display-unitgroupDescription": "block",
"display-blockDescription": "none",
"display-blockDescriptionFallbackUnitgroupDescription": "none"
}
Explanations:
- primary-color: Defines the main color (e.g., buttons, links).
- button-hover-color: Color for buttons when hovered.
- font-family: Standard font for the entire page.
- headline-font-family: Font for headlines.
- display-unitgroupDescription: Controls whether the room description is displayed.
- display-blockDescription: Controls whether the block description is displayed.
- display-blockDescriptionFallbackUnitgroupDescription: If no block description exists, the room description will be used instead.
Customization of Texts (Labels)
The texts for the individual pages can be customized as follows:
General:
- Headline Text: Online Reservation
- Description Text: Here you can reserve a room for your booking.
Room Selection:
- Headline Text on Blocklist Page: Room Selection
- Description Text on Blocklist Page: Please select your desired room from the options below.
Reservation Form:
- Headline Text on Reservation Form: Enter Your Details
- Description Text on Reservation Form Page: Please enter your details below.
- Terms on Reservation Form Page
Feedback Page:
- Headline Text on Feedback Page: Thank You for Your Reservation!
- Description Text on Feedback Page: Your reservation was successful.
Placeholders for HTML
In the HTML templates, placeholders are used to insert dynamic content like the hotel name, address, or description. Here are the three lists for each page:
1. Room List
| Placeholder | Description |
|---|---|
| placeholder-companygroup-name | Name of the hotel group |
| placeholder-property-name | Name of the property |
| placeholder-property-description | Description of the hotel |
| placeholder-property-addressline1 | Address of the property |
| placeholder-property-postalcode | Postal code |
| placeholder-property-city | City |
| placeholder-booking-eventtitle | Title of the booking |
| placeholder-booking-externalgroup-id | External group ID of the booking |
| placeholder-booking-externalgroup-name | External group name of the booking |
| placeholder-pickup-headline | Main headline on all pages |
| placeholder-pickup-description | Description on all pages |
| placeholder-blocklist-headline | Headline on the room selection page |
| placeholder-blocklist-description | Description on the room selection page |
2. Reservation Page
| Placeholder | Description |
|---|---|
| placeholder-companygroup-name | Name of the hotel group |
| placeholder-property-name | Name of the property |
| placeholder-property-description | Description of the hotel |
| placeholder-property-addressline1 | Address of the property |
| placeholder-property-postalcode | Postal code |
| placeholder-property-city | City |
| placeholder-booking-eventtitle | Title of the booking |
| placeholder-booking-externalgroup-id | External group ID of the booking |
| placeholder-booking-externalgroup-name | External group name of the booking |
| placeholder-pickup-headline | Main headline on all pages |
| placeholder-pickup-description | Description on all pages |
| placeholder-reservation-headline | Headline on the reservation page |
| placeholder-reservation-description | Description on the reservation page |
3. Feedback Page
| Placeholder | Description |
|---|---|
| placeholder-companygroup-name | Name of the hotel group |
| placeholder-property-name | Name of the property |
| placeholder-property-description | Description of the hotel |
| placeholder-property-addressline1 | Address of the property |
| placeholder-property-postalcode | Postal code |
| placeholder-property-city | City |
| placeholder-booking-eventtitle | Title of the booking |
| placeholder-booking-externalgroup-id | External group ID of the booking |
| placeholder-booking-externalgroup-name | External group name of the booking |
| placeholder-pickup-headline | Main headline on all pages |
| placeholder-pickup-description | Description on all pages |
| placeholder-feedback-headline | Headline on the confirmation page |
| placeholder-feedback-description | Description on the confirmation page |
| placeholder-lastname | Guest’s last name |
| placeholder-firstname | Guest’s first name |
| placeholder-reservation-code | Reservation code |
The placeholders must always be embedded in the HTML in the form of a <div> element, where the placeholder name is used as the class. For example:
<div class="placeholder-blocklist-headline"></div>
Below is a link to our standard HTML for each page:
https://support.customice.de/hc/en-us/articles/33605380877713-
Configuration of the Reservation Form (JSON)
The reservation form can be configured via a JSON object:
{
"salutation": "required",
"firstname": "required",
"lastname": "required",
"birthdate": "optional",
"language": "optional",
"companyname": "optional",
"addressline1": "required",
"addressline2": "optional",
"postalcode": "required",
"city": "required",
"country": "required",
"taxid": "optional",
"email": "required",
"phone": "optional",
"comment": "optional"
}
Explanations:
- required: The field is mandatory.
- optional: The field can be filled in, but it is not required.
- hidden: The field will be hidden.
Additionally, the order of the fields can be determined through the following JSON:
{
"salutation": 1,
"firstname": 2,
"lastname": 3,
"birthdate": 4,
"language": 5,
"companyname": 6,
"addressline1": 7,
"addressline2": 8,
"postalcode": 9,
"city": 10,
"country": 11,
"taxid": 12,
"email": 13,
"phone": 14,
"comment": 15
}
The order of the fields can be customized as needed.
- Hide average prices: If enabled, no average prices will be displayed.
- Hide all prices: Hides all prices.
- 'Hide all prices' configurable per booking: Allows configuration per booking.
- Check-in and Check-out time not editable: The times are fixed and cannot be changed by the guest.
For more details, refer to the following link: https://support.customice.de/hc/en-us/articles/33607602112273
After you have entered all the information, press the "Update" button.
Comments
0 comments
Please sign in to leave a comment.