Integration des Pick ups V2 auf einer Website für eine Hotelkette

Innerhalb des Webauftritts der Hotelkette muss eine neue Seite gebaut oder eine bestehende Seite angepasst werden, auf der später das Formular für den Online-Pickup angezeigt wird. Es empfiehlt sich, eine Seite anzulegen, die unter der URL https://www.hotelkette.com/pickup/ erreichbar ist.

Die Seite sollte grundsätzlich den Header und Footer des Webauftritts des Hotels enthalten.

Zusätzlich

• ist ein IFRAME auf der Seite vorzusehen, der die ID customicepickup hat.
  Zum Beispiel:

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

• Die folgenden Skripte müssen "as is" im Header-Bereich der Seite eingebaut werden:

<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>