Jira Service Desk Widget

1 Script-Tag

Das Widget besteht aus einem einzigen <script>-Tag. Dieser wird direkt vor dem schliessenden </body>-Tag platziert – fertig.

<script
    data-jsd-embedded
    data-key="fd6065d9-e946-45fa-bad8-94eae45e9555"
    data-base-url="https://jsd-widget.atlassian.com"
    src="https://jsd-widget.atlassian.com/assets/embed.js">
</script>

Nach dem Laden erscheint automatisch ein Button unten rechts. Ein Klick darauf öffnet das Support-Formular direkt auf der Seite.

2 Position anpassen

Der Widget-Button erscheint standardmässig unten rechts. Die Position kann per CSS überschrieben werden – einfach in WP Admin → Design → Zusätzliches CSS einfügen.

/* #jsd-widget = der iframe den Atlassian injiziert */
/* Standard: position:fixed; bottom:0; right:0 */

/* Beispiel: unten links */
#jsd-widget {
    right: auto !important;
    left:  0 !important;
}

/* Beispiel: mit Abstand vom Rand */
#jsd-widget {
    bottom: 20px !important;
    right:  20px !important;
}

3 WordPress-Integration

Empfohlene Methode: Plugin WPCode – kein Theme-Zugriff nötig, sicher bei Theme-Updates.

1. Plugin installierenWP Admin → Plugins → Neu hinzufügen → WPCode suchen → Installieren & Aktivieren
2. Snippet erstellenCode Snippets → Snippet hinzufügen → «Eigenen Code hinzufügen»
3. Typ wählenCode-Typ auf «HTML Snippet» setzen
4. Script-Tag einfügenDen Code aus Abschnitt 1 einfügen
5. Location: FooterBei «Einfügeort» → Footer wählen
6. Aktivieren & SpeichernSnippet einschalten und speichern – fertig

<script
    data-jsd-embedded
    data-key="fd6065d9-e946-45fa-bad8-94eae45e9555"
    data-base-url="https://jsd-widget.atlassian.com"
    src="https://jsd-widget.atlassian.com/assets/embed.js">
</script>

4 Live Demo

Das Widget ist auf dieser Seite aktiv. Der Button erscheint unten rechts.

5 Troubleshooting