<a href="{link}" target="_blank">
    <button>Online-Reservierung</button>
</a>
    						

<button onclick="openPopup()">Popup-Reservierung</button>

<script>
function openPopup() {
    window.open("{link}", 
    "FormularPopup", "width=600,height=400");
}
</script>
    						

<iframe src="{link}" 
    frameborder="0" scrolling="auto" height="850px" width="100%" min-width="600px">
</iframe>

• - Der einzufügende IFrame-Tag muss eine eindeutige Id besitzen, die der Kundennummer entspricht (siehe rote Markierung, ersetze gelbe Markierungen mit der roten):
  

  <iframe src="{link}"
  	src="https://XXXXX.sv.cw-pos.de/apps/v3/default.cshtml"
  	id="XXXXX" 
  	frameborder="0"
  	scrolling="auto"
  	height="850px"
  	width="100%"
  	min-width="600px"
  	class="XXXXX"
  >
  </iframe>
  

• - Auf der Webseite muss das nachfolgende Javascript eingebunden werden, um die Höhe zu empfangen und an den iFrame weiterzugeben:

  <script>
  	window.addEventListener('message', function (event) {
      		const data = event.data;
      		const offset = 0; //falls zusätzliche Höhe benötigt wird, kann man hier einen Wert zufügen
      		if (data.iframeHeight && data.iframeId) {
          		const iframe = document.getElementById(data.iframeId);
          		if (iframe) {
              			iframe.style.height = data.iframeHeight + offset + 'px';
              			if (data.unsetBodyHeight) {
                  			iframe.contentWindow.postMessage({
                      				action: 'unsetBodyHeight',
                      				targetIframeId: data.iframeId
                  			}, '*');
              			}
          		}
      		}
  	});
  </script>