Spider-Booking Webseiten Integration – Iframe Integration

Iframe Integration

Viele der Integrationsoptionen die Spider-Booking bietet, schicken den Besucher auf eine neue (externe) Seite mit der Spider-Booking URL. Wenn Sie nicht wollen, dass der Besucher Ihre Hotel-Domain verlässt, nutzen Sie am besten eine Iframe Lösung.

Die Details dazu finden Sie hier:

Spider-Booking 4 Webseiten Integration – HTML Integration der Widgets

Spider-Booking 4 Webseiten Integration – Wordpress Plug-in 

Wenn Sie die gesamte Spider-Booking Buchungsmaske als Iframe integrieren wollen ist das möglich, allerdings verschlechtert sich durch die doppelte Navigation die Benutzerfreundlichkeit der Seite (vor allem auf mobilen Endgeräten), weshalb wir davon abraten.

Sollten Sie sich jedoch trotzdem dafür entscheiden die Buchungsmaske als Iframe in ihre Seite zu integrieren haben sie hier ein par mehr Informationen:

Was ist ein Iframe?

Ein iFrame bzw. Inlineframe (engl. frame = dt. Rahmen) ist ein HTML-Element, das als Rahmen innerhalb einer Webseite platziert wird. Die Technik wird häufig verwendet, um Werbung oder Inhalte anderer Anbieter in eine Webseite einzubinden. Sehr bekannt ist das Einbinden von YouTube-Videos in Webseiten mittels iFrames.

https://www.onlinemarketing-praxis.de/glossar/inlineframe-iframe

Ein Iframe ist also eine Webseite die Innerhalb einer anderen Webseite dargestellt wird.

Wie kann ich ein Iframe erstellen?

Das HTML format eines Iframe is immer das selbe, wenn Sie in einer Suchmaschine "Iframe Generator" suchen werden sie sehr viele tools finden die es ihnen erlaubt ein Iframe einfach vor zu formatieren. Hier ein par Optionen:

• https://www.iframe-generator.com/
• https://www.iframecodegenerator.com/
• https://frontendresource.com/iframe-generator/

Geben sie die URL ihrer Spider Booking Seite in einem der Tools ein und sie werden ein Iframe code erhalten.

Zum Beispiel: https://reservations.hotel-spider.com/02U620cb4b6733d5

<iframe name="myiFrame" width="600px" height="400px" 
src="https://reservations.hotel-spider.com/02U620cb4b6733d5" scrolling="no" 
marginwidth="0" marginheight="0" style="border:0px none #ffffff;"></iframe>

Das element kann so auf einer Webseite hinzugefügt werden um die Buchungsmaske in der Webseite direkt anzuzeigen.