So verbindest du dein Produkt, um Screenshots nach UI-Updates zu aktualisieren

Wenn du dein Produkt mit HappySupport verbindest, aktualisiert das System automatisch deine Screenshots, wenn sich deine UI ändert. Diese Integration loggt sich in deine Anwendung ein und regeneriert die visuellen Inhalte, damit deine Hilfedokumentation immer aktuell bleibt.

Step 1Step 2Step 3Step 4Step 5Step 6Step 7Step 8Step 9Step 10Step 11Step 12Step 13Step 14Step 15Step 16

Produktverbindung einrichten

  1. Gehe zu Einstellungen
    Klicke auf Einstellungen in der linken Seitenleiste deines HappySupport-Admin-Dashboards.

  2. Greifen auf verbundene Produkte zu
    Wähle Verbundene Produkte aus dem Einstellungsmenü, um deine Produktverbindungen anzuzeigen.

  3. Füge ein neues Produkt hinzu
    Klicke auf die Schaltfläche Produkt hinzufügen oben rechts auf der Seite Verbundene Produkte, um deine Anmeldedaten für deine App zu speichern.

  4. Konfiguriere Produktdetails
    Fülle die folgenden Informationen über dein Produkt aus:

    • Name: Gebe deinen App-Namen ein
    • Root-URL: Die Hauptadresse deiner Anwendung
    • Login-URL: Die URL der Login-Seite, auf der die Authentifizierung stattfindet
    • Login-E-Mail: Die E-Mail-Adresse für die automatische Anmeldung
    • Passwort: Das Passwort für das Login-Konto
  5. Erstelle die Verbindung
    Klicke auf die Schaltfläche Erstellen, um die Verbindung mit deinem Produkt herzustellen.

Screenshots regenerieren

  1. Öffne dein Hilfecenter
    Navigiere zu deinem Hilfecenter im HappySupport-Arbeitsbereich und öffne einen Artikel, der UI-Screenshots enthält.

Step 14

  1. Wechsle zur Schritte-Ansicht
    Klicke auf die Registerkarte Schritte im Artikel-Editor, um auf die schrittspezifischen Einstellungen zuzugreifen.

  2. Greife auf Screenshot-Optionen zu
    Klicke im Einstellungsbereich Schritte auf der rechten Seite auf Screenshot, um die Screenshot-Verwaltungsoptionen zu erweitern.

Step 16

  1. Regeneriere den Screenshot
    Klicke auf Screenshot neu erstellen, um ein aktuelles Bild sowie DOM- und CSS-Selektoren zu erfassen. Das System loggt sich in deinen verbundenen Account ein und navigiert zur entsprechenden Seite, um einen aktualisierten Screenshot zu erfassen.

Nachdem du diese Schritte abgeschlossen hast, ist dein Produkt mit HappySupport verbunden und ermöglicht automatische Screenshot-Updates, wenn sich deine UI ändert. So wird sichergestellt, dass deine Hilfedokumentation immer den aktuellen Status deiner Anwendungsoberfläche widerspiegelt.