nuochat
← Alle Integrationen
Anleitung · Einfach

nuochat in Shopware 6 einbinden

In Shopware 6 gibt es mehrere Wege. Der einfachste für nicht-technische Nutzer ist ein Plugin aus dem Shopware Store. Für Entwickler empfehlen wir den Theme-Override.

Schritte

  1. 1

    Einfachster Weg: Plugin verwenden

    Im Shopware-Admin unter Erweiterungen → Store nach „Insert Script in Header Footer" suchen. Plugin installieren, unter den Plugin-Einstellungen den nuochat-Einzeiler in das Footer-Feld einfügen. Alternativ: Das kostenlose Plugin „Custom JavaScript/CSS Manager" von PremSoft (ab 5,99 €/Monat).
  2. 2

    Für Entwickler: Theme-Override

    Erstelle in deinem Theme-Plugin die Datei:
    custom/plugins/DeinTheme/src/Resources/views/storefront/layout/meta.html.twig

    Inhalt:
    {% verbatim %}{% sw_extends '@Storefront/storefront/layout/meta.html.twig' %}

{% block layout_head_javascript_hmr_mode %}
    {{ parent() }}
    <script src="https://chat.nuochat.de/widget.js"
            data-api-key="DEIN_API_KEY" async></script>
{% endblock %}{% endverbatim %}
  3. 3

    Cache leeren

    Nach dem Speichern: Einstellungen → System → Caches → Cache leeren. Oder per SSH: bin/console theme:compile && bin/console cache:clear.

Hinweise

Wichtig: {{ parent() }} darf nie weggelassen werden, sonst funktionieren die Shopware-Standard-Scripts nicht mehr. Erlebniswelten: Dort eingesetzte Scripts gelten nur für einzelne Seiten, nicht global. Der HTML-Sanitizer (ab Shopware 6.5) entfernt <script>-Tags, im Erlebniswelten-Editor daher nicht geeignet.

Bereit?

Kostenlos registrieren und das Widget in Shopware 6 einbinden.

Free-Account anlegen
Weitere Integrationen →