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.

Plugin herunterladen Stattdessen per Code
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. 1
    Plugin herunterladen
    Lade die ZIP-Datei herunter: askvela-widget.zip (nicht entpacken).
  2. 2
    In WordPress hochladen
    Im WordPress-Adminbereich: Plugins → Installieren → Plugin hochladen, die ZIP auswählen und auf Jetzt installieren klicken.
  3. 3
    Plugin aktivieren
    Nach der Installation auf Plugin aktivieren klicken.
  4. 4
    Mit askVela verbinden
    Unter Einstellungen → askVela 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. 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.
askvela-widget.zip herunterladen
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 importieren: Im Dashboard unter Produkte → Scannen liest askVela deinen Katalog direkt von der Shop-URL ein – die KI berät dann mit echten Produktdaten (inkl. Beschreibung, Zutaten, Hinweisen).
  • 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. 1
    Werte im Plugin holen
    In WordPress unter Einstellungen → askVela findest du Lookup-URL und Secret (beide werden automatisch erzeugt).
  2. 2
    In askVela eintragen
    Im askVela-Dashboard unter Einstellungen bei „Lookup-URL deines Shops" und „Signatur-Secret" einfügen und speichern.
  3. 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_footer nicht 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.

Kostenlos starten