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 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.