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.

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 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. Öffnen Sie den Beitrag oder die Seite, in der Sie den zuvor kopierten HTML Code verwenden möchten.
2. Im Editor der Seite klicken Sie rechts oben auf den Reiter "ext.
3. In das Textfeld fügen Sie nun den zuvor kopierten Code ein: <iframe src=“….“ /><script src=“…“/>
4. Speichern und veröffentlichen Sie den Beitrag bzw. die Seite.

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