CapCorn Company Software GMBH

Erlenweg 156 5754 Hinterglemm

office@capcorn.at / +43 (0) 6541 6553 10

Seite 1 / 2

CapCorn Buchungswidget

Zur Einbindung des Buchungsformulars verwenden Sie folgende Stamm-URL:

Betriebe des TVB Saalbach, Zell am See, Kaprun usw. https://www.capcorn.net/Start Betriebe des TVB Obertauern https://obertauern.capcorn.net/Start

Betriebe des TVB Wald im Pinzgau https://wald.capcorn.net/Start

Betriebe des TVB Goldegg, Sonnenterrasse https://booking.capcorn.net/Start

Parameter Folgende Parameter müssen bzw. können Sie verwenden:

Obligat MB Mitgliedsnummer des Betriebes bei CapCorn FL Styling Parameter (17 = Anfrageformular Betrieb)

Optional LG … 0 für Deutsch, 1 für englische Version (0 = default)

Beispiel https://test.capcorn.net/Start?MB=9100&FL=17&LG=0

deutsches Buchungswidget des CapCorn Testhotels

Einbau des Widgets in Ihre Website

Binden Sie folgenden Code an jene Stelle Ihrer Website ein, an der die Buchungsstrecke integriert werden soll. Beachten Sie dabei folgende Punkte:

1. Wenn Sie jQuery bereits auf Ihrer Seite verwenden dann entfällt folgende Zeile des Code Blockes:

<script src="https://mainframe.capcorn.net/Ressourcen/newUI/js/jquery.js"></script>

2. Die Id des Iframes muss unbedingt „iframeCapCorn“ lauten. Bitte achten Sie auf Groß- und Kleinschreibung.

3. Passen Sie im Iframe die URL im Parameter src Ihren Bedürfnissen nach an (siehe Beschreibung oben) 4. Das Iframe sollte die gesamte Breite der Seite nutzen können. Also bitte darauf achten, dass in diesem

Bereich kein padding bzw. margin vorhanden ist. Auf mobilen Geräten kann dies zu einer unsauberen Darstellung führen.

5. Testen Sie beim Kalender sowie bei der erweiterten Zimmereingabe genau, ob alle Controlls auch bedienbar sind. Denn bei der Größenänderung des Iframes kann es sein, dass die Controlls unter die nachstehenden Controlls rutschen (Stichwort z-index in CSS).

Zur Veranschaulichung, wie der optimale Einbau aussehen soll sehen Sie ein Beispiel des Widgets unter folgender URL:

http://capcorn.at/testbetrieb/index.html

<!-- optional - wird benötigt wenn noch kein jQuery auf ihrer Website verwendet wird -->

<script src="https://mainframe.capcorn.net/Ressourcen/newUI/js/jquery.js"></script>

<!-- obligat -->

<script src="https://mainframe.capcorn.net/ressourcen/newUI/js/capcorn.js"></script>

<link href="https://mainframe.capcorn.net/Ressourcen/newUI/css/capcorn.css" rel="stylesheet">

<iframe id='iframeCapCorn' src="https://test.capcorn.net/Start?MB=9100&FL=17&LG=0"

frameborder="0" width="100%" scrolling="auto"> </iframe>

Seite 2 / 2

URL der Buchungsstrecke

Damit das Widget weiß, auf welche Seite es den User weiterleiten soll, müssen Sie Ihre URL, wo die CapCorn Buchungsstrecke integriert ist, in unserem Webinterface speichern.

1. Gehen Sie dazu auf https://mainframe.capcorn.net 2. Melden Sie sich mit Ihren Login Daten an (liegen immer dem Hotel/Betrieb vor) 3. Gehen Sie zu „Allgemein“ -> „Styling Einstellungen“ 4. Geben Sie den Link zu Ihrer Booking Engine in das entsprechende Feld unterhalb der Styling-

Einstellungen ein (siehe nachfolgendes Bsp.) und klicken Sie auf speichern.

Für die korrekte Funktionalität sind folgende Punkte wichtig: Das iframe auf der Website der Buchungsstrecke muss die id „iframeCapCorn“ besitzen (Achtung auf

Groß- und Kleinschreibung)

Die JavaScript Bibliothek capcorn.js muss wie in der Doku beschrieben (siehe „CapCorn Buchungsformular vX_Y.pdf“) auf der Website der Buchungsstrecke integriert sein.

Die URL der Buchungsstrecke muss im Wartungsportal definiert sein (siehe oberhalb).

Formularstyling

Wir bieten Ihnen die Möglichkeit das Styling des Widgets an Ihre Webseite anzupassen. Steigen Sie dazu mit Ihrer CapCorn Mitgliedsnummer und Ihrem CapCorn PIN in unser Webinterface ein und wählen Sie den Menüpunkt „Allgemein“ -> „Styling-Einstellungen“. Die Hilfe (Fragezeichen-Button recht oben) beschreibt Ihnen die Funktionsweise. Links zum Webinterface: https://mainframe.capcorn.net