WordPress · WooCommerce · Shopware
askVela in WordPress einbinden
So bringst du den askVela Live-Chat & KI-Support in deinen WordPress- oder WooCommerce-Shop – mit unserem Plugin in unter 2 Minuten oder per Code-Snippet. Für Shopware findest du unten die manuelle Einbindung.
Was du brauchst: deinen Widget-Key
Du findest ihn im askVela-Dashboard unter Einstellungen → Widget. Er sieht aus wie wk_…. Noch kein Konto? Kostenlos erstellen · Anmelden
Empfohlen
Methode 1: Mit unserem Plugin
Das askVela-Plugin bindet das Widget automatisch auf allen Seiten deines Shops ein – du musst nur deinen Widget-Key eintragen.
- 1
Im WordPress-Verzeichnis installieren
Im WordPress-Adminbereich: Plugins → Installieren, nach askVela suchen und Jetzt installieren klicken.
- 2
Alternativ: per ZIP
Lieber manuell? Lade askvela-widget.zip (nicht entpacken) und gehe auf Plugins → Installieren → Plugin hochladen.
- 3
Plugin aktivieren
Nach der Installation auf Plugin aktivieren klicken.
- 4
Mit askVela verbinden
Unter askVela (linkes Menü) auf „Mit askVela verbinden" klicken und im askVela-Konto bestätigen – Widget-Key und (bei WooCommerce) der Bestell-Lookup werden automatisch eingerichtet. Alternativ den Widget-Key manuell eintragen.
- 5
Fertig
Das Chat-Widget erscheint sofort in deinem Shop. Nutzt du ein Caching-Plugin (WP Rocket, LiteSpeed, W3 Total Cache …), leere einmal den Cache.
Ohne Plugin
Methode 2: Per Code-Snippet
Funktioniert mit jedem WordPress-Theme. Ersetze wk_dein_widget_key durch deinen echten Key und füge das Snippet so ein, dass es auf allen Seiten geladen wird:
<script>
(function (w, d) {
w.VelaConfig = {
appUrl: "https://askvela.pro",
widgetKey: "wk_dein_widget_key"
};
var s = d.createElement("script");
s.src = w.VelaConfig.appUrl + "/widget.js";
s.async = true;
d.head.appendChild(s);
})(window, document);
</script>Variante A · per Plugin (am einfachsten)
Installiere ein kostenloses Snippet-Plugin wie WPCode oder „Insert Headers and Footers" und füge das Snippet im Bereich Footer ein.
Variante B · im Theme
Design → Theme-Datei-Editor → footer.php, das Snippet direkt vor </body> einfügen. Am besten in einem Child-Theme, damit Updates es nicht überschreiben.
Shop
WooCommerce
Sobald Plugin oder Snippet aktiv sind, läuft das Widget automatisch auf allen Seiten – inklusive Produktseiten, Warenkorb und Kasse. Mit unserem Plugin kommen zwei Dinge automatisch dazu:
- Produkte – integriert: Die Ein-Klick-Verbindung richtet auch den Produkt-Sync ein – askVela importiert deinen Katalog (Name, Beschreibung, Attribute, Preis, Bestand) direkt aus WooCommerce. Den Import startest du im Dashboard unter Produkte. (Alternativ liest Produkte → Scannen die öffentliche Shop-URL.)
- Bestellungen & Kundendaten – integriert: Ab Plugin-Version 1.1 stellt das Plugin einen sicheren, HMAC-signierten Bestell-Lookup bereit. Der KI-Support findet damit Bestellstatus und Kundendaten – ganz ohne eigenen Code.
Bestell-Lookup aktivieren
Am einfachsten über „Mit askVela verbinden" (siehe Methode 1) – dann wird der Lookup automatisch eingerichtet. Manuell geht es so:
- 1
Werte im Plugin holen
In WordPress unter askVela (linkes Menü) findest du Lookup-URL und Secret (beide werden automatisch erzeugt).
- 2
In askVela eintragen
Im askVela-Dashboard unter Einstellungen bei „Lookup-URL deines Shops" und „Signatur-Secret" einfügen und speichern.
- 3
Fertig
Fragt ein Kunde nach seiner Bestellung, ruft askVela die Daten signiert aus deinem Shop ab. Für Aktionen wie Stornos (z. B. „storniere meine Bestellung") gibt es zusätzlich die Entwickler-Doku.
Andere Plattform
Shopware (& andere Systeme)
Für Shopware gibt es (noch) kein 1-Klick-Plugin von uns – die Einbindung gelingt aber genauso mit dem Snippet von oben. Zwei zuverlässige Wege:
Google Tag Manager (jede Plattform)
Lege im GTM einen Tag vom Typ Benutzerdefiniertes HTML mit dem Snippet an und löse ihn auf allen Seiten aus. Funktioniert für Shopware, TYPO3, Webflow u. v. m.
Shopware 6 · Theme
Im Storefront-Theme das Snippet in Resources/views/storefront/base.html.twig vor dem schließenden </body> ergänzen (Block base_body_inner).
Problemlösung
Widget erscheint nicht?
- Widget-Key geprüft? Er muss exakt aus dem Dashboard übernommen sein (ohne Leerzeichen).
- Cache leeren. Caching-/Optimierungs-Plugins (WP Rocket, LiteSpeed, Cloudflare) zeigen oft noch die alte Seite – einmal den Cache leeren.
- Nur einmal einbinden. Plugin und Snippet gleichzeitig führen zu einem doppelten Widget – nimm nur einen Weg.
- Theme & Adblocker. Sehr seltene Themes rufen
wp_footernicht auf; ein Ad-Blocker im Browser kann das Widget ebenfalls ausblenden.
Aussehen, Farbe und Begrüßung des Widgets passt du jederzeit im Dashboard unter Einstellungen → Widget an.
Noch kein askVela-Workspace?
In wenigen Minuten startklar – inklusive Widget-Key, KI-Support und Live-Chat.