Integration of Pickup V2 on a Hotel Chain Website

A new page needs to be created or an existing page needs to be adapted within the hotel chain’s website, where the online pickup form will later be displayed. It is recommended to create a page that can be accessed at: https://www.hotelchain.com/pickup/.

The page should generally include the header and footer from the hotel’s website.

Additionally,

• an IFRAME should be included on the page with the ID customicepickup.
  For example:

<iframe loading="lazy" id="customicepickup"></iframe>

• The following scripts should be added into the header section of the page "as is"

<script>
window.addEventListener("message", (event) => {
if (event && event.data && event.data.customiceIframeHeight) {
document.getElementById("customicepickup").style.height = event.data.customiceIframeHeight + "px";
}
});
</script>

<script type="application/javascript">
var customice_pickup_config = {
pickup_url: 'https://pickup.customice.de/<page>?token=<token>&propertyToken=<propertyToken>',
iframe_id: 'customicepickup'
};
</script>
<script type='application/javascript' src='https://www.customice.de/pickup.js'></script>