{"id":61,"date":"2019-08-26T16:06:13","date_gmt":"2019-08-26T14:06:13","guid":{"rendered":"https:\/\/www.cituro.com\/help\/?page_id=61"},"modified":"2025-08-01T22:50:59","modified_gmt":"2025-08-01T20:50:59","slug":"beliebige-website","status":"publish","type":"page","link":"https:\/\/www.cituro.com\/help\/einbindung-online-terminbuchung\/einbindung-in-website\/beliebige-website","title":{"rendered":"Beliebige Website"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8220;1&#8243; specialty=&#8220;on&#8220; module_class=&#8220; et_pb_specialty_fullwidth&#8220; _builder_version=&#8220;3.22&#8243; inner_width=&#8220;89%&#8220; inner_width_tablet=&#8220;80%&#8220; inner_width_phone=&#8220;&#8220; inner_width_last_edited=&#8220;on|desktop&#8220; inner_max_width=&#8220;89%&#8220; inner_max_width_tablet=&#8220;80%&#8220; inner_max_width_phone=&#8220;&#8220; inner_max_width_last_edited=&#8220;on|desktop&#8220; make_fullwidth=&#8220;on&#8220; global_colors_info=&#8220;{}&#8220;][et_pb_column type=&#8220;1_4&#8243; _builder_version=&#8220;3.25&#8243; custom_padding=&#8220;|||&#8220; global_colors_info=&#8220;{}&#8220; custom_padding__hover=&#8220;|||&#8220;][et_pb_sidebar area=&#8220;sidebar-1&#8243; disabled_on=&#8220;on|on|off&#8220; _builder_version=&#8220;3.29.3&#8243; custom_padding=&#8220;50px|||&#8220; global_colors_info=&#8220;{}&#8220;][\/et_pb_sidebar][\/et_pb_column][et_pb_column type=&#8220;3_4&#8243; specialty_columns=&#8220;3&#8243; _builder_version=&#8220;3.25&#8243; custom_padding=&#8220;|||&#8220; global_colors_info=&#8220;{}&#8220; custom_padding__hover=&#8220;|||&#8220;][et_pb_row_inner admin_label=&#8220;Zeile&#8220; _builder_version=&#8220;3.25&#8243; global_colors_info=&#8220;{}&#8220;][et_pb_column_inner saved_specialty_column_type=&#8220;3_4&#8243; _builder_version=&#8220;3.25&#8243; custom_padding=&#8220;|||&#8220; global_colors_info=&#8220;{}&#8220; custom_padding__hover=&#8220;|||&#8220;][et_pb_text _builder_version=&#8220;4.14.5&#8243; global_colors_info=&#8220;{}&#8220;]<\/p>\n<h1>Einbindung in eine beliebige Website<\/h1>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8220;4.14.5&#8243; global_colors_info=&#8220;{}&#8220;]Hier zeigen wir Ihnen, wie Sie die Online-Buchung von cituro mit wenigen Schritten in Ihre Website einbinden.<br \/>\nDie Online-Buchung von cituro ist ohne Expertenwissen und mit wenigen Klicks eingerichtet. Zun\u00e4chst brauchen Sie eine eigene Website und einen cituro Account. Falls Sie noch keinen cituro Account haben, k\u00f6nnen Sie sich <a href=\"https:\/\/www.cituro.com\/registrierung\" target=\"_blank\" rel=\"noopener noreferrer\">hier kostenlos bei cituro anmelden<\/a>. Und schon kann es los gehen![\/et_pb_text][et_pb_text _builder_version=&#8220;4.14.5&#8243; global_colors_info=&#8220;{}&#8220;]<\/p>\n<p>Es gibt verschiedene M\u00f6glichkeiten das Buchungswidget von cituro in Ihre Seite zu integrieren. W\u00e4hlen Sie Ihre gew\u00fcnschte Variante aus:<\/p>\n<p><\/p>\n<ol>\n<li><a href=\"#linkiframe\">cituro Buchungswidget als Link oder IFrame integrieren.<\/a> <br \/>(Die Online-Terminbuchung wird bei dieser Variante als externe Seite verlinkt und kann anschlie\u00dfend mit einem Klick auf den Link aufgerufen werden.)<\/li>\n<li><a href=\"#overlay\">cituro Buchungswidget als Overlay integrieren.<\/a> <strong>(Empfohlen)<\/strong> <br \/>(Bei dieser Variante wird die Online-Buchung nicht auf einer externen Buchungsseite vorgenommen, sondern \u00f6ffnet sich nahtlos auf Ihrer Website.)<\/li>\n<\/ol>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8220;4.13.0&#8243; global_colors_info=&#8220;{}&#8220;]<\/p>\n<p>Weitere M\u00f6glichkeiten finden Sie im cituro Manager unter <strong>Men\u00fc<\/strong> \u2192 <strong>Onlinebuchung<\/strong>\u2192 <strong>Buchungswidget einbinden<\/strong>.<\/p>\n<p>Die Darstellung und Position des Buttons k\u00f6nnen Sie jederzeit im cituro Manager unter <strong>Men\u00fc<\/strong> \u2192 <strong>Onlinebuchung<\/strong>\u2192 <strong>Design &#038; Vorschau<\/strong> an Ihre W\u00fcnsche anpassen.<\/p>\n<p>[\/et_pb_text][et_pb_divider color=&#8220;#555555&#8243; _builder_version=&#8220;3.5.1&#8243; global_colors_info=&#8220;{}&#8220;][\/et_pb_divider][\/et_pb_column_inner][\/et_pb_row_inner][et_pb_row_inner admin_label=&#8220;Zeile&#8220; _builder_version=&#8220;3.25&#8243; global_colors_info=&#8220;{}&#8220;][et_pb_column_inner saved_specialty_column_type=&#8220;3_4&#8243; _builder_version=&#8220;3.25&#8243; custom_padding=&#8220;|||&#8220; global_colors_info=&#8220;{}&#8220; custom_padding__hover=&#8220;|||&#8220;][et_pb_text _builder_version=&#8220;3.27.4&#8243; global_colors_info=&#8220;{}&#8220;]<\/p>\n<h2 class=\"text-content-heading\" id=\"linkiframe\">1. cituro Buchungswidget als Link oder IFrame integrieren<\/h2>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8220;3.27.4&#8243; global_colors_info=&#8220;{}&#8220;]<\/p>\n<p>Die Online-Terminbuchung wird bei dieser Variante als externe Seite verlinkt und kann anschlie\u00dfend mit einem Klick auf den Link aufgerufen werden. Wie das geht, zeigen wir hier:<\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8220;3.29.3&#8243; global_colors_info=&#8220;{}&#8220;]<\/p>\n<p><b>Schritt 1<\/b>:<br \/>Navigieren Sie in Ihrem cituro Manager im Men\u00fc zur <i>Onlinebuchung<\/i>.<\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8220;3.27.4&#8243; global_colors_info=&#8220;{}&#8220;]<\/p>\n<p><b>Schritt 2<\/b>:<br \/>W\u00e4hlen Sie den Tab <i>Buchungswidget einbinden<\/i>.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8220;https:\/\/www.cituro.com\/help\/wp-content\/uploads\/2024\/06\/buchungswidget-einbinden-1-1.png&#8220; alt=&#8220;Buchungswidget einbinden anklicken&#8220; title_text=&#8220;buchungswidget-einbinden-1 (1)&#8220; align_tablet=&#8220;center&#8220; align_phone=&#8220;&#8220; align_last_edited=&#8220;on|desktop&#8220; _builder_version=&#8220;4.14.5&#8243; hover_enabled=&#8220;0&#8243; global_colors_info=&#8220;{}&#8220; sticky_enabled=&#8220;0&#8243;][\/et_pb_image][et_pb_text _builder_version=&#8220;3.27.4&#8243; global_colors_info=&#8220;{}&#8220;]<\/p>\n<p><b>Schritt 3<\/b>:<br \/>Kopieren Sie die Adresse unter <i>2. Website Integration (Link oder IFrame)<\/i>.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8220;https:\/\/www.cituro.com\/help\/wp-content\/uploads\/2024\/06\/url-kopieren-1.png&#8220; alt=&#8220;Code kopieren&#8220; title_text=&#8220;url-kopieren-1&#8243; align_tablet=&#8220;center&#8220; align_phone=&#8220;&#8220; align_last_edited=&#8220;on|desktop&#8220; _builder_version=&#8220;4.14.5&#8243; hover_enabled=&#8220;0&#8243; global_colors_info=&#8220;{}&#8220; sticky_enabled=&#8220;0&#8243;][\/et_pb_image][et_pb_text _builder_version=&#8220;4.14.5&#8243; global_colors_info=&#8220;{}&#8220;]<\/p>\n<p><b>Schritt 4<\/b>:<br \/>F\u00fcgen Sie auf Ihrer Website einen Button oder einen Link hinzu.<\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8220;3.27.4&#8243; global_colors_info=&#8220;{}&#8220;]<\/p>\n<p><b>Schritt 5<\/b>:<br \/>Verwenden Sie als Zieladresse die in Schritt 3 kopierte Adresse aus cituro. <i>FERTIG!<\/i><\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8220;3.27.4&#8243; global_colors_info=&#8220;{}&#8220;]<\/p>\n<p>Mit Klick auf diesen Button k\u00f6nnen Ihre Kunden ab sofort Termine online bei Ihnen buchen.<\/p>\n<p>[\/et_pb_text][\/et_pb_column_inner][\/et_pb_row_inner][et_pb_row_inner admin_label=&#8220;Zeile&#8220; _builder_version=&#8220;3.25&#8243; global_colors_info=&#8220;{}&#8220;][et_pb_column_inner saved_specialty_column_type=&#8220;3_4&#8243; _builder_version=&#8220;3.25&#8243; custom_padding=&#8220;|||&#8220; global_colors_info=&#8220;{}&#8220; custom_padding__hover=&#8220;|||&#8220;][et_pb_divider color=&#8220;#555555&#8243; _builder_version=&#8220;3.5.1&#8243; global_colors_info=&#8220;{}&#8220;][\/et_pb_divider][et_pb_text _builder_version=&#8220;3.27.4&#8243; global_colors_info=&#8220;{}&#8220;]<\/p>\n<h2 id=\"overlay\" class=\"text-content-heading\">2. cituro Buchungswidget als Overlay integrieren<\/h2>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8220;4.14.5&#8243; global_colors_info=&#8220;{}&#8220;]<\/p>\n<p>Bei dieser Variante wird die Online-Buchung nicht auf einer externen Buchungsseite vorgenommen, sondern \u00f6ffnet sich nahtlos auf Ihrer Website. Wir bieten mehrere M\u00f6glichkeiten an, das Buchungswidget auf Ihrer Seite einzubinden.<\/p>\n<p><\/p>\n<ol>\n<li><a href=\"#floating\">Integration als Floatingbutton<\/a> <strong>(Empfohlen)<\/strong> <br \/>(Der Floatingbutton oder auch schwebender Button l\u00e4uft von alleine beim Scrollen mit und ist f\u00fcr den Website-Besucher immer sichtbar und pr\u00e4sent.)<\/li>\n<li><a href=\"#standard\">Integration als Standardbutton<\/a> <br \/>(Der Standardbutton ist ein Button, den Sie an einer beliebigen Stelle Ihrer Website platzieren k\u00f6nnen.)<\/li>\n<\/ol>\n<p>[\/et_pb_text][\/et_pb_column_inner][\/et_pb_row_inner][et_pb_row_inner column_structure=&#8220;1_2,1_2&#8243; admin_label=&#8220;Zeile&#8220; _builder_version=&#8220;3.25&#8243; global_colors_info=&#8220;{}&#8220;][et_pb_column_inner type=&#8220;1_2&#8243; saved_specialty_column_type=&#8220;3_4&#8243; _builder_version=&#8220;3.25&#8243; custom_padding=&#8220;|||&#8220; global_colors_info=&#8220;{}&#8220; custom_padding__hover=&#8220;|||&#8220;][et_pb_hover_image caption=&#8220;Floatingbutton&#8220; img_src=&#8220;https:\/\/www.cituro.com\/help\/wp-content\/uploads\/2024\/06\/floatingbutton.png&#8220; img_alt=&#8220;Anleitung f\u00fcr die Integration als Floatingbutton&#8220; img_title=&#8220;Anleitung f\u00fcr die Integration als Floatingbutton&#8220; href=&#8220;#floating&#8220; _builder_version=&#8220;4.14.5&#8243; hover_enabled=&#8220;0&#8243; global_colors_info=&#8220;{}&#8220; sticky_enabled=&#8220;0&#8243;][\/et_pb_hover_image][\/et_pb_column_inner][et_pb_column_inner type=&#8220;1_2&#8243; saved_specialty_column_type=&#8220;3_4&#8243; _builder_version=&#8220;3.25&#8243; custom_padding=&#8220;|||&#8220; global_colors_info=&#8220;{}&#8220; custom_padding__hover=&#8220;|||&#8220;][et_pb_hover_image caption=&#8220;Standardbutton&#8220; img_src=&#8220;https:\/\/www.cituro.com\/help\/wp-content\/uploads\/2024\/06\/Standardbutton-1.png&#8220; img_alt=&#8220;Anleitung f\u00fcr die Integration als Standardbutton&#8220; img_title=&#8220;Anleitung f\u00fcr die Integration als Standardbutton&#8220; href=&#8220;#standard&#8220; _builder_version=&#8220;4.14.5&#8243; hover_enabled=&#8220;0&#8243; global_colors_info=&#8220;{}&#8220; sticky_enabled=&#8220;0&#8243;][\/et_pb_hover_image][\/et_pb_column_inner][\/et_pb_row_inner][et_pb_row_inner admin_label=&#8220;Zeile&#8220; _builder_version=&#8220;3.25&#8243; global_colors_info=&#8220;{}&#8220;][et_pb_column_inner saved_specialty_column_type=&#8220;3_4&#8243; _builder_version=&#8220;3.25&#8243; custom_padding=&#8220;|||&#8220; global_colors_info=&#8220;{}&#8220; custom_padding__hover=&#8220;|||&#8220;][et_pb_divider color=&#8220;#555555&#8243; _builder_version=&#8220;3.5.1&#8243; global_colors_info=&#8220;{}&#8220;][\/et_pb_divider][et_pb_text _builder_version=&#8220;3.29.3&#8243; global_colors_info=&#8220;{}&#8220;]<\/p>\n<h3 id=\"floating\" class=\"text-content-heading\">2.1. Floatingbutton einbinden<\/h3>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8220;4.14.5&#8243; global_colors_info=&#8220;{}&#8220;]<\/p>\n<p>Der Floatingbutton oder auch schwebender Button taucht automatisch, je nach Konfiguration, links oder rechts am Bildschirmrand auf. Er l\u00e4uft von alleine beim Scrollen mit und ist f\u00fcr den Website-Besucher immer sichtbar und pr\u00e4sent. Diese Variante erh\u00e4lt vom Besucher die gr\u00f6\u00dfte Aufmerksamkeit und l\u00e4dt am meisten zum Handeln (Termin buchen) ein. Und so geht es:<\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8220;3.29.3&#8243; global_colors_info=&#8220;{}&#8220;]<b>Schritt 1<\/b>:<br \/>\nKlicken Sie im cituro Manager auf: <strong>Men\u00fc<\/strong> \u2192 <strong>Onlinebuchung<\/strong> \u2192 <strong>Tab Design&#038;Vorschau<\/strong><br \/>\nW\u00e4hlen Sie im Bereich <i>Buchungsbutton &#8211; Allgemeine Einstellungen<\/i> bei der Buttondarstellung <strong>Floating<\/strong> aus. \u00c4ndern Sie bei Bedarf die Positionierung des Buttons (Feld Position).[\/et_pb_text][et_pb_text _builder_version=&#8220;3.29.3&#8243; global_colors_info=&#8220;{}&#8220;]<\/p>\n<p><b>Schritt 2<\/b>:<br \/>Danach klicken Sie auf den Tab <i>Buchungswidget einbinden<\/i>.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8220;https:\/\/www.cituro.com\/help\/wp-content\/uploads\/2024\/06\/buchungswidget-einbinden-1-2.png&#8220; alt=&#8220;Buchungswidget einbinden anklicken&#8220; title_text=&#8220;buchungswidget-einbinden-1 (2)&#8220; align_tablet=&#8220;center&#8220; align_phone=&#8220;&#8220; align_last_edited=&#8220;on|desktop&#8220; _builder_version=&#8220;4.14.5&#8243; hover_enabled=&#8220;0&#8243; global_colors_info=&#8220;{}&#8220; sticky_enabled=&#8220;0&#8243;][\/et_pb_image][et_pb_text _builder_version=&#8220;3.27.4&#8243; global_colors_info=&#8220;{}&#8220;]<\/p>\n<p><b>Schritt 3<\/b>:<br \/>Kopieren Sie den Code unter <i>1. Website Integration (Overlay).<\/i><\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8220;https:\/\/www.cituro.com\/help\/wp-content\/uploads\/2024\/06\/code-kopieren-2.png&#8220; alt=&#8220;Code kopieren&#8220; title_text=&#8220;code-kopieren-2&#8243; align_tablet=&#8220;center&#8220; align_phone=&#8220;&#8220; align_last_edited=&#8220;on|desktop&#8220; _builder_version=&#8220;4.14.5&#8243; hover_enabled=&#8220;0&#8243; global_colors_info=&#8220;{}&#8220; sticky_enabled=&#8220;0&#8243;][\/et_pb_image][et_pb_text _builder_version=&#8220;4.14.5&#8243; global_colors_info=&#8220;{}&#8220;]<\/p>\n<p><b>Schritt 4<\/b>:<br \/>Wechseln Sie zu Ihrer Website und f\u00fcgen Sie den kopierten Code aus Schritt 3 in den <i>Header<\/i> Ihrer Website ein.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8220;https:\/\/www.cituro.com\/help\/wp-content\/uploads\/2019\/08\/header-php-bearbeiten.png&#8220; alt=&#8220;Code kopieren&#8220; align_tablet=&#8220;center&#8220; align_phone=&#8220;&#8220; align_last_edited=&#8220;on|desktop&#8220; _builder_version=&#8220;4.14.5&#8243; hover_enabled=&#8220;0&#8243; global_colors_info=&#8220;{}&#8220; sticky_enabled=&#8220;0&#8243;][\/et_pb_image][et_pb_text _builder_version=&#8220;4.14.5&#8243; global_colors_info=&#8220;{}&#8220;]<\/p>\n<p>Der Floatingbutton taucht nun automatisch auf Ihrer Website auf und Ihre Kunden k\u00f6nnen online Termine bei Ihnen buchen. Hinweis: Sie haben die Wahl ob der Code f\u00fcr die gesamte Website, oder nur f\u00fcr ausgew\u00e4hlte Unterseiten gelten soll. Abh\u00e4ngig von Ihrer Auswahl wird auch der Floatingbutton dargestellt.<\/p>\n<p>[\/et_pb_text][\/et_pb_column_inner][\/et_pb_row_inner][et_pb_row_inner admin_label=&#8220;Zeile&#8220; _builder_version=&#8220;3.25&#8243; global_colors_info=&#8220;{}&#8220;][et_pb_column_inner saved_specialty_column_type=&#8220;3_4&#8243; _builder_version=&#8220;3.25&#8243; custom_padding=&#8220;|||&#8220; global_colors_info=&#8220;{}&#8220; custom_padding__hover=&#8220;|||&#8220;][et_pb_divider color=&#8220;#555555&#8243; _builder_version=&#8220;3.5.1&#8243; global_colors_info=&#8220;{}&#8220;][\/et_pb_divider][et_pb_text _builder_version=&#8220;3.29.3&#8243; global_colors_info=&#8220;{}&#8220;]<\/p>\n<h3 id=\"standard\" class=\"text-content-heading\">2.2. Standardbutton einbinden<\/h3>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8220;4.14.5&#8243; global_colors_info=&#8220;{}&#8220;]<\/p>\n<p>Der Standardbutton ist ein Button, den Sie an einer beliebigen Stelle Ihrer Website platzieren k\u00f6nnen. Anders als der Floatingbutton bleibt dieser Button exakt an dieser Stelle. Diese Variante ist etwas dezenter aber dennoch auff\u00e4llig. Und so funktioniert es:<\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8220;3.29.3&#8243; global_colors_info=&#8220;{}&#8220;]<\/p>\n<p><b>Schritt 1<\/b>:<br \/>\nKlicken Sie im cituro Manager auf: <strong>Men\u00fc<\/strong> \u2192 <strong>Onlinebuchung<\/strong> \u2192 <strong>Tab Design&#038;Vorschau<\/strong><br \/>\nW\u00e4hlen Sie im Bereich <i>Buchungsbutton &#8211; Allgemeine Einstellungen<\/i>  bei der Buttondarstellung <strong>Standard<\/strong> aus.<\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8220;3.29.3&#8243; global_colors_info=&#8220;{}&#8220;]<\/p>\n<p><b>Schritt 2<\/b>:<br \/>Danach klicken Sie auf den Tab <i>Buchungswidget einbinden<\/i>.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8220;https:\/\/www.cituro.com\/help\/wp-content\/uploads\/2024\/06\/buchungswidget-einbinden-1-2.png&#8220; alt=&#8220;Buchungswidget einbinden anklicken&#8220; title_text=&#8220;buchungswidget-einbinden-1 (2)&#8220; align_tablet=&#8220;center&#8220; align_phone=&#8220;&#8220; align_last_edited=&#8220;on|desktop&#8220; _builder_version=&#8220;4.14.5&#8243; hover_enabled=&#8220;0&#8243; global_colors_info=&#8220;{}&#8220; sticky_enabled=&#8220;0&#8243;][\/et_pb_image][et_pb_text _builder_version=&#8220;3.27.4&#8243; global_colors_info=&#8220;{}&#8220;]<\/p>\n<p><b>Schritt 3<\/b>:<br \/>Kopieren Sie den Code unter <i>1. Website Integration (Overlay)<\/i>.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8220;https:\/\/www.cituro.com\/help\/wp-content\/uploads\/2019\/08\/code-kopieren-2.png&#8220; alt=&#8220;Code kopieren&#8220; align_tablet=&#8220;center&#8220; align_phone=&#8220;&#8220; align_last_edited=&#8220;on|desktop&#8220; _builder_version=&#8220;4.14.5&#8243; hover_enabled=&#8220;0&#8243; global_colors_info=&#8220;{}&#8220; sticky_enabled=&#8220;0&#8243;][\/et_pb_image][et_pb_text _builder_version=&#8220;4.14.5&#8243; global_colors_info=&#8220;{}&#8220;]<\/p>\n<p><b>Schritt 4<\/b>:<br \/>Wechseln Sie zu Ihrer Website und f\u00fcgen Sie den kopierten Code aus Schritt 3 in den <i>Header<\/i> Ihrer Website ein.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8220;https:\/\/www.cituro.com\/help\/wp-content\/uploads\/2019\/08\/header-php-bearbeiten.png&#8220; alt=&#8220;Head bearbeiten&#8220; align_tablet=&#8220;center&#8220; align_phone=&#8220;&#8220; align_last_edited=&#8220;on|desktop&#8220; _builder_version=&#8220;4.14.5&#8243; hover_enabled=&#8220;0&#8243; global_colors_info=&#8220;{}&#8220; sticky_enabled=&#8220;0&#8243;][\/et_pb_image][et_pb_text _builder_version=&#8220;3.27.4&#8243; global_colors_info=&#8220;{}&#8220;]<\/p>\n<p><b>Schritt 5<\/b>:<br \/>Wechseln Sie nun zur\u00fcck zum cituro Manager und kopieren Sie den Code unter <i>1. a) Website Integration (Overlay) &gt; Standardbutton<\/i>.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8220;https:\/\/www.cituro.com\/help\/wp-content\/uploads\/2019\/08\/code-standardbutton-1.png&#8220; alt=&#8220;Code kopieren&#8220; align_tablet=&#8220;center&#8220; align_phone=&#8220;&#8220; align_last_edited=&#8220;on|desktop&#8220; _builder_version=&#8220;4.14.5&#8243; hover_enabled=&#8220;0&#8243; global_colors_info=&#8220;{}&#8220; sticky_enabled=&#8220;0&#8243;][\/et_pb_image][et_pb_text _builder_version=&#8220;4.14.5&#8243; global_colors_info=&#8220;{}&#8220;]<\/p>\n<p><b>Schritt 6<\/b>:<br \/>Jetzt wollen wir den Standardbutton auf Ihrer Website an der gew\u00fcnschten Position platzieren. Dazu f\u00fcgen Sie auf Ihrer Seite ein <i>HTML-Code<\/i> Element an der gew\u00fcnschten Stelle ein.<\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8220;3.27.4&#8243; global_colors_info=&#8220;{}&#8220;]<\/p>\n<p><b>Schritt 7<\/b>:<br \/>F\u00fcgen Sie den kopierten Code aus Schritt 7 ein. Speichern Sie und laden Sie Ihre Seite neu. <i>FERTIG!<\/i><\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8220;4.14.5&#8243; global_colors_info=&#8220;{}&#8220;]Der Standardbutton taucht nun automatisch an der gew\u00fcnschten Position auf Ihrer Website auf und Ihre Kunden k\u00f6nnen online Termine bei Ihnen buchen.[\/et_pb_text][\/et_pb_column_inner][\/et_pb_row_inner][\/et_pb_column][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hier zeigen wir Ihnen, wie Sie die Online-Buchung von cituro mit wenigen Schritten in Ihre Website einbinden. <\/p>\n","protected":false},"author":1,"featured_media":7865,"parent":15,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-61","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>So binden Sie cituro in Ihre Website ein - cituro Helpcenter<\/title>\n<meta name=\"description\" content=\"Mit unserer einfachen und verst\u00e4ndlichen Schritt-f\u00fcr-Schritt-Anleitung integrieren Sie cituro in wenigen Minuten in Ihre Website.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.cituro.com\/help\/einbindung-online-terminbuchung\/einbindung-in-website\/beliebige-website\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"So binden Sie cituro in Ihre Website ein - cituro Helpcenter\" \/>\n<meta property=\"og:description\" content=\"Mit unserer einfachen und verst\u00e4ndlichen Schritt-f\u00fcr-Schritt-Anleitung integrieren Sie cituro in wenigen Minuten in Ihre Website.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.cituro.com\/help\/einbindung-online-terminbuchung\/einbindung-in-website\/beliebige-website\" \/>\n<meta property=\"og:site_name\" content=\"cituro Helpcenter\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-01T20:50:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.cituro.com\/help\/wp-content\/uploads\/2022\/06\/cituro-logo-whitebg-1000x1000-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"1000\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"8\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.cituro.com\/help\/einbindung-online-terminbuchung\/einbindung-in-website\/beliebige-website\",\"url\":\"https:\/\/www.cituro.com\/help\/einbindung-online-terminbuchung\/einbindung-in-website\/beliebige-website\",\"name\":\"So binden Sie cituro in Ihre Website ein - cituro Helpcenter\",\"isPartOf\":{\"@id\":\"https:\/\/www.cituro.com\/help\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.cituro.com\/help\/einbindung-online-terminbuchung\/einbindung-in-website\/beliebige-website#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.cituro.com\/help\/einbindung-online-terminbuchung\/einbindung-in-website\/beliebige-website#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.cituro.com\/help\/wp-content\/uploads\/2022\/06\/cituro-logo-whitebg-1000x1000-1.png\",\"datePublished\":\"2019-08-26T14:06:13+00:00\",\"dateModified\":\"2025-08-01T20:50:59+00:00\",\"description\":\"Mit unserer einfachen und verst\u00e4ndlichen Schritt-f\u00fcr-Schritt-Anleitung integrieren Sie cituro in wenigen Minuten in Ihre Website.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.cituro.com\/help\/einbindung-online-terminbuchung\/einbindung-in-website\/beliebige-website#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.cituro.com\/help\/einbindung-online-terminbuchung\/einbindung-in-website\/beliebige-website\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/www.cituro.com\/help\/einbindung-online-terminbuchung\/einbindung-in-website\/beliebige-website#primaryimage\",\"url\":\"https:\/\/www.cituro.com\/help\/wp-content\/uploads\/2022\/06\/cituro-logo-whitebg-1000x1000-1.png\",\"contentUrl\":\"https:\/\/www.cituro.com\/help\/wp-content\/uploads\/2022\/06\/cituro-logo-whitebg-1000x1000-1.png\",\"width\":1000,\"height\":1000},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.cituro.com\/help\/einbindung-online-terminbuchung\/einbindung-in-website\/beliebige-website#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\/\/www.cituro.com\/help\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Einbindung Online-Terminbuchung\",\"item\":\"https:\/\/www.cituro.com\/help\/einbindung-online-terminbuchung\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Einbindung in Website\",\"item\":\"https:\/\/www.cituro.com\/help\/einbindung-online-terminbuchung\/einbindung-in-website\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Beliebige Website\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.cituro.com\/help\/#website\",\"url\":\"https:\/\/www.cituro.com\/help\/\",\"name\":\"cituro Helpcenter\",\"description\":\"Eine weitere WordPress-Website\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.cituro.com\/help\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"So binden Sie cituro in Ihre Website ein - cituro Helpcenter","description":"Mit unserer einfachen und verst\u00e4ndlichen Schritt-f\u00fcr-Schritt-Anleitung integrieren Sie cituro in wenigen Minuten in Ihre Website.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.cituro.com\/help\/einbindung-online-terminbuchung\/einbindung-in-website\/beliebige-website","og_locale":"de_DE","og_type":"article","og_title":"So binden Sie cituro in Ihre Website ein - cituro Helpcenter","og_description":"Mit unserer einfachen und verst\u00e4ndlichen Schritt-f\u00fcr-Schritt-Anleitung integrieren Sie cituro in wenigen Minuten in Ihre Website.","og_url":"https:\/\/www.cituro.com\/help\/einbindung-online-terminbuchung\/einbindung-in-website\/beliebige-website","og_site_name":"cituro Helpcenter","article_modified_time":"2025-08-01T20:50:59+00:00","og_image":[{"width":1000,"height":1000,"url":"https:\/\/www.cituro.com\/help\/wp-content\/uploads\/2022\/06\/cituro-logo-whitebg-1000x1000-1.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"8\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.cituro.com\/help\/einbindung-online-terminbuchung\/einbindung-in-website\/beliebige-website","url":"https:\/\/www.cituro.com\/help\/einbindung-online-terminbuchung\/einbindung-in-website\/beliebige-website","name":"So binden Sie cituro in Ihre Website ein - cituro Helpcenter","isPartOf":{"@id":"https:\/\/www.cituro.com\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.cituro.com\/help\/einbindung-online-terminbuchung\/einbindung-in-website\/beliebige-website#primaryimage"},"image":{"@id":"https:\/\/www.cituro.com\/help\/einbindung-online-terminbuchung\/einbindung-in-website\/beliebige-website#primaryimage"},"thumbnailUrl":"https:\/\/www.cituro.com\/help\/wp-content\/uploads\/2022\/06\/cituro-logo-whitebg-1000x1000-1.png","datePublished":"2019-08-26T14:06:13+00:00","dateModified":"2025-08-01T20:50:59+00:00","description":"Mit unserer einfachen und verst\u00e4ndlichen Schritt-f\u00fcr-Schritt-Anleitung integrieren Sie cituro in wenigen Minuten in Ihre Website.","breadcrumb":{"@id":"https:\/\/www.cituro.com\/help\/einbindung-online-terminbuchung\/einbindung-in-website\/beliebige-website#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.cituro.com\/help\/einbindung-online-terminbuchung\/einbindung-in-website\/beliebige-website"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.cituro.com\/help\/einbindung-online-terminbuchung\/einbindung-in-website\/beliebige-website#primaryimage","url":"https:\/\/www.cituro.com\/help\/wp-content\/uploads\/2022\/06\/cituro-logo-whitebg-1000x1000-1.png","contentUrl":"https:\/\/www.cituro.com\/help\/wp-content\/uploads\/2022\/06\/cituro-logo-whitebg-1000x1000-1.png","width":1000,"height":1000},{"@type":"BreadcrumbList","@id":"https:\/\/www.cituro.com\/help\/einbindung-online-terminbuchung\/einbindung-in-website\/beliebige-website#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/www.cituro.com\/help\/"},{"@type":"ListItem","position":2,"name":"Einbindung Online-Terminbuchung","item":"https:\/\/www.cituro.com\/help\/einbindung-online-terminbuchung"},{"@type":"ListItem","position":3,"name":"Einbindung in Website","item":"https:\/\/www.cituro.com\/help\/einbindung-online-terminbuchung\/einbindung-in-website"},{"@type":"ListItem","position":4,"name":"Beliebige Website"}]},{"@type":"WebSite","@id":"https:\/\/www.cituro.com\/help\/#website","url":"https:\/\/www.cituro.com\/help\/","name":"cituro Helpcenter","description":"Eine weitere WordPress-Website","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.cituro.com\/help\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"}]}},"_links":{"self":[{"href":"https:\/\/www.cituro.com\/help\/wp-json\/wp\/v2\/pages\/61","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cituro.com\/help\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.cituro.com\/help\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.cituro.com\/help\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cituro.com\/help\/wp-json\/wp\/v2\/comments?post=61"}],"version-history":[{"count":7,"href":"https:\/\/www.cituro.com\/help\/wp-json\/wp\/v2\/pages\/61\/revisions"}],"predecessor-version":[{"id":12561,"href":"https:\/\/www.cituro.com\/help\/wp-json\/wp\/v2\/pages\/61\/revisions\/12561"}],"up":[{"embeddable":true,"href":"https:\/\/www.cituro.com\/help\/wp-json\/wp\/v2\/pages\/15"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.cituro.com\/help\/wp-json\/wp\/v2\/media\/7865"}],"wp:attachment":[{"href":"https:\/\/www.cituro.com\/help\/wp-json\/wp\/v2\/media?parent=61"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}