Welche Möglichkeiten gibt es, die Online-Buchungsfunktion via Iframe auf meiner Website einzubinden?

Ein iFrame ist ein kleiner Bereich auf deiner Website, in dem eine andere Seite eingebettet wird – in diesem Fall deine persönliche Shore-Buchungsseite. So können deine Kunden direkt auf deiner Website Termine buchen, ohne sie verlassen zu müssen.

Unten findest du drei verschiedene Varianten zur Einbindung:

Reduziertes Design:

<div style="overflow-x: hidden; width: 840px;"><iframe frameborder="0" height="750" src="https://connect.shore.com/widget/nolayout/SLUG" width="771"></iframe></div>

Kompletter iFrame:

<div style="overflow-x: hidden; width: 1150px;"><iframe frameborder="0" height="1250" src="https://connect.shore.com/widget/SLUG" width="771"></iframe></div>

Responsive:

<!ShoreBookingIframeStyling START→
<style>
@media only screen and (minwidth:
770px) {
iframe.shorebookingiframe
{
width: 770px;
}
}
@media only screen and (minwidth:
1100px) {
iframe.shorebookingiframe{
width: 1100px;
}
}
</style>
<!ShoreBookingIframeStyling
END→


Body Element für Root Level:

<!ShoreBookingIframe
START>
<iframe class="shorebookingiframe"
src="https://connect.shore.com/widget/SLUG?
locale=de" frameborder="1"
height="850" width="350"> </iframe>
<!ShoreBookingIframe END→#

Wichtig: In allen drei Codebeispielen musst du den Link https://connect.shore.com durch deinen persönlichen Buchungslink ersetzen.

Den Link erhältst du, indem du in den Buchungsfunktionen deines Kalenders auf Jetzt buchen klickst und die URL kopierst. Hier geht es direkt zu den Buchungsfunktionen deines Kalenders.

Weitere Möglichkeiten die Buchungsfunktion auf deiner Webseite einzubinden z.B. als schwebender Button, findest du hier:

Wie richte ich die Online-Buchungsfunktion auf meiner Website ein?

Welche Möglichkeiten gibt es, die Online-Buchungsfunktion via Iframe auf meiner Website einzubinden?

Shore bietet verschiedene Optionen die Buchungsfunktion auf deiner Website einzubauen. Hier zeigen wir dir die unterschiedlichen Iframes.