Belegungskalender auf deiner Website einbauen

Die Zeile

<script src="https://ischfrei.at/embed.js" data-konto="deine-wohnung" async></script>

In deiner Rezeption findest du sie unter Einrichten › Einbauen, dort schon mit deinem Namen statt „deine-wohnung“. Die Adressen weiter unten stehen dort ebenfalls mit deinem Namen.

WordPress

1. Öffne die Seite, auf der der Kalender stehen soll, und tipp auf das + (Block hinzufügen).
2. Such nach HTML und wähl den Block Individuelles HTML.
3. Tipp im Block auf HTML bearbeiten, füg die Zeile oben ins Feld HTML ein und tipp auf Aktualisieren.
4. Tipp oben rechts auf Veröffentlichen, bei einer schon veröffentlichten Seite auf Speichern.

Im Editor bleibt der Block leer. Der Kalender erscheint erst auf der Seite selbst.

Dafür brauchst du in WordPress die Rolle Administrator oder Redakteur. Als Autor löscht WordPress die Zeile beim Speichern, ohne etwas zu sagen.

Mit Divi nimmst du das Modul Code, mit Elementor das Widget HTML. Im klassischen Editor wechselst du oben rechts auf den Reiter Text und fügst die Zeile dort ein.

Auf wordpress.com geht das im Gratis-Tarif nicht: WordPress macht aus der Zeile beim Speichern einen Link auf embed.js. Ab dem Tarif Personal geht es, sobald du die Hosting-Funktionen aktiviert hast. Sonst setz einen Knopf zu deiner Kalenderseite (Block Buttons) mit dem Link https://ischfrei.at/deine-wohnung/.

Jimdo

Welches Jimdo du hast, siehst du an der Adresse deiner Website: endet sie auf jimdosite.com, ist es der Website-Baukasten, auf jimdofree.com oder jimdoweb.com Jimdo Creator. Mit eigener Adresse: Im Editor von Creator steht oben „Jimdo Creator“, und die Adresse im Browser beginnt mit cms.e.jimdo.com; beim Website-Baukasten mit builder.e.jimdo.com.

Jimdo Creator:

1. Tipp auf Bearbeiten, dann an der gewünschten Stelle auf Inhalt hinzufügen › Weitere Inhalte und Add-ons.
2. Wähl Widget/HTML, füg die Zeile oben ein und tipp auf Speichern.

Im Editor bleibt das Element grau; der Kalender erscheint erst auf der Seite. Das geht auch im Gratis-Tarif.

3. Siehst du den Kalender nicht gleich, lad die Seite im Browser neu.

Creator bearbeitest du am Computer; im Browser am Handy geht es nicht, und auch nicht in der Jimdo-App.

Der Website-Baukasten erlaubt keinen fremden Code. Dort setzt du einen Knopf zu deiner Kalenderseite: Tipp auf Website bearbeiten, beim gewünschten Abschnitt auf das Augen-Symbol (Elemente anzeigen) und setz den Haken bei Primärer Button. Tipp auf den Knopf, schreib zum Beispiel „Freie Tage und Anfrage“ hinein, tipp auf das Kettenglied, wähl URL oder E-Mail, füg https://ischfrei.at/deine-wohnung/ ein und bestätige mit dem Haken.

Wix

Wix hat drei Editoren. Eine neue Wix-Seite öffnet sich im Wix Harmony, eine ältere im klassischen Editor; Wix Studio nutzen vor allem Agenturen.

1. Im klassischen Editor: Tipp links auf Hinzufügen › Code einbetten › Beliebte Einbettungen › Eine Website einbetten.
2. Tipp auf Website-Adresse ändern, füg diese Adresse ein und tipp auf Anwenden: https://ischfrei.at/deine-wohnung/widget

Im Wix Harmony: Tipp auf Hinzufügen › Elemente, unten links auf die drei Punkte, dann Einbettung › Website einbetten. Tipp auf das Zahnrad (Einstellungen) und füg die Adresse ins Feld Link ein. In Wix Studio: Elemente hinzufügen › Einbettung & Social Media › Website einbetten, Adresse einfügen, Aktualisieren.

3. Zieh das Element auf die volle Breite und etwa 900 Pixel Höhe. Ist es zu niedrig, bekommt der Kalender einen eigenen Rollbalken: dann zieh es höher.
4. Wechsel in die Handy-Ansicht (Handy-Symbol über der Seite) und zieh das Element dort auf etwa 1600 Pixel Höhe. Wix stellt die Höhe am Handy getrennt ein; sonst ist der Kalender dort abgeschnitten.

Bei Wix bekommt jedes eingebettete Element eine feste Höhe. Die Zeile oben würde darin nicht mitwachsen, deshalb hier die Adresse.

Hat jemand anders deine Website gebaut?

Dann schick der Person, die sie betreut, diesen Text:

Bitte bau auf unserer Website den Belegungskalender von „Isch frei?“ ein. Erlaubt die Seite eigenen Code, genügt diese Zeile an der Stelle, wo der Kalender stehen soll:

<script src="https://ischfrei.at/embed.js" data-konto="deine-wohnung" async></script>

Der Kalender passt seine Höhe selbst an. Geht nur ein eingebetteter Rahmen (iframe), nimm diese Adresse mit voller Breite, am Computer etwa 900 und am Handy etwa 1600 Pixel hoch:

https://ischfrei.at/deine-wohnung/widget

Keine eigene Website?

Dann bekommst du eine eigene Kalenderseite mit Fotos, freien Tagen und Anfrage, und schickst deinen Gästen einfach den Link. So sieht das aus