---
title: Wie kann ich meinen Buchungsbutton anpassen?
description: Falls du dich für den schwebenden Button entscheidest, wird der Buchungsbutton auf jeder Seite deiner Website angezeigt (die Buchungsfunktion legt sich sozusagen über deiner Website). Du kannst entsch
---

[Zu Content springen](https://help.shore.com/de/wie-kann-ich-meinen-buchungsbutton-anpassen#main-content)

- [Deutsch](https://help.shore.com/de/wie-kann-ich-meinen-buchungsbutton-anpassen)
- [English](https://help.shore.com/en/wie-kann-ich-meinen-buchungsbutton-anpassen)

Deutsch

Untermenü für Übersetzungen anzeigen

[Anfrage einreichen](https://help.shore.com/de/kb-tickets/new?hsLang=de)

![3.2\_logo\_outlined\_black.png\]](https://help.shore.com/hs-fs/hubfs/3.2_logo_outlined_black.png?height=34&name=3.2_logo_outlined_black.png)

Hauptnavigation öffnen

Hauptnavigation schließen

- - [Deutsch](https://help.shore.com/de/wie-kann-ich-meinen-buchungsbutton-anpassen)
    - [English](https://help.shore.com/en/wie-kann-ich-meinen-buchungsbutton-anpassen)

  Deutsch
  
  Untermenü für Übersetzungen anzeigen
- [Anfrage einreichen](https://help.shore.com/de/kb-tickets/new)
- [Erfahre mehr über Shore](https://shore.com/)

[Erfahre mehr über Shore](https://shore.com/)

 Hallo, wie können wir dir helfen?

- Es gibt keine Vorschläge, da das Suchfeld leer ist.

1. [Help Center](https://help.shore.com/de?hsLang=de)
2. [Buchungssystem](https://help.shore.com/de/buchungssystem?hsLang=de)
3. [Buchungsseite](https://help.shore.com/de/buchungssystem?hsLang=de#buchungsseite)

# Wie kann ich meinen Buchungsbutton anpassen?

### **Wo findest du den Buchungsbutton?**

1. Gehe auf **dein Profil** (dein Name oben rechts) **\> Einstellungen \> Buchungsfunktion.**
2. Konfiguriere den Buchungsbutton nach deinen Vorstellungen, um ihn an das Design deiner Website anzupassen.

Falls du dich für den **schwebenden Button** entscheidest, wird der Buchungsbutton auf jeder Seite deiner Website angezeigt (die Buchungsfunktion legt sich sozusagen über deiner Website). Du kannst entscheiden, ob der Button in der rechten oder linken unteren Ecke erscheinen soll.

Solltest du dich nicht für den schwebenden Button entscheiden, wird der Buchungsbutton an festen Stellen auf der Website angezeigt.

### **Wie funktioniert die Anpassung?**

1. Wähle einen **Button-Stil**  
   Schwebenden Button verwenden: aktivieren
2. Wähle die **Button-Position**  
   Soll der Button in der rechten oder linken unteren Seite angezeigt werden?
3. Ändere den **Buttontext**  
   Beschrifte den Button nach deinen Wünschen
4. Wähle eine **Buttonfarbe** aus  
   Wähle eine der Standardfarben aus oder nutze + um zum Colorpicker zu gelangen.
5. Wähle eine **Textfarbe** aus  
   Achte darauf, dass die Schrift gut lesbar ist. Auch hier kannst du einen Farbvorschlag wählen oder über + zum Colorpicker gelangen.
6. Kopiere diesen **HTML-Code** in deine Website

Nachdem du den Button konfiguriert hast, kopiere den HTML-Code im hellgrauen Kästchen. Füge den Code auf deiner Website direkt vor \</header\> ein. Hierbei helfen wir dir gern. Schreibe uns einfach eine E-Mail an [service@shore.com](mailto:service@shore.com).

**Hinweis:** Wenn du mehrere Filialen hast, kannst du im Code den Wert `selectLocation` von `false` auf `true` ändern. Dadurch können deine Kunden bereits im ersten Schritt der Buchung die gewünschte Filiale auswählen.

Falls du dich gegen den schwebenden Button entschieden hast, fällt **Punkt** **2. Wählen Sie die Button-Position** weg. Kopiere in dem Fall ebenfalls den HTML-Code und integriere den Button an den gewünschten Positionen auf deiner Website. 

Wenn du bereits einen Buchungsbutton auf deiner Website integriert hast und hier lediglich den Link zu deiner Buchungsseite hinterlegen möchtest, klicke auf die Vorschau des Buchungsbuttons um die URL deiner Buchungsseite kopieren zu können. Die Buchungsseite öffnet sich in einem neuen Reiter.

![](https://help.shore.com/hubfs/Knowledge%20Base%20Import/shorehelpcenter.zendesk.comhcarticle_attachments360004786133Vorschaubutton-2.png) ![](https://help.shore.com/hubfs/Knowledge%20Base%20Import/shorehelpcenter.zendesk.comhcarticle_attachments360004786313URL-2.png)

 

 

- [Buchungssystem](https://help.shore.com/de/buchungssystem?hsLang=de#main-content)

    - [Dein Start mit Shore](https://help.shore.com/de/buchungssystem?hsLang=de#dein-start-mit-shore)
    - [Dein Account & Zugang](https://help.shore.com/de/buchungssystem?hsLang=de#dein-account-zugang)
    - [Kalender & Termine](https://help.shore.com/de/buchungssystem?hsLang=de#kalender-termine)
    - [Buchungsseite](https://help.shore.com/de/buchungssystem?hsLang=de#buchungsseite)
    - [Buchungseinstellungen](https://help.shore.com/de/buchungssystem?hsLang=de#buchungseinstellungen)
    - [Buchung über externe Plattformen](https://help.shore.com/de/buchungssystem?hsLang=de#buchung-%C3%BCber-externe-plattformen)
    - [Systemeinstellungen](https://help.shore.com/de/buchungssystem?hsLang=de#systemeinstellungen)
    - [Leistungen & Kurse](https://help.shore.com/de/buchungssystem?hsLang=de#leistungen-kurse)
    - [Mitarbeiter & Ressourcen](https://help.shore.com/de/buchungssystem?hsLang=de#mitarbeiter-ressourcen)
    - [Kundenverwaltung](https://help.shore.com/de/buchungssystem?hsLang=de#kundenverwaltung)
    - [Kundenkommunikation](https://help.shore.com/de/buchungssystem?hsLang=de#kundenkommunikation)
    - [Auswertungen](https://help.shore.com/de/buchungssystem?hsLang=de#auswertungen)
    - [Marketing Funktionen](https://help.shore.com/de/buchungssystem?hsLang=de#marketing-funktionen)
    - [Alle Videos im Überblick](https://help.shore.com/de/buchungssystem?hsLang=de#alle-videos-im-%C3%BCberblick)
    - [FAQ & Fehlerbehebung](https://help.shore.com/de/buchungssystem?hsLang=de#faq-fehlerbehebung)
- [Shore Pay Onlinezahlung](https://help.shore.com/de/shore-pay-onlinezahlung?hsLang=de#main-content)

    - [Einrichtung & Aktivierung](https://help.shore.com/de/shore-pay-onlinezahlung?hsLang=de#einrichtung-aktivierung)
    - [Zahlungsoptionen & Funktionen](https://help.shore.com/de/shore-pay-onlinezahlung?hsLang=de#zahlungsoptionen-funktionen)
- [Kassensystem](https://help.shore.com/de/kassensystem?hsLang=de#main-content)

    - [Dein Start mit der Shore Kasse](https://help.shore.com/de/kassensystem?hsLang=de#dein-start-mit-der-shore-kasse)
    - [Dein Account & Zugang](https://help.shore.com/de/kassensystem?hsLang=de#dein-account-zugang)
    - [Produkte & Inventar](https://help.shore.com/de/kassensystem?hsLang=de#produkte-inventar)
    - [Kunden & Benutzer](https://help.shore.com/de/kassensystem?hsLang=de#kunden-benutzer)
    - [Kassieren & Verkauf](https://help.shore.com/de/kassensystem?hsLang=de#kassieren-verkauf)
    - [Berichte & Buchhaltung](https://help.shore.com/de/kassensystem?hsLang=de#berichte-buchhaltung)
    - [Zahlungen & Shore Pay](https://help.shore.com/de/kassensystem?hsLang=de#zahlungen-shore-pay)
    - [Shore Hardware](https://help.shore.com/de/kassensystem?hsLang=de#shore-hardware)
    - [Kundendisplay](https://help.shore.com/de/kassensystem?hsLang=de#kundendisplay)
    - [Schnittstellen & API](https://help.shore.com/de/kassensystem?hsLang=de#schnittstellen-api)
    - [TSE & KassensichV](https://help.shore.com/de/kassensystem?hsLang=de#tse-kassensichv)
    - [RKSV & Fiskaltrust (Österreich)](https://help.shore.com/de/kassensystem?hsLang=de#rksv-fiskaltrust-%C3%B6sterreich)
    - [Online Shop](https://help.shore.com/de/kassensystem?hsLang=de#online-shop)
    - [Alle Videos im Überblick](https://help.shore.com/de/kassensystem?hsLang=de#alle-videos-im-%C3%BCberblick)
    - [FAQ & Fehlerbehebung](https://help.shore.com/de/kassensystem?hsLang=de#faq-fehlerbehebung)
- [Shore Pay](https://help.shore.com/de/shore-pay?hsLang=de#main-content)

    - [Erste Schritte](https://help.shore.com/de/shore-pay?hsLang=de#erste-schritte)
    - [FAQs - Fragen & Antworten zu Shore Pay](https://help.shore.com/de/shore-pay?hsLang=de#faqs-fragen-antworten-zu-shore-pay)
- [Shore Pay Go](https://help.shore.com/de/shore-pay-go?hsLang=de)
- [Shore Zusatzpakete](https://help.shore.com/de/shore-zusatzpakete?hsLang=de#main-content)

    - [Onlineshop](https://help.shore.com/de/shore-zusatzpakete?hsLang=de#onlineshop)
    - [Website-Baukasten](https://help.shore.com/de/shore-zusatzpakete?hsLang=de#website-baukasten)
    - [Online-Verzeichnisse](https://help.shore.com/de/shore-zusatzpakete?hsLang=de#online-verzeichnisse)
    - [Eigene Web App](https://help.shore.com/de/shore-zusatzpakete?hsLang=de#eigene-web-app)
- [Vertrag & Rechtliches](https://help.shore.com/de/vertrag-rechtliches?hsLang=de#main-content)

    - [Vertrag & Rechnungen](https://help.shore.com/de/vertrag-rechtliches?hsLang=de#vertrag-rechnungen)
    - [Datenschutz](https://help.shore.com/de/vertrag-rechtliches?hsLang=de#datenschutz)
- [Kontakt](https://help.shore.com/de/kontakt?hsLang=de#main-content)

    - [Support kontaktieren](https://help.shore.com/de/kontakt?hsLang=de#support-kontaktieren)
- [Kunden-werben-Kunden](https://help.shore.com/de/kunden-werben-kunden?hsLang=de#main-content)

    - [Shore Kunden werben Kunden](https://help.shore.com/de/kunden-werben-kunden?hsLang=de#shore-kunden-werben-kunden)
    - [Kasse: Kunden-werben-Kunden](https://help.shore.com/de/kunden-werben-kunden?hsLang=de#kasse-kunden-werben-kunden)

[![logo\_shore\_bildmarke\_80](https://help.shore.com/hs-fs/hubfs/03_Logos/01_Shore/logo_shore_bildmarke_80.png?width=100&height=100&name=logo_shore_bildmarke_80.png "logo_shore_bildmarke_80")](http://www.shore.com?hsLang=de)

[Produkt Statusseite](https://shore.instatus.com/)

[Anfrage einreichen](https://help.shore.com/de/kb-tickets/new?hsLang=de)

<https://www.facebook.com/shoreDACH/> <https://www.linkedin.com/company/shore-gmbh/mycompany/> <https://www.youtube.com/channel/UC-ZibrDVCb5OfqDaKh8NruA>

Copyright © 2025, Shore GmbH