Schritt-für-Schritt

So richtest du Tapdock ein

Von der Branchen-Vorlage bis zum live geschalteten Widget – plus CMS-spezifische Anleitungen.

Grundlagen in vier Schritten

Nach der Registrierung startet das Onboarding – danach feintunst du im Widget-Builder.

Schritt 1
Konto erstellen
Registriere dich kostenlos bei Tapdock. Die Testphase läuft 14 Tage – ohne Kreditkarte.
Schritt 2
Branchen-Vorlage wählen
Friseur, Gastro, Praxis, Handwerk oder Tourismus – oder leer starten. Kontaktdaten eintragen, fertig.
Schritt 3
Inhalte, Feiertage & Design
Öffnungszeiten pflegen, Feiertage DE/AT/CH importieren, Kontakt-Priorität und Sprache einstellen. Farben, Position und Vorschau pro Gerät anpassen.
Schritt 4
Auf der Website einbinden
Plugin installieren (WordPress, Shopware 6, Shopify) und per OAuth verbinden – oder Snippet aus dem Tab „Einbindung“ kopieren. Bei Plugins wird das Widget automatisch geladen.

Einbindung nach CMS

Wähle dein System – hier sind die gängigsten Wege im Detail.

WordPress

Mit dem offiziellen Plugin ist WordPress der schnellste Weg – OAuth, automatische Einbindung, Verbindungsstatus und Updates.

1
Plugin installieren
Lade das Tapdock-Plugin herunter und installiere es unter Plugins → Installieren → ZIP hochladen. Alternativ den tapdock-Ordner nach wp-content/plugins/ kopieren.
2
Mit Tapdock verbinden
Unter Einstellungen → Tapdock auf „Mit Tapdock verbinden“ klicken oder einen API-Token aus dem Dashboard einfügen. Der Verbindungsstatus zeigt dir sofort, ob alles funktioniert.
3
Widget platzieren
Widget auswählen und „Automatisch im Footer einbinden“ aktivieren – optional den Shortcode [tapdock] für einzelne Seiten.
4
Veröffentlichen
Seite speichern und im Frontend prüfen. Änderungen im Tapdock-Dashboard erscheinen automatisch – ohne erneutes Einfügen.

Tipp: Im Dashboard unter Einstellungen → WordPress findest du die Verbindung, API-Token und den Plugin-Download.

Shopware 6

Das offizielle Plugin für Shopware 6.6+ verbindet deinen Shop per OAuth, lädt Widgets aus Tapdock und bindet das Snippet automatisch in der Storefront ein.

1
Plugin installieren
ZIP aus dem Tapdock-Dashboard laden und unter Einstellungen → System → Plugins → Plugin hochladen installieren und aktivieren.
2
Mit Tapdock verbinden
Im Shopware-Admin unter Einstellungen → Tapdock auf „Mit Tapdock verbinden“ klicken oder einen API-Token aus dem Dashboard einfügen.
3
Widget auswählen
Widget in der Plugin-Oberfläche wählen und „Widget in der Storefront aktivieren“ einschalten.
4
Storefront prüfen
Shop im Frontend öffnen – das Widget erscheint schwebend. Änderungen im Tapdock-Dashboard werden live übernommen.

Tipp: Im Tapdock-Dashboard unter Einstellungen → Shopware findest du OAuth, API-Token und den Plugin-Download.

Shopify

Mit der Tapdock Shopify App und Theme App Extension bindest du das Widget ohne manuelles theme.liquid-Editing ein – OAuth-Verbindung und Widget-Key über das Dashboard.

1
App installieren
Tapdock App aus dem Shopify App Store installieren (oder Entwicklungsversion aus dem Repository deployen).
2
Tapdock-Konto verbinden
In der App oder im Tapdock-Dashboard unter Einstellungen → Shopify per OAuth verbinden und Widget auswählen.
3
App Embed aktivieren
Shopify Admin → Online Store → Themes → Customize → App embeds → Tapdock aktivieren und Widget-Key prüfen.
4
Shop testen
Storefront öffnen und prüfen, ob das Widget erscheint. Design-Anpassungen kommen live aus dem Tapdock-Dashboard.

Tipp: Ohne App kannst du weiterhin das JS-Snippet manuell in theme.liquid einfügen – die App ist der empfohlene Weg.

Wix

In Wix bindest du Tapdock über ein benutzerdefiniertes HTML-Element im Editor ein.

1
Snippet kopieren
Im Tapdock-Dashboard unter „Einbindung“ das fertige Snippet für dein Widget kopieren.
2
HTML-Element hinzufügen
Im Wix-Editor: Hinzufügen → Embed → Custom Element bzw. „HTML einbetten“ (je nach Editor-Version).
3
Code einfügen
Füge das Tapdock-Snippet in das HTML-Feld ein. Platziere das Element am besten im Footer-Bereich oder als globales Element.
4
Veröffentlichen
Speichere und veröffentliche die Seite. Das Widget erscheint schwebend auf allen Seiten, sofern global eingebunden.

Tipp: Für site-weite Anzeige das HTML-Element im Master-Layout/Footer von Wix platzieren, nicht nur auf einer Unterseite.

HTML / Custom

Für statische Sites, eigene Projekte oder CMS ohne Plugin reicht das JS-Snippet – einfügen und fertig.

1
Snippet kopieren
Im Dashboard unter „Einbindung“ findest du den fertigen Code mit deinem Widget-Key.
2
Vor </body> einfügen
Füge beide Script-Zeilen auf jeder Seite kurz vor </body> ein – oder in dein globales Layout/Template.
3
Key prüfen
Stelle sicher, dass window.TapdockConfig.key deinen öffentlichen Widget-Key enthält (wird automatisch im Snippet gesetzt).
4
Live testen
Lade die Seite neu. Bei Problemen: Browser-Konsole prüfen und im Dashboard testen, ob das Widget aktiv ist.

Tipp: Squarespace, Webflow und ähnliche Builder funktionieren gleich: Custom Code / Footer Code mit dem Tapdock-Snippet befüllen.

Offizielle Plugins & Shopify App

WordPress und Shopware 6: verbinden, Widget wählen, automatisch einbinden. Shopify über Theme App Extension – ohne manuelles Snippet.

WordPress Plugin

OAuth, automatische Footer-Einbindung, Widget-Verwaltung im Admin und Updates.

Version 0.2.3

ZIP herunterladen

Shopware 6 Plugin

Managed Plugin ab 6.6: OAuth, Widget-Auswahl in der Administration, automatische Storefront-Einbindung.

Version 0.1.0

ZIP herunterladen

Shopify App

Theme App Embed lädt das Widget automatisch. Tapdock-Konto per OAuth verbinden.

Zur Shopify-Anleitung

Bereit loszulegen?

Wähle deine Branche, richte das Widget in Minuten ein und binde es auf deiner Website ein.

Fragen & Antworten 14 Tage kostenlos testen