eTermin® Einbindung in Ihre Webseite

1. Einführung

Die eTermin Online Buchungsseite lässt sich direkt in Ihre bestehende Unternehmens Webseite einbinden. Ihre Kunden können so bei dem Besuch Ihrer Webseite direkt online einen Termin bei Ihnen buchen. Im Folgenden finden Sie eine Beschreibung zur Integration in die gängigsten Webanwendungen Wordpress, Joomla, Drupal und Wix. Die eTermin Buchungsseite kann ohne Programmierkenntnisse in jede andere Webanwendung integriert werden. Bitte kontaktieren Sie uns falls Sie Hilfe benötigen.

Hinweis: Beachten Sie, dass je nach Anbieter eines Webseiten Tools unterschiedliche Abo-Modelle existieren und nicht jede Version das Einbinden eines iframe Codes beinhaltet. Informieren Sie sich dazu gegebenenfalls bei Ihrem Anbieter.

2. Ermitteln des einzubindenden HTML Codes Ihrer Online Terminbuchungsseite

Melden Sie sich in Ihrem eTermin Account mittels Email Adresse und Benutzerkennwort an. Den zu kopierenden Code finden Sie unter Buchungsseite > Einbindung & Links > Einbindung auf Ihrer Webseite im Feld Einbetten in ihre bestehende Homepage (iFrame).

Wichtig: Es muss der gesamte Code kopiert werden (inkl. dem Script) da dies sicherstellt, dass die Online Buchungsseite responsive auf allen Geräten korrekt dargestellt wird.        

3. Integration in Wordpress

1. Für die Einbindung in Wordpress bietet Wordpress ein eigenes eTermin Plugin an. Das Plugin können Sie hier herunterladen.
2. Befolgen Sie die Schritte zur Installation wie von Wordpress bereitgestellt.

3. Es muss für die Einbindung mithilfe des Plugins die WebID Ihrer Buchungsseite angegeben werden. Diese WebId finden Sie in Ihrem eigenen eTermin Account unter Buchungsseite > Einstellungen > Allgemein bei der Option "Online Buchungsseite URL".

   
    

4. Integration in IONOS

1. Nach dem Login in Ihr IONOS klicken Sie in der Auswahl auf "Menü > Websites & Shops".
2. Über den Button "MyWebsite Now öffnen" wählen Sie Ihr Webseiten-Projekt aus.
3. Wählen Sie im linken Menü den Punk "Webseite". Es öffnet sich ein neues Fenster mit dem "Website-Now"-Editor.
4. Im neuen Fenster wählen Sie den Punkt "Inhalte" aus. Dort setzen Sie sich mit der Maus in den gewünscht Abschnitt, wo die Buchungsseite eingebettet werden soll und klicken dann auf die Auswahl "Abschnittsoptionen".
5. Hier wählen Sie "HTML-Modul" aus und klicken danach auf den automatisch hinzugefügten Platzhalter, und anschließen auf "Code".
6.  Fügen Sie den HTML-Code aus Ihrem eTermin Account ein und speichern Sie die Änderung mit Klick auf "Fertig".

Beachten Sie, dass die Einbindung von iFrames nur je nach passenden Tarif möglich ist. Informieren Sie sich hier gegebenenfalls bei IONOS, ob Ihr Tarif die Nutzung von iFrames abdeckt.

5. Integration in Strato

1. Im Bearbeitungsmodus Ihrer Webseite klicken Sie auf "Webseite bearbeiten". Hier klicken Sie auf "Inhaltselemente!, weiter auf "Standardelemente".
2. Hier wählen Sie "Embed" aus und ziehen das Element an die gewünschte Stelle.
3. Wenn Sie die Maus über das neue Element ziehen, können Sie auf ein Zahnrad-Symbol klicken. Dadurch lässt sich der Inhalt des Elements bearbeiten.
4. Bei "Art der Einbindung" muss "Embed-Code" gewählt sein. Darunter kann dann der HTML Code aus Ihrem eTermin Account eingefügt werden. Zum Schluss speichern Sie mit Klick auf "OK".

 6. Integration in Joomla

1. Standardmäßig werden iFrames in Joomla ignoriert. Um also iFrames auf Ihren Webseiten zu erlauben, gehen Sie bitte wie folgt vor. In der Joomla Menüleiste oben klicken Sie auf Erweiterungen > Plugins und wählen Sie ihren Joomla Text-Editor aus, z.B. den TinyMCE.
2. Klicken Sie auf TinyMCE um zu den Einstellungen des TinyMCE Plugins zu gelangen.
3. Scrollen Sie etwas nach unten, bis Sie die Einträge für Verbotene Elemente sehen. Entfernen Sie aus Verbotene Elemente den Eintrag iFrame.
4. Falls Sie in der Tabelle darunter auch noch Erlaubte Elemente oder Valide Elemente finden, so ergänzen Sie diese durch das Wort iframe. Speichern Sie nun Ihre TinyMCE Einstellungen.
5. Gehen Sie zu Ihrem Beitrag, wo die Online Buchungsseite eingebunden werden soll und klicken Sie im Editor auf den Button HTML.
6. In das Textfeld fügen Sie nun den zuvor kopierten Code ein: <iframe src=“….“ /><script src=“…“/>
7. Speichern und veröffentlichen Sie den Beitrag bzw. die Seite.

5. Integration in Drupal

1. Klicken Sie auf den Menüpunkt Inhalt und öffnen Sie den Beitrag oder die Seite, in der Sie den zuvor kopierten HTML Code verwenden möchten.
2. Ändern Sie unter dem Textkörper Feld die Einstellung „Textformat“ auf Vollständiges HTML um.
3. In das Textkörper Feld fügen Sie nun den zuvor kopierten Code ein: <iframe src=“….“ /><script src=“…“/>
4. Speichern und veröffentlichen Sie den Beitrag bzw. die Seite.

6. Integration in Wix

1. Wählen Sie den Beitrag oder die Seite, in der Sie den zuvor kopierten HTML Code verwenden möchten.
2. Gehen Sie links auf das Plus-Symbol Hinzufügen. Ganz unten wählen Sie dann Sonstige und rechts HTML-Code aus.
3. Klicken Sie nun auf HTML-Code eingeben.
4. In das Textkörper Feld fügen Sie nun den zuvor kopierten Code ein: <iframe src=“….“ /><script src=“…“/>
5. Klicken Sie auf den Button Aktualisieren und danach können Sie die Seite veröffentlichen.

Sollten Sie Unterstützung beim Einbinden des iframes in Ihre Webseite haben, kontaktieren Sie uns bitte.