Mit eigenem Code gehen Sie über die eingebauten Gestaltungsoptionen hinaus. Nutzen Sie ihn, um Stile fein abzustimmen, ein Cookie-Banner hinzuzufügen oder ein Skript eines Drittanbieters auf Ihrer Buchungswebsite zu laden.
Bevor Sie beginnen
- Ihr Salon nutzt den Ultimate-Tarif.
- Sie haben die Rolle Super-Administrator oder Inhaber.
- Sie kennen sich mit HTML, CSS oder JavaScript aus. Fehlerhafter Code kann Ihre Buchungswebsite beschädigen.
Sie möchten nur Besuche erfassen? Dafür brauchen Sie keinen eigenen Code. Verbinden Sie stattdessen Google Analytics, Google Tag Manager oder Meta Pixel als Integration. Siehe Besuche mit Google Analytics, Tag Manager oder Meta Pixel erfassen.
- 1
Schritt 1 von 4
Die Einstellungen für eigenen Code öffnen
Öffnen Sie Einstellungen › Erscheinungsbild › Individuell. Sie sehen drei Karten: Eigenes HTML, Eigenes CSS und Eigenes JS.
- 2
Schritt 2 von 4
Ihren Code hinzufügen
Fügen Sie Ihren Code in den Editor der passenden Karte ein oder schreiben Sie ihn dort:
- Eigenes HTML wird am Ende jeder Seite eingefügt.
- Eigenes CSS wird jeder Seite als Stylesheet hinzugefügt.
- Eigenes JS wird auf jeder Seite ausgeführt, nachdem sie geladen ist. Schreiben Sie reines JavaScript ohne
script-Tags.
- 3
Schritt 3 von 4
Speichern
Klicken Sie unten auf der Karte auf Speichern. Jede Karte wird separat gespeichert.
Das sehen Sie:Die Meldung Einstellungen aktualisiert erscheint.
- 4
Schritt 4 von 4
Ihre Website testen
Öffnen Sie Ihre Buchungswebsite in einem neuen privaten Fenster und prüfen Sie, ob die Seiten richtig aussehen und ob Sie weiterhin eine Buchung abschließen können.
Wo Ihr Code ausgeführt wird
Ihr Code läuft auf jeder Seite Ihrer Buchungswebsite, auch im Buchungsablauf, auf den Kontoseiten der Kunden und auf Ihren benutzerdefinierten Seiten. Er läuft auch in Ihrem Buchungs-Widget, wenn Sie es in eine andere Website einbinden.
Im Softalon-Dashboard wird er nicht ausgeführt.
Wenn Sie den Tarif wechseln
Wechselt Ihr Salon zu einem Tarif ohne eigenen Code, wird Ihr Code auf Ihrer Website nicht mehr ausgeführt. Er bleibt gespeichert und ist wieder aktiv, wenn Sie zum Ultimate-Tarif zurückkehren.
Eigenes JavaScript läuft auf Seiten, auf denen Kunden persönliche Daten und Zahlungsinformationen eingeben. Fügen Sie nur Skripte aus Quellen hinzu, denen Sie vertrauen.
Wenn etwas nicht stimmt
Meine Website sieht nach dem Hinzufügen von CSS fehlerhaft aus
Leeren Sie den Editor Eigenes CSS, klicken Sie auf Speichern und laden Sie Ihre Website neu. Fügen Sie Ihre Regeln dann nach und nach wieder hinzu, um die fehlerhafte zu finden.
Mein Skript wird nicht ausgeführt
Achten Sie darauf, dass Sie in Eigenes JS nur das JavaScript eingefügt haben, ohne die umgebenden script-Tags. Script-Tags in Eigenes HTML werden nicht ausgeführt. Um eine externe Skriptdatei zu laden, erstellen Sie sie über Eigenes JS:
var s = document.createElement("script");
s.src = "https://example.com/widget.js";
document.body.appendChild(s);
Häufige Fragen
Nein. Eigener Code gilt für jede Seite. Ihr JavaScript kann aber die Seitenadresse prüfen, wenn es nur auf bestimmten Seiten etwas tun soll.