Εμφάνιση μιας φόρμας με κουμπί Υποβολή στο Copilot Studio

Άρθρο
11/12/2024

Σημείωμα

Αυτό το άρθρο ισχύει μόνο για κλασικά bot συνομιλίας. Για να επεκτείνετε τους παράγοντες που έχουν δημιουργηθεί σε Copilot Studio, δεν χρειάζεται να χρησιμοποιήσετε το Bot Framework Composer. Όλες οι δυνατότητες που περιγράφονται σε αυτό το άρθρο είναι διαθέσιμες για εκπροσώπους, απευθείας στο Copilot Studio.

Μπορείτε να βελτιώσετε το bot συνομιλίας σας αναπτύσσοντας προσαρμοσμένα παράθυρα διαλόγου με το Bot Framework Composer και στη συνέχεια να τα προσθέσετε στο δικό σας copilot που δημιουργήθηκε στο Copilot Studio.

Σε αυτό το παράδειγμα, θα μάθετε πώς να εμφανίζετε μια φόρμα με το κουμπί υποβολής στο Copilot Studio χρησιμοποιώντας το Composer.

Σημαντικό

Η ενσωμάτωση του Composer δεν είναι διαθέσιμη σε χρήστες που έχουν μόνο άδεια χρήσης του Teams Microsoft Copilot Studio. Πρέπει να έχετε άδεια δοκιμαστικής έκδοσης ή πλήρη άδεια Microsoft Copilot Studio.

Προϋποθέσεις

Δημιουργία νέου εναύσματος

Στο Copilot Studio, ανοίξτε το copilot από το Παράδειγμα 3. Αν δεν έχετε ολοκληρώσει ακόμα το Παράδειγμα 3, δείτε την Χρήση της αναζήτησης Bing ως εναλλακτική δυνατότητα στο Copilot Studio.
Ανοίξτε το bot σας στο Composer. Για οδηγίες, ανατρέξτε στο θέμα Έναρξη με το Bot Framework Composer.
Στην εξερεύνηση bot, μεταβείτε στο κύριο παράθυρο διαλόγου. Επιλέξτε Περισσότερες επιλογές (...) και, στη συνέχεια, επιλέξτε Προσθήκη νέου εναύσματος.
Στο παράθυρο Δημιουργία εναύσματος:
1. Για Ποιος είναι ο τύπος αυτού του εναύσματος;, επιλέξτε Αναγνωρίστηκε η πρόθεση.
2. Στο πεδίο Ποιο είναι το όνομα αυτού του εναύσματος;, πληκτρολογήστε StartTrial.
3. Για Φράσεις ενεργοποίησης, αντιγράψτε και επικολλήστε τα εξής:
```
- start trial
- sign up to try
- register to try service
```
4. Επιλέξτε Υποβολή.
Μεταβείτε στη σελίδα Αποκρίσεις bot, επιλέξτε υπηρεσία παράδοσης γευμάτων Contoso και, στη συνέχεια, επιλέξτε Εμφάνιση κώδικα.

Αντιγράψτε και επικολλήστε το ακόλουθο στην προβολή κώδικα:

# adaptivecardjson_StartTrialForm()
- ```
{
    "type": "AdaptiveCard",
    "body": [
        {
            "type": "TextBlock",
            "size": "Medium",
            "weight": "Bolder",
            "text": "Register for a meal plan trial:"
        },
        {
            "type": "Input.Text",
            "placeholder": "Please enter your Name",
            "id": "Name"
        },
        {
            "type": "Input.Text",
            "placeholder": "Please enter your Address",
            "id": "Address",
            "isMultiline": true
        },
        {
            "type": "Input.Number",
            "placeholder": "How many weeks",
            "id": "Weeks"
        },
        {
            "type": "ActionSet",
            "actions": [
                {
                    "type": "Action.Submit",
                    "title": "Submit",
                    "style": "positive"
                }
            ]
        }
    ],
    "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
    "version": "1.2"
}
```

Κάθε πεδίο εισόδου σε αυτήν την προσαρμόσιμη κάρτα έχει ένα μοναδικό αναγνωριστικό: Όνομα, Διεύθυνση και Εβδομάδες.

Αντιγράψτε και επικολλήστε τον ακόλουθο κώδικα στην ίδια προβολή κώδικα:
```
# AdaptiveCard_StartTrialForm()
[Activity
    Attachments = ${json(adaptivecardjson_StartTrialForm())}
]
```

Προσθήκη λογικής συνομιλίας

Μεταβείτε στη σελίδα Δημιουργία και επιλέξτε το έναυσμα StartTrial.
Στον καμβά σύνταξης, επιλέξτε Προσθήκη (+), Κάντε μια ερώτηση, και έπειτα Κείμενο.
Στο τμήμα παραθύρου ιδιοτήτων, στην περιοχή Αποκρίσεις bot και επιλέξτε Εμφάνιση κώδικα.

Προειδοποίηση

Η προσθήκη της παράστασης στο επόμενο βήμα στο πρόγραμμα επεξεργασίας απόκριση αντί του προγράμματος επεξεργασίας κώδικα θα οδηγήσει στην ανταπόκριση του με μη επεξεργασμένο JSON αντί μιας προσαρμόσιμης κάρτας.
Αντιγράψτε και επικολλήστε την ακόλουθη παράσταση:
```
- ${AdaptiveCard_StartTrialForm()}
```
Επιλέξτε την καρτέλα Δεδομένα εισόδου χρήστη στο τμήμα παραθύρου ιδιοτήτων, έπειτα κάντε τα εξής:
1. Για την Ιδιότητα, πληκτρολογήστε user.name.
2. Για το πεδίο Τιμή, πληκτρολογήστε =turn.activity.value.Name.
Στον καμβά σύνταξης, επιλέξτε Προσθήκη (+), Διαχείριση ιδιοτήτων και μετά επιλέξτε Ορισμός ιδιοτήτων.
Στο τμήμα παραθύρου ιδιοτήτων, κάντε τα εξής:
1. Στην περιοχή Αναθέσεις, επιλέξτε Προσθήκη νέου για προσθήκη ενός πλαισίου Ιδιότητες και ενός πλαισίου Τιμή.
2. Για την Ιδιότητα, πληκτρολογήστε user.address
3. Για το πεδίο Τιμή, πληκτρολογήστε =turn.activity.value.Address.
4. Επιλέξτε Προσθήκη νέας για δεύτερη φορά για να προσθέσετε μια άλλη Ιδιότητα και Τιμή.
5. Για την Ιδιότητα, πληκτρολογήστε user.weeks.
6. Για το πεδίο Τιμή, πληκτρολογήστε =turn.activity.value.Weeks.
Στον καμβά σύνταξης, επιλέξτε Προσθήκη (+), και έπειτα Αποστολή απάντησης.
Στο πρόγραμμα επεξεργασίας απαντήσεων, αντιγράψτε και επικολλήστε τα εξής:
```
${user.name} - thanks for starting a ${user.weeks} week trial with us! Your meals will be delivered to this address: ${user.address}.
```
Στον καμβά σύνταξης, επιλέξτε Προσθήκη (+), και έπειτα Έναρξη θέματος Microsoft Copilot Studio.
Στο τμήμα παραθύρου ιδιοτήτων, για το όνομα παραθύρου διαλόγου, επιλέξτε Τέλος συνομιλίας.

Δοκιμάστε το bot σας

Δημοσιεύστε το περιεχόμενο του Composer για να το κάνετε διαθέσιμο στο copilot του Copilot Studio.

Σημαντικό

Αν επιλέξετε Δημοσίευση στο Composer οι αλλαγές θα καταστούν διαθέσιμες για δοκιμή αλλά δεν γίνεται αυτόματη δημοσίευση του bot.

Δημοσιεύστε το bot σας στο Microsoft Copilot Studio για να ενημερώσετε το bot σε όλα τα κανάλια στα οποία συνδέεται.
Μεταβείτε στη σελίδα του Copilot Studio Θέματα για να δείτε το νέο σας θέμα StartTrial.
Ανοίξτε το Τμήμα παραθύρου δοκιμής bot και βεβαιωθείτε ότι η Παρακολούθηση εναλλαγής θεμάτων είναι ενεργοποιημένη. Πληκτρολογήστε το μήνυμα How do I sign up for a trial? για να ξεκινήσετε τη συζήτησή σας.

Κοινή χρήση μέσω

Εμφάνιση μιας φόρμας με κουμπί Υποβολή στο Copilot Studio

Προϋποθέσεις

Δημιουργία νέου εναύσματος

Προσθήκη λογικής συνομιλίας

Δοκιμάστε το bot σας

Σχόλια

Πρόσθετοι πόροι