{"id":18,"date":"2019-08-26T11:56:33","date_gmt":"2019-08-26T09:56:33","guid":{"rendered":"https:\/\/www.cituro.com\/help\/?page_id=18"},"modified":"2025-08-01T22:53:09","modified_gmt":"2025-08-01T20:53:09","slug":"wordpress","status":"publish","type":"page","link":"https:\/\/www.cituro.com\/help\/einbindung-online-terminbuchung\/einbindung-in-website\/wordpress","title":{"rendered":"WordPress"},"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; locked=&#8220;off&#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 Ihre WordPress Website<\/h1>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8220;4.14.5&#8243; global_colors_info=&#8220;{}&#8220;]<\/p>\n<p>Hier zeigen wir Ihnen, wie Sie die Online-Buchung von cituro mit wenigen Schritten in Ihre WordPress-Website einbinden.<br \/>\nDie Online-Buchung von cituro ist ohne Expertenwissen und mit wenigen Klicks auf einer WordPress Website eingerichtet. Zun\u00e4chst brauchen Sie jedoch eine WordPress Website und einen cituro Account. Falls Sie diese noch nicht haben, k\u00f6nnen Sie sich <a href=\"https:\/\/de.wordpress.com\" target=\"_blank\" rel=\"noopener noreferrer\">hier bei WordPress registrieren<\/a> und <a href=\"https:\/\/www.cituro.com\/registrierung\" target=\"_blank\" rel=\"noopener noreferrer\">hier kostenlos bei cituro anmelden<\/a>. Und schon kann es los gehen!<\/p>\n<p>[\/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 WordPress 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 admin_label=&#8220;Schritt 1&#8243; _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 admin_label=&#8220;Schritt 2&#8243; _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; global_colors_info=&#8220;{}&#8220;][\/et_pb_image][et_pb_text admin_label=&#8220;Schritt 3&#8243; _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; global_colors_info=&#8220;{}&#8220;][\/et_pb_image][et_pb_text admin_label=&#8220;Schritt 4&#8243; _builder_version=&#8220;3.27.4&#8243; global_colors_info=&#8220;{}&#8220;]<\/p>\n<p><b>Schritt 4<\/b>:<br \/>F\u00fcgen Sie in WordPress einen Button oder einen Link hinzu.<\/p>\n<p>[\/et_pb_text][et_pb_text admin_label=&#8220;Schritt 5&#8243; _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 module_id=&#8220;wordpress-plugin&#8220; _builder_version=&#8220;4.14.5&#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 \u00f6ffnet sich die Online-Terminbuchung als Pop-Up optisch ansprechend und nahtlos auf Ihrer Website. Ihre Website wird bei der Buchung also nicht verlassen. Wir bieten mehrere M\u00f6glichkeiten an, das Buchungswidget auf Ihrer Seite einzubinden.<\/p>\n<p><\/p>\n<p  class=\"notice blue\"><strong>Hinweis: <\/strong>Wir empfehlen die Einbindung \u00fcber das <a href=\"https:\/\/de.wordpress.org\/plugins\/cituro-booking-widget\/\">cituro Booking Widget Plugin<\/a>  aus dem WordPress Marketplace. Alternativ k\u00f6nnen Sie das Javascript auch direkt in Ihre Website integrieren. Unter <a href=\"https:\/\/app.cituro.com\/#online-booking\/booking-widget-integration\">Men\u00fc -> Onlinebuchung -> Buchungswidget einbinden<\/a> finden Sie weitere Informationen.<\/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<li><a href=\"#anpassen\">Buchungswidget anpassen<\/a> <br \/>(Hier k\u00f6nnen Sie das Buchungswidget an Ihre Bed\u00fcrfnisse anpassen und vorbelegte Parameter hinzuf\u00fcgen.)<\/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; global_colors_info=&#8220;{}&#8220;][\/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; global_colors_info=&#8220;{}&#8220;][\/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 admin_label=&#8220;Schritt 1&#8243; _builder_version=&#8220;4.14.5&#8243; global_colors_info=&#8220;{}&#8220;]<\/p>\n<p><b>Schritt 1<\/b>:<br \/>Klicken Sie im cituro Manager auf: <a href=\"https:\/\/app.cituro.com\/#online-booking\/booking-widget-design\">Men\u00fc -> Onlinebuchung -> Tab Design &#038; Vorschau<\/a><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 admin_label=&#8220;Schritt 2&#8243; _builder_version=&#8220;4.14.5&#8243; global_colors_info=&#8220;{}&#8220;]<\/p>\n<p><b>Schritt 2<\/b>:<br \/>Wechseln Sie zu Ihrer WordPress Website und navigieren Sie im <i>Men\u00fc<\/i> zu <i>Plugins<\/i> und klicken Sie auf <i>Installieren<\/i>.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8220;https:\/\/www.cituro.com\/help\/wp-content\/uploads\/2024\/06\/plugins.png&#8220; alt=&#8220;Zu den Jimdo Einstellungen navigieren&#8220; title_text=&#8220;plugins&#8220; align_tablet=&#8220;center&#8220; align_phone=&#8220;&#8220; align_last_edited=&#8220;on|desktop&#8220; _builder_version=&#8220;4.14.5&#8243; max_width=&#8220;600px&#8220; box_shadow_style=&#8220;preset2&#8243; global_colors_info=&#8220;{}&#8220;][\/et_pb_image][et_pb_text admin_label=&#8220;Schritt 3&#8243; _builder_version=&#8220;4.14.5&#8243; global_colors_info=&#8220;{}&#8220;]<\/p>\n<p><b>Schritt 3<\/b>:<br \/>Geben Sie bei <i>Plugins durchsuchen&#8230;<\/i> <strong>cituro Booking Widget<\/strong> ein.<\/p>\n<p>[\/et_pb_text][et_pb_text admin_label=&#8220;Schritt 4&#8243; _builder_version=&#8220;4.14.5&#8243; global_colors_info=&#8220;{}&#8220;]<b>Schritt 4<\/b>:<br \/>Klicken Sie bei dem Plugin <strong>cituro Booking Widget<\/strong> auf <i>Jetzt installieren<\/i>.[\/et_pb_text][et_pb_text admin_label=&#8220;Schritt 5&#8243; _builder_version=&#8220;4.14.5&#8243; global_colors_info=&#8220;{}&#8220;]<b>Schritt 5<\/b>:<br \/>Nachdem das Plugin installiert wurde, klicken Sie auf <i>Aktivieren<\/i>.[\/et_pb_text][et_pb_image src=&#8220;https:\/\/www.cituro.com\/help\/wp-content\/uploads\/2024\/10\/cituro-booking-widget-e1728650684636.png&#8220; alt=&#8220;Head bearbeiten anklicken&#8220; title_text=&#8220;cituro-booking-widget&#8220; align_tablet=&#8220;center&#8220; align_phone=&#8220;&#8220; align_last_edited=&#8220;on|desktop&#8220; _builder_version=&#8220;4.14.5&#8243; max_width=&#8220;800px&#8220; box_shadow_style=&#8220;preset2&#8243; global_colors_info=&#8220;{}&#8220;][\/et_pb_image][et_pb_text admin_label=&#8220;Schritt 6&#8243; _builder_version=&#8220;4.14.5&#8243; global_colors_info=&#8220;{}&#8220;]<\/p>\n<p><b>Schritt 6<\/b>:<br \/>Navigieren Sie im <i>Men\u00fc<\/i> zu <i>cituro Booking Widget<\/i>.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8220;https:\/\/www.cituro.com\/help\/wp-content\/uploads\/2024\/10\/wordpress-plugin-cituro.png&#8220; alt=&#8220;Head bearbeiten anklicken&#8220; title_text=&#8220;wordpress-plugin-cituro&#8220; align_tablet=&#8220;center&#8220; align_phone=&#8220;&#8220; align_last_edited=&#8220;on|desktop&#8220; _builder_version=&#8220;4.14.5&#8243; max_width=&#8220;800px&#8220; box_shadow_style=&#8220;preset2&#8243; global_colors_info=&#8220;{}&#8220;][\/et_pb_image][et_pb_text admin_label=&#8220;Schritt 7&#8243; _builder_version=&#8220;4.14.5&#8243; global_colors_info=&#8220;{}&#8220;]<\/p>\n<p><b>Schritt 7<\/b>:<br \/>Geben Sie bei <i>Kundennummer<\/i> Ihre Kundennummer ein und klicken Sie anschlie\u00dfend auf <i>\u00c4nderungen speichern<\/i>.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8220;https:\/\/www.cituro.com\/help\/wp-content\/uploads\/2024\/10\/kundennummer-einfuegen.png&#8220; alt=&#8220;Head bearbeiten&#8220; title_text=&#8220;kundennummer-einf\u00fcgen&#8220; align_tablet=&#8220;center&#8220; align_phone=&#8220;&#8220; align_last_edited=&#8220;on|desktop&#8220; _builder_version=&#8220;4.14.5&#8243; max_width=&#8220;800px&#8220; box_shadow_style=&#8220;preset2&#8243; global_colors_info=&#8220;{}&#8220;][\/et_pb_image][et_pb_text _builder_version=&#8220;4.14.5&#8243; global_colors_info=&#8220;{}&#8220;]<\/p>\n<p>Fertig! Der Floatingbutton taucht nun automatisch auf Ihrer Website auf und Ihre Kunden k\u00f6nnen online Termine 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.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 admin_label=&#8220;Schritt 1&#8243; _builder_version=&#8220;3.29.3&#8243; global_colors_info=&#8220;{}&#8220;]<\/p>\n<p><b>Schritt 1<\/b>:<br \/>Klicken 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 admin_label=&#8220;Schritt 2&#8243; _builder_version=&#8220;4.14.5&#8243; global_colors_info=&#8220;{}&#8220;]<\/p>\n<p><b>Schritt 2<\/b>:<br \/>Wechseln Sie zu Ihrer WordPress Website und navigieren Sie im <i>Men\u00fc<\/i> zu <i>Plugins<\/i> und klicken Sie auf <i>Installieren<\/i>.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8220;https:\/\/www.cituro.com\/help\/wp-content\/uploads\/2024\/06\/plugins.png&#8220; alt=&#8220;Zu den Jimdo Einstellungen navigieren&#8220; title_text=&#8220;plugins&#8220; align_tablet=&#8220;center&#8220; align_phone=&#8220;&#8220; align_last_edited=&#8220;on|desktop&#8220; _builder_version=&#8220;4.14.5&#8243; max_width=&#8220;600px&#8220; box_shadow_style=&#8220;preset2&#8243; global_colors_info=&#8220;{}&#8220;][\/et_pb_image][et_pb_text admin_label=&#8220;Schritt 3&#8243; _builder_version=&#8220;4.14.5&#8243; global_colors_info=&#8220;{}&#8220;]<\/p>\n<p><b>Schritt 3<\/b>:<br \/>Geben Sie bei <i>Plugins durchsuchen&#8230;<\/i> <strong>cituro Booking Widget<\/strong> ein.<\/p>\n<p>[\/et_pb_text][et_pb_text admin_label=&#8220;Schritt 4&#8243; _builder_version=&#8220;4.14.5&#8243; global_colors_info=&#8220;{}&#8220;]<b>Schritt 4<\/b>:<br \/>Klicken Sie bei dem Plugin <strong>cituro Booking Widget<\/strong> auf <i>Jetzt installieren<\/i>.[\/et_pb_text][et_pb_text admin_label=&#8220;Schritt 5&#8243; _builder_version=&#8220;4.14.5&#8243; global_colors_info=&#8220;{}&#8220;]<b>Schritt 5<\/b>:<br \/>Nachdem das Plugin installiert wurde, klicken Sie auf <i>Aktivieren<\/i>.[\/et_pb_text][et_pb_image src=&#8220;https:\/\/www.cituro.com\/help\/wp-content\/uploads\/2024\/10\/cituro-booking-widget-e1728650684636.png&#8220; alt=&#8220;Head bearbeiten anklicken&#8220; title_text=&#8220;cituro-booking-widget&#8220; align_tablet=&#8220;center&#8220; align_phone=&#8220;&#8220; align_last_edited=&#8220;on|desktop&#8220; _builder_version=&#8220;4.14.5&#8243; max_width=&#8220;800px&#8220; box_shadow_style=&#8220;preset2&#8243; global_colors_info=&#8220;{}&#8220;][\/et_pb_image][et_pb_text admin_label=&#8220;Schritt 6&#8243; _builder_version=&#8220;4.14.5&#8243; global_colors_info=&#8220;{}&#8220;]<\/p>\n<p><b>Schritt 6<\/b>:<br \/>Navigieren Sie im <i>Men\u00fc<\/i> zu <i>cituro Booking Widget<\/i>.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8220;https:\/\/www.cituro.com\/help\/wp-content\/uploads\/2024\/10\/wordpress-plugin-cituro.png&#8220; alt=&#8220;Head bearbeiten anklicken&#8220; title_text=&#8220;wordpress-plugin-cituro&#8220; align_tablet=&#8220;center&#8220; align_phone=&#8220;&#8220; align_last_edited=&#8220;on|desktop&#8220; _builder_version=&#8220;4.14.5&#8243; max_width=&#8220;800px&#8220; box_shadow_style=&#8220;preset2&#8243; global_colors_info=&#8220;{}&#8220;][\/et_pb_image][et_pb_text admin_label=&#8220;Schritt 7&#8243; _builder_version=&#8220;4.14.5&#8243; global_colors_info=&#8220;{}&#8220;]<\/p>\n<p><b>Schritt 7<\/b>:<br \/>Geben Sie bei <i>Kundennummer<\/i> Ihre Kundennummer ein und klicken Sie anschlie\u00dfend auf <i>\u00c4nderungen speichern<\/i>.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8220;https:\/\/www.cituro.com\/help\/wp-content\/uploads\/2024\/10\/kundennummer-einfuegen.png&#8220; alt=&#8220;Head bearbeiten&#8220; title_text=&#8220;kundennummer-einf\u00fcgen&#8220; align_tablet=&#8220;center&#8220; align_phone=&#8220;&#8220; align_last_edited=&#8220;on|desktop&#8220; _builder_version=&#8220;4.14.5&#8243; max_width=&#8220;800px&#8220; box_shadow_style=&#8220;preset2&#8243; global_colors_info=&#8220;{}&#8220;][\/et_pb_image][et_pb_text admin_label=&#8220;Schritt 8&#8243; _builder_version=&#8220;4.14.5&#8243; global_colors_info=&#8220;{}&#8220;]<\/p>\n<p><b>Schritt 8<\/b>:<br \/>Wechseln Sie nun zur\u00fcck zum cituro Manager und kopieren Sie den Code unter <i>1. a) Website Integration (Overlay) &#038; Standardbutton<\/i>.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8220;https:\/\/www.cituro.com\/help\/wp-content\/uploads\/2024\/06\/code-standardbutton-1.png&#8220; alt=&#8220;Code kopieren&#8220; title_text=&#8220;code-standardbutton-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; max_width=&#8220;800px&#8220; global_colors_info=&#8220;{}&#8220;][\/et_pb_image][et_pb_text admin_label=&#8220;Schritt 9&#8243; _builder_version=&#8220;4.14.5&#8243; global_colors_info=&#8220;{}&#8220;]<b>Schritt 9<\/b>:<br \/>Jetzt wollen wir den Standardbutton auf Ihrer WordPress Seite 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.[\/et_pb_text][et_pb_text admin_label=&#8220;Schritt 10&#8243; _builder_version=&#8220;4.14.5&#8243; global_colors_info=&#8220;{}&#8220;]<\/p>\n<p><b>Schritt 10<\/b>:<br \/>F\u00fcgen Sie den kopierten Code aus Schritt 9 ein. Speichern Sie und laden Sie Ihre Seite neu.<\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8220;4.14.5&#8243; global_colors_info=&#8220;{}&#8220;]<i>FERTIG!<\/i> 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_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 admin_label=&#8220;Buchungswidget anpassen&#8220; _builder_version=&#8220;4.14.5&#8243; global_colors_info=&#8220;{}&#8220;]<\/p>\n<h3 id=\"anpassen\" class=\"text-content-heading\">2.3 Buchungswidget anpassen<\/h3>\n<p>[\/et_pb_text][et_pb_text admin_label=&#8220;Text&#8220; _builder_version=&#8220;4.14.5&#8243; global_colors_info=&#8220;{}&#8220;]<\/p>\n<p>Hier haben Sie die M\u00f6glichkeit, das Buchungswidget individuell anzupassen und bei Bedarf vorbelegte Parameter hinzuzuf\u00fcgen (optional). So startet das Buchungswidget mit vorbelegter Leistung, Kategorie, Mitarbeiter\/Ressource oder Standort.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8220;https:\/\/www.cituro.com\/help\/wp-content\/uploads\/2024\/10\/buchungswidget-anpassen.png&#8220; alt=&#8220;Head bearbeiten&#8220; title_text=&#8220;buchungswidget-anpassen&#8220; align_tablet=&#8220;center&#8220; align_phone=&#8220;&#8220; align_last_edited=&#8220;on|desktop&#8220; _builder_version=&#8220;4.14.5&#8243; max_width=&#8220;800px&#8220; box_shadow_style=&#8220;preset2&#8243; global_colors_info=&#8220;{}&#8220;][\/et_pb_image][et_pb_text admin_label=&#8220;Text&#8220; _builder_version=&#8220;4.14.5&#8243; global_colors_info=&#8220;{}&#8220;]<b>Expertenmodus<\/b><\/p>\n<p>Mit dem Expertenmodus k\u00f6nnen Sie das Skript zum Buchungsbutton manuell auf Ihre Bed\u00fcrfnisse anpassen.<\/p>\n<p>[\/et_pb_text][\/et_pb_column_inner][\/et_pb_row_inner][\/et_pb_column][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Einbindung in Ihre Wordpress WebsiteHier zeigen wir Ihnen, wie Sie die Online-Buchung von cituro mit wenigen Schritten in Ihre Wordpress-Website einbinden. Die Online-Buchung von cituro ist ohne Expertenwissen und mit wenigen Klicks auf einer Wordpress Website eingerichtet. Zun\u00e4chst brauchen Sie jedoch eine Wordpress Website und einen cituro Account. Falls Sie diese noch nicht haben, k\u00f6nnen [&hellip;]<\/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-18","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 Wordpress Seite ein - cituro Helpcenter<\/title>\n<meta name=\"description\" content=\"Mit unserer einfachen Schritt-f\u00fcr-Schritt-Anleitung integrieren Sie das Online-Buchungssystem von cituro in wenigen Minuten in Ihre Wordpress-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\/wordpress\" \/>\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 Wordpress Seite ein - cituro Helpcenter\" \/>\n<meta property=\"og:description\" content=\"Mit unserer einfachen Schritt-f\u00fcr-Schritt-Anleitung integrieren Sie das Online-Buchungssystem von cituro in wenigen Minuten in Ihre Wordpress-Website.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.cituro.com\/help\/einbindung-online-terminbuchung\/einbindung-in-website\/wordpress\" \/>\n<meta property=\"og:site_name\" content=\"cituro Helpcenter\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-01T20:53:09+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=\"10\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\/wordpress\",\"url\":\"https:\/\/www.cituro.com\/help\/einbindung-online-terminbuchung\/einbindung-in-website\/wordpress\",\"name\":\"So binden Sie cituro in Ihre Wordpress Seite ein - cituro Helpcenter\",\"isPartOf\":{\"@id\":\"https:\/\/www.cituro.com\/help\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.cituro.com\/help\/einbindung-online-terminbuchung\/einbindung-in-website\/wordpress#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.cituro.com\/help\/einbindung-online-terminbuchung\/einbindung-in-website\/wordpress#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.cituro.com\/help\/wp-content\/uploads\/2022\/06\/cituro-logo-whitebg-1000x1000-1.png\",\"datePublished\":\"2019-08-26T09:56:33+00:00\",\"dateModified\":\"2025-08-01T20:53:09+00:00\",\"description\":\"Mit unserer einfachen Schritt-f\u00fcr-Schritt-Anleitung integrieren Sie das Online-Buchungssystem von cituro in wenigen Minuten in Ihre Wordpress-Website.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.cituro.com\/help\/einbindung-online-terminbuchung\/einbindung-in-website\/wordpress#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.cituro.com\/help\/einbindung-online-terminbuchung\/einbindung-in-website\/wordpress\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/www.cituro.com\/help\/einbindung-online-terminbuchung\/einbindung-in-website\/wordpress#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\/wordpress#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\":\"WordPress\"}]},{\"@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 Wordpress Seite ein - cituro Helpcenter","description":"Mit unserer einfachen Schritt-f\u00fcr-Schritt-Anleitung integrieren Sie das Online-Buchungssystem von cituro in wenigen Minuten in Ihre Wordpress-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\/wordpress","og_locale":"de_DE","og_type":"article","og_title":"So binden Sie cituro in Ihre Wordpress Seite ein - cituro Helpcenter","og_description":"Mit unserer einfachen Schritt-f\u00fcr-Schritt-Anleitung integrieren Sie das Online-Buchungssystem von cituro in wenigen Minuten in Ihre Wordpress-Website.","og_url":"https:\/\/www.cituro.com\/help\/einbindung-online-terminbuchung\/einbindung-in-website\/wordpress","og_site_name":"cituro Helpcenter","article_modified_time":"2025-08-01T20:53:09+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":"10\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.cituro.com\/help\/einbindung-online-terminbuchung\/einbindung-in-website\/wordpress","url":"https:\/\/www.cituro.com\/help\/einbindung-online-terminbuchung\/einbindung-in-website\/wordpress","name":"So binden Sie cituro in Ihre Wordpress Seite ein - cituro Helpcenter","isPartOf":{"@id":"https:\/\/www.cituro.com\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.cituro.com\/help\/einbindung-online-terminbuchung\/einbindung-in-website\/wordpress#primaryimage"},"image":{"@id":"https:\/\/www.cituro.com\/help\/einbindung-online-terminbuchung\/einbindung-in-website\/wordpress#primaryimage"},"thumbnailUrl":"https:\/\/www.cituro.com\/help\/wp-content\/uploads\/2022\/06\/cituro-logo-whitebg-1000x1000-1.png","datePublished":"2019-08-26T09:56:33+00:00","dateModified":"2025-08-01T20:53:09+00:00","description":"Mit unserer einfachen Schritt-f\u00fcr-Schritt-Anleitung integrieren Sie das Online-Buchungssystem von cituro in wenigen Minuten in Ihre Wordpress-Website.","breadcrumb":{"@id":"https:\/\/www.cituro.com\/help\/einbindung-online-terminbuchung\/einbindung-in-website\/wordpress#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.cituro.com\/help\/einbindung-online-terminbuchung\/einbindung-in-website\/wordpress"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.cituro.com\/help\/einbindung-online-terminbuchung\/einbindung-in-website\/wordpress#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\/wordpress#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":"WordPress"}]},{"@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\/18","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=18"}],"version-history":[{"count":7,"href":"https:\/\/www.cituro.com\/help\/wp-json\/wp\/v2\/pages\/18\/revisions"}],"predecessor-version":[{"id":12563,"href":"https:\/\/www.cituro.com\/help\/wp-json\/wp\/v2\/pages\/18\/revisions\/12563"}],"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=18"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}