Widget auf deiner Website einbinden
Mit dem ServiceFox-Widget erscheint auf deiner Website ein auffälliger Button, über den Kunden dich direkt kontaktieren können. Diese Anleitung erklärt Schritt für Schritt, wie das bei den gängigsten Anbietern funktioniert.
Das brauchst du
Deinen Einbettungs-Code
In der ServiceFox App unter Website-Widget
Zugang zu deiner Website
Editor, CMS-Backend oder FTP-Zugang
~5 Minuten Zeit
In wenigen Klicks erledigt
Wo finde ich meinen persönlichen Einbettungs-Code?
Öffne die ServiceFox App und navigiere zu Profil → Website-Widget. Passe das Widget nach deinen Wünschen an, speichere – und kopiere dann den angezeigten Einbettungs-Code. Jeder Code ist einzigartig und enthält deine persönliche Anbieter-ID.
Anleitung nach Anbieter / Software
Wähle deinen Website-Anbieter und folge der Schritt-für-Schritt-Anleitung.
Die goldene Regel: Wo muss der Code hin?
Egal welches CMS oder welchen Baukasten du verwendest – der ServiceFox-Code muss auf jeder Seite deiner Website geladen werden. Die beste Stelle ist kurz vor dem schließenden </body>-Tag. So lädt die Seite zuerst und das Widget danach – ohne die Ladezeit zu beeinflussen.
Kurzfassung für alle Anbieter:
- Suche nach einem Feld namens Footer-Code, Custom JavaScript, HTML-Snippet oder ähnlichem.
- Füge dort deinen vollständigen ServiceFox-Code ein – unverändert, genau wie kopiert.
- Speichern und veröffentlichen – das Widget erscheint sofort auf deiner Website.
Häufige Fehler & Lösungen
Das Widget erscheint nicht
Stelle sicher, dass der Code wirklich auf allen Seiten eingebunden ist – nicht nur auf einer Unterseite. Die meisten Baukästen bieten ein „Globales Skript"-Feld.
Der Code wird als Text angezeigt statt ausgeführt
Du hast den Code vermutlich in ein Text-/Absatz-Element eingefügt. Suche nach einem Feld, das explizit HTML oder JavaScript akzeptiert (z.B. „HTML-Widget", „Code Snippet", „Custom HTML").
Widget ist aktiviert, aber nicht eingebunden
Prüfe in der App unter Website-Widget → Status, ob das Widget auf „aktiviert" steht. Nach dem Speichern neuer Einstellungen den Code erneut kopieren.
Mein Anbieter ist nicht in der Liste
Fast jeder Anbieter unterstützt Custom HTML oder JavaScript. Suche nach „HTML", „JavaScript", „Code-Snippet" oder „Custom Code". Bei Problemen hilft unser Support.
Widget testen
Nach der Einbindung öffne deine Website im Browser (am besten im Inkognito-Modus) und prüfe, ob das Widget erscheint. Je nach Einstellung wird es nach wenigen Sekunden automatisch eingeblendet.
Checkliste nach der Einbindung:
- Widget erscheint auf der Website
- Farbe und Text stimmen mit deinen Einstellungen überein
- Ein Klick auf den Button öffnet das Kontaktformular
- Testanfrage wird in der App empfangen
Noch Fragen oder Probleme?
Unser Support-Team hilft dir gerne weiter – auch bei der technischen Einbindung.