Artikelzusammenfassung
Zuletzt aktualisiert:
Schalte erweitertes Styling und benutzerdefinierte Integrationen frei.
Du kannst Cascading Style Sheets (CSS), Webhooks und Application Programming Interfaces (APIs) verwenden, um deinen eigenen Code mit Acuity zu verbinden, was die integrierten Anpassungen von Acuity übersteigt.
Verwendung:
- CSS, um das Erscheinungsbild deines Terminplaners zu ändern.
- Webhooks, um einen unidirektionalen Datenstrom von Acuity an ein anderes System zu senden.
- APIs, um eine Hin- und Her-Verbindung zwischen Acuity und deiner eigenen, individuell entwickelten Software herzustellen.
CSS-Anpassung und API-Zugriff sind im Premium- oder Powerhouse-Abonnement verfügbar.
Benutzerdefiniertes CSS zur Neugestaltung deines Terminplaners verwenden
Verwende CSS, um die Art und Weise zu ändern, wie zwei Dutzend Elemente in deinem Terminplaner angezeigt werden. Du kannst Dinge verschieben, Farben ändern, Schriftarten ändern, Elemente ausblenden und vieles mehr. Du kannst auch Änderungen erstellen, die angewendet werden, wenn dein Terminplaner eingebettet ist, aber nicht, wenn er als eigenständige Webseite geladen wird.
Du kannst CSS verwenden, um das Erscheinungsbild vorhandener Elemente zu ändern, aber es ist nicht möglich, damit neue Funktionen oder Features zum Terminplaner hinzuzufügen.
In unserer Entwicklerdokumentation wird detailliert beschrieben, welche Elemente du ändern kannst und wie du sie auswählen kannst.
So fügst du benutzerdefiniertes CSS hinzu:
- Klicke in Acuity auf Scheduling-Seite und dann auf Erweitertes CSS.
- Füge deinen Code in das dafür vorgesehene Feld ein und klicke dann auf Speichern.
So entfernst du benutzerdefiniertes CSS:
- Klicke in Acuity auf Scheduling-Seite und dann auf Erweitertes CSS.
- Lösche im Eingabefeld für den Code deinen Code und klicke dann auf Speichern.
Wenn nach dem Hinzufügen von benutzerdefiniertem Code etwas nicht wie gewünscht funktioniert, entferne den Code vorübergehend, um zu überprüfen, ob das Problem weiterhin besteht. Wenn das Problem behoben ist, liegt es an deinem CSS-Code. Überarbeite ihn oder lass ihn entfernt, um das Problem zu lösen. Wenn das Problem weiterhin besteht, liegt es nicht an deinem benutzerdefinierten CSS-Code. Suche in diesem Fall im Hilfe-Center nach Lösungen oder kontaktiere uns.
Hinweis: In dieser Anleitung wird erläutert, wie du benutzerdefiniertes CSS zu deinem Terminplaner hinzufügen kannst. Dein benutzerdefinierter CSS-Code fällt nicht in den Zuständigkeitsbereich unseres Supports. Wir können dir nicht beim Schreiben oder bei der Fehlerbehebung für diesen Code helfen. Wir können auch nicht garantieren, dass dein benutzerdefinierter Code funktionsfähig oder vollständig mit Acuity oder Squarespace-Websites kompatibel ist. Wenn du Hilfe beim Erstellen von CSS-Code benötigst, solltest du einen Squarespace Expert über den Squarespace Marketplace beauftragen.
Verwende Webhooks, um automatisch Acuity-Informationen zu senden
Die Websites von Acuity können automatisch eine URL deiner Wahl über Buchungs- und Kaufaktivitäten in Acuity benachrichtigen. Kontoinhaber und Bearbeiter mit Administratorzugriff können Webhooks einrichten. Es gibt ein Limit von 25 Webhooks pro Bearbeiter.
Wenn du Entwickler bist und die Webhooks von Acuity nutzen möchtest, lies bitte unsere Webhooks-Dokumentation.
Die API für weitere Möglichkeiten mit Acuity verwenden
Verwende unsere API, um Acuity mit deiner eigenen, individuell entwickelten Software zu verbinden. Du kannst Code schreiben, um Termine basierend auf deinem externen System automatisch zu erstellen, abzusagen oder zu verschieben oder individuell ausgefüllte Aufnahmeformulare zurückzugeben. Wenn du ein Entwickler bist und unsere API aufrufen möchtest, lies bitte unsere API-Dokumentation.
So findest du deinen API-Schlüssel:
- Klicke in Acuity auf Integrationen.
- Scrolle zum Abschnitt API und klicke dann auf Anmeldedaten anzeigen.