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.
Der nuochat-Einzeiler:
<script src="https://chat.nuochat.de/widget.js" data-api-key="DEIN_API_KEY" async></script>Ersetze DEIN_API_KEY durch deinen API-Key aus dem Dashboard.
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
Für Entwickler: Theme-Override
Erstelle in deinem Theme-Plugin die Datei:
Inhalt:
custom/plugins/DeinTheme/src/Resources/views/storefront/layout/meta.html.twigInhalt:
{% 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
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?
Erstelle jetzt kostenlos deinen Account und binde das Widget in Shopware 6 ein.