So richten Sie Ihre Online-Buchungsseite in Workspace369 ein

Öffnen Sie „Einstellungen“ und unter „Kalender & Buchung“ die „Buchungsseiten“. Klicken Sie auf „Neue Seite“, geben Sie ihr einen Namen, den Ihre Kunden sehen, und wählen Sie einen Look. Schalten Sie unter „Dienstleistungen“ alles aus, was nicht auf der Seite erscheinen soll, legen Sie Ihre Buchungsregeln fest und klicken Sie auf „Seite erstellen“.#

Ja. Wählen Sie unter „Look“ einen Look, um Farben, Schriftarten und Layout mit einem Klick festzulegen, und wählen Sie eine Markenfarbe. Die Vorschau zeigt genau, was Ihre Kunden sehen werden, bevor Sie die Seite erstellen.#

Nein, das entscheiden Sie. Mit den „Buchungsregeln“ können Sie Buchungen sofort bestätigen oder jede Anfrage zuerst genehmigen. Jede Buchungsseite ist ein eigener Weg, über den Kunden buchen können, und Sie können mehr als eine anlegen.#

Sobald Sie auf „Seite erstellen“ klicken, ist sie live. „Teilen & einbetten“ liefert Ihnen den Link und einen QR-Code zum Teilen oder eine Möglichkeit, die Seite auf Ihrer Website einzubinden.#

Gehen Sie in den Einstellungen zu Buchungsseiten, öffnen Sie die Seite und klicken Sie auf Teilen & Einbetten. Wählen Sie unter Einbetten auf Ihrer Website ein Format: Inline, Popup-Schaltfläche, Ihr Formular oder Nur-iframe. Klicken Sie auf Kopieren, fügen Sie den Code in das HTML Ihrer Website oder einen Codeblock ein (in WordPress, Squarespace, Wix oder Webflow verwenden Sie einen HTML- oder Einbettungsblock), veröffentlichen Sie Ihre Website und nehmen Sie eine Testbuchung vor. Der Code enthält bereits Ihre Workspace-ID und Seite, sodass nichts ausgefüllt werden muss.#

Inline platziert den Buchungskalender auf der Seite, auf der Sie den Code einfügen, und er passt sich seiner Größe an. Popup-Schaltfläche fügt eine schwebende Schaltfläche "Jetzt buchen" zu jeder Seite hinzu, auf der Sie sie einfügen, und jedes Element mit dem Attribut data-w369-booking öffnet sie ebenfalls. Ihr Formular lädt dasselbe Skript mit data-mode="api", sodass Ihr eigenes Formular oder Ihre eigene Schaltfläche W369Booking.open() mit dem Namen, der E-Mail und der Telefonnummer des Kunden (Telefonnummern im E.164-Format, wie +14155550100) aufrufen kann, oder W369Booking.mount(), um es innerhalb Ihres eigenen Elements anzuzeigen. Nur-iframe ist für Website-Builder, die Skripte blockieren: feste Höhe, kein Popup. Die Skript-Einbettungen laden https://369.dev/booking.js.#

Ja, mit den Skript-Einbettungen. Fügen Sie data-prefill-name, data-prefill-email, data-prefill-phone (E.164, wie +14155550100) und data-prefill-notes zum Skript-Tag hinzu oder übergeben Sie dieselben Werte als prefill an W369Booking.open() oder W369Booking.mount(). data-service und data-member wählen einen Service oder ein Teammitglied voraus, unter Verwendung der IDs auf der Registerkarte „Entwickler-IDs“ unter „Teilen & Einbetten“, und data-step="time" überspringt das Detailformular, sobald Name, E-Mail und eine gültige Telefonnummer eingegeben sind. Zusätzliche Felder werden in Metadaten (bis zu 20 Schlüssel) eingegeben und mit der Buchung und dem Konto eines neuen Kunden gespeichert. Um zu verfolgen, woher Buchungen stammen, übergeben Sie Ihre UTM-Werte als Quelle in W369Booking.open() oder mount(): sie werden unter „Buchungsquelle“ auf dem Konto des neuen Kunden angezeigt. UTM-Tags allein in der Adresszeile Ihrer Seite werden weitergegeben, aber nicht gespeichert. Wenn eine Buchung vorgenommen wird, löst die Seite ein w369:booked-Ereignis mit der Buchungs-ID aus; bei einer Buchung mit Anzahlung wird es vor der Zahlung ausgelöst.#

Inline und W369Booking.mount() wachsen und schrumpfen, um jeden Schritt der Buchung anzupassen. Das Popup öffnet sich in einem Fenster von bis zu 1000 x 720 Pixeln, das scrollt, und schließt sich mit der Schließen-Schaltfläche, der Escape-Taste oder einem Klick außerhalb. Ein normales iframe ist 900 Pixel hoch, es sei denn, Sie ändern seine Höhe im Code. Der schwebende Button des Popups befindet sich in der unteren rechten Ecke: Ändern Sie seinen Text mit data-label (bis zu 40 Zeichen) und seine Farbe mit data-color (eine Hex-Farbe wie #111827) oder überspringen Sie ihn mit data-mode="api" und fügen Sie data-w369-booking zu einem Ihrer eigenen Buttons oder Links hinzu. Die vollständige Referenz finden Sie im Einbettungsleitfaden: docs.workspace369.com/v/2026.3/scheduling/embed-booking-on-your-website/#

Ja. Anzahlungen oder vollständige Zahlung bei Buchung werden auf der Buchungsseite selbst festgelegt, sodass jedes Einbettungsformat sie übernimmt, da jedes Ihre Buchungsseite öffnet. Die REST-API kann keine Buchung mit Anzahlung erstellen. Wenn Sie also eine Anzahlung benötigen, leiten Sie Kunden über die eingebettete Buchungsseite weiter, anstatt Buchungen über die API zu erstellen. In einer Einbettung öffnet die Zahlung Stripe im selben Browser-Tab, und nach der Zahlung sieht der Kunde die Bestätigung mit einer Schaltfläche zurück zu Ihrer Website.#

Ja. Unter "Teilen & Einbetten" listen Sie bis zu 20 erlaubte Websites auf oder lassen Sie das Feld leer, um jede Website zuzulassen. Einfache Iframes können auf diese Weise nicht eingeschränkt werden. Jede Einbettung zeigt eine kleine "Powered by Workspace369"-Beschriftung an.#

Kein Konto nötig. Kunden öffnen Ihre Buchungsseite, wählen eine Leistung und dann einen Tag und eine Uhrzeit. Zum Schluss geben sie ihre Daten ein und buchen.#

Buchungsseiten sind in den Plänen Specialist, Commander und Enterprise enthalten. Cadet und Voyager beinhalten den Kalender und E-Mail-Terminerinnerungen, aber keine Buchungsseite.#