Fördern Sie das Nutzerengagement mit der Galerie für Adaptive Karten im Copilot Studio Kit

Der Katalog für adaptive Karten bietet einsatzbereite Vorlagen, Beispieldaten und Back-End-Details. Verwenden Sie diese Ressourcen, um Adaptive Karten zu entwerfen, die die Benutzerbindung verbessern und nahtlos in Ihre benutzerdefinierten Agents integriert werden.

Informationen zu adaptiven Karten

Adaptive Karten sind einfache UI-Snippets, mit denen Entwickler und Hersteller dynamische und interaktive Inhalte erstellen können, die konsistent auf verschiedenen Plattformen und Anwendungen dargestellt werden. Adaptive Karten verwenden ein JSON-basiertes Schema, das Flexibilität bei Layout und Interaktivität fördert und dabei dem Erscheinungsbild der Hostanwendung entspricht. Erfahren Sie mehr über die Verwendung adaptiver Karten in Copilot Studio.

Screenshot von Adaptive Karten Gallery im Copilot Studio Kit.

Jede adaptive Beispielkarte enthält eine Vorlage und Beispieldaten. Um die Livevorschau in einem benutzerdefinierten Copilot Studio-Agent zu aktivieren, geben Sie den Tokenendpunkt in die Umgebungsvariable " Agent Token Endpoint " ein. Wählen Sie "In Copilot Studio öffnen" aus, um ein Thema zu öffnen, das der ausgewählten Karte auf einer neuen Registerkarte zugeordnet ist, in der Sie die Details der Back-End-Implementierung studieren und kopieren können.

Screenshot der Adaptive Karten Galerie mit der Vorlage für die Veranstaltungsregistrierung, der Kartennutzlast und der angezeigten Vorschau.

Hinweis

Standardmäßig werden im Emulator die Adaptive Karten in der Vorschau angezeigt. Um eine Vorschau der Adaptive Karten mit einem echten Copilot Studio Webchat anzuzeigen, veröffentlichen Sie den Agent "Adaptive Card Galerie", der im Lieferumfang des Copilot Studio Kit enthalten ist. Legen Sie die Umgebungsvariable cat_AgentTokenEndpoint auf den Tokenendpunkt des Agents fest. Sie können den Tokenendpunkt für den benutzerdefinierten Copilot Studio-Agent aus Channels>Mobile app kopieren.

  1. Überprüfen Sie die Voraussetzungen.

  2. Installieren Sie das Kit.

  3. Wechseln Sie zu Copilot Studio.

  4. Stellen Sie sicher, dass die Umgebung, die das Copilot Studio Kit enthält, ausgewählt ist.

  5. Wählen Sie Lösungen aus.

  6. Wählen Sie Copilot Studio Kit aus.

  7. Öffnen Sie den Adaptive Card Gallery-Agenten.

  8. Veröffentlichen Sie den Adaptive Card Gallery Agent.

  9. Öffnen Sie den Kanal der mobilen App, um den veröffentlichten Token-Endpunkt für den Agenten anzuzeigen.

  10. Kopieren Sie den Tokenendpunkt, und aktualisieren Sie dann die Umgebungsvariable des Agenttokenendpunkts .

    1. Suchen Sie diese Umgebungsvariable, indem Sie die Standardlösung öffnen und dann nach Umgebungsvariablen filtern.

    2. Fügen Sie den Tokenendpunktwert in die Umgebungsvariable "Agent Token Endpoint " ein.

  11. Laden Sie die Seite "Katalog für adaptive Karten" neu.