Zum Hauptinhalt springen

Widget einbetten

Das Ducalis-Widget informiert Nutzende über neue Features und ermöglicht es ihnen, direkt in deinem Produkt Feedback zu hinterlassen. Bette es ein, um das Engagement mit deinem Voting Board, deiner Roadmap und deinem Changelog zu steigern.

Widget öffnen

Es hilft auch, Feedback von Nutzenden zu sammeln, ohne deren Arbeitsablauf zu unterbrechen.

Widget-einbetten-Schaltfläche

Live-Demo: Besuche https://hi.ducalis.io/ und klicke auf New (Neu) im Kopfmenü.

Überall einbetten

Bette das Widget auf jeder Seite ein, auf der du Feedback sammeln oder Benachrichtigungen über neue Features anzeigen möchtest.

Bei Ducalis betten wir das Widget ein auf:

Widget einrichten

warnung

Wenn dein Voting Board privat mit Zugriffsbeschränkungen ist, musst du Nutzeridentitäten an das Widget übergeben. Andernfalls kann niemand darauf zugreifen.

Voting-Board-Einstellungen öffnen

  1. Gehe zu den Voting-Board-Einstellungen.

  2. Finde den Abschnitt Embed (Einbetten). Klicke auf Feedback / Changelog / Roadmap widget (Feedback- / Changelog- / Roadmap-Widget).

Wo du den In-App-Widget-Code findest

Widget-Code installieren

  1. Kopiere den HTML-Code und füge ihn auf deiner Website, in deiner App oder auf jeder Seite ein, auf der er erscheinen soll. Speichere die Änderungen.
Code aus den Einstellungen kopieren

Zum Beispiel:

Code auf der Website einfügen
  1. Klicke dann auf Verify (Überprüfen).
Installation überprüfen
  1. Eine Bestätigungsmeldung erscheint und zeigt das Ergebnis der Überprüfung.
Überprüfungsergebnis anzeigen Überprüfungsstatus

Beispiel für ein installiertes Widget:

Beispiel für ein installiertes Widget

Anzuzeigende Seiten auswählen

  1. Lege fest, welche Bereiche angezeigt werden sollen, wenn Nutzende das Widget öffnen.
Auswählen, welche Seiten im Widget angezeigt werden
  1. Speichere die Änderungen, um sie zu übernehmen.
Änderungen speichern, welche Seiten im Widget angezeigt werden

Standardmäßig wird das Feedback-Formular immer angezeigt, damit Nutzende die Möglichkeit haben, Feedback zu hinterlassen.

Wenn du beispielsweise die Öffentliche Roadmap auswählst, zeigt das Widget das Feedback-Formular und den Roadmap-Bereich an, während der Changelog nicht angezeigt wird.

Beispiel: Roadmap wird zuerst angezeigt

Startseite auswählen

  1. Lege fest, was zuerst geöffnet werden soll, wenn Nutzende auf die Widget-Schaltfläche klicken.
Die Einstellung, mit der du auswählen kannst, was zuerst geöffnet wird
  1. Klicke auf Save (Speichern), um die Änderungen zu übernehmen.
Änderungen speichern, was zuerst geöffnet wird

Wenn du beispielsweise den Changelog auswählst, wird beim Klicken auf das Widget zuerst der Changelog geöffnet.

Widget-Erscheinungsbild anpassen

Erstelle ein Style-Theme für das Widget -- einschließlich Hintergrundfarbe, Textfarbe, Widget-Platzierung, Schaltflächentext und Eckenradius.

Hintergrundfarbe

Markenfarbe einrichten

Textfarbe

Markentextfarbe einrichten

Platzierung

Widget-Position auf deiner Website einrichten -- links oder rechts

Schaltflächentext

Passe den Text an.

Schaltflächentext des Widgets anpassen

Widget-Funktionen in der Basiskonfiguration

Diese Basiskonfiguration bietet:

  • Widget zeigt die neuesten Ideen im Status "Erledigt" an, sortiert nach Veröffentlichungsdatum auf der Changelog-Seite
  • Benachrichtigungsblase für neu veröffentlichte Features (Ideen, die auf "Erledigt" verschoben wurden)
  • Besuchende können bis zu 20 veröffentlichte Ideen lesen
  • Link zum Voting Board, um die Roadmap zu prüfen, Ideen hinzuzufügen, abzustimmen und zu kommentieren
  • E-Mail-Erfassung für wöchentliche Roadmap-Digest-Updates

Nutzende identifizieren

Wähle zwischen der Ducalis-Authentifizierung oder deiner eigenen Authentifizierungsmethode.

Option 1: Ducalis-Authentifizierung verwenden (Standard)

Standardmäßig wird die Ducalis-Authentifizierung verwendet, wenn Nutzende abstimmen, Ideen hinzufügen oder kommentieren möchten.

Option 2: Eigene Authentifizierung verwenden

Wenn du eine eigene Authentifizierung verwendest, gib sie im Code an: onAuth: showUserAuth

Wenn diese Funktion angegeben ist, ersetzt sie die Ducalis-Authentifizierung. Du steuerst den gesamten Authentifizierungsprozess, musst aber die authentifizierten Widget-Nutzenden übergeben: user.email + user.hash sind erforderlich.

Zuletzt aktualisiert: Diese Woche