nuochat

nuochat in TYPO3 einbinden

In TYPO3 bindest du externe Scripts am besten per TypoScript ein. Das ist sauber, updatesicher und gilt für alle Seiten.

Der nuochat-Einzeiler:

<script src="https://chat.nuochat.de/widget.js" data-api-key="DEIN_API_KEY" async></script>

DEIN_API_KEY durch den eigenen API-Key aus dem Dashboard ersetzen.

1

TypoScript-Template öffnen

Im TYPO3-Backend: Web → Template (auf der Root-Seite). Wähle Info/Modify und klicke auf Setup.
2

TypoScript einfügen

Füge folgenden TypoScript-Code ein:
page.headerData.99 = TEXT
page.headerData.99.value = <script src="https://chat.nuochat.de/widget.js" data-api-key="DEIN_API_KEY" async></script>
3

Cache leeren und prüfen

Cache leeren (blitzartiges Icon oben rechts) und die Website im Frontend aufrufen.

Hinweise

Alternativ (ab TYPO3 10+) per Fluid Asset-ViewHelper in deinem Template: <f:asset.script identifier="nuochat" src="https://chat.nuochat.de/widget.js" data-api-key="DEIN_API_KEY" async="1" />. Der ViewHelper unterstützt beliebige data-*-Attribute.
Footer-Variante: Soll das Script vor </body> statt im <head> laden, verwende page.footerData statt page.headerData.

Bereit?

Kostenlos registrieren und das Widget in TYPO3 einbinden.