Agendi kohandamine

Kui loote veebisaidi jaoks agendi, kasutab see vastuste genereerimiseks hostimissaidi sisu. Microsoft Dataverse Indekseerib saidi sisu ja konfigureeritud tabelid. Copilot Studio võtab kokku indekseeritud sisu ja tabelid vastuste genereerimiseks.

Autenditud saidi kasutajad saavad kohandatud kokkuvõtlikke vastuseid, mis on kooskõlas nende veebirollidega. Täiustage autenditud saidi kasutajate sisumudelit, täpsustades andmeid järgmiste juhiste abil.

  1. Sisse minge Power Pagestööruumi Häälestamine.

  2. Valige jaotises Copilot Lisa agent.

  3. Valige jaotises Andmete täpsustamine Tee muudatused.

  4. Tabelite valimiseks või tühjendamiseks valige Vali tabelite otsingu juhtelement .

    • Selles jaotises saate valida mitu tabelit. Veenduge, et saidil kasutatakse kõiki teie valitud laudu.
    • Järgmistel lehekülgedel määrake leht, kus tabelit kasutatakse tsitaadi URL-i loomiseks.

  5. Tehke valik Edasi.

  6. Valige jaotises Tabelite valimine tabel, mis sisaldab veerge ja lehelinki, mida soovite valida. Tabel kuvatakse ainult siis, kui sellel on vähemalt üks mitmerealine veerg.

    Korraga saate valida ainult ühe tabeli.

  7. Valige jaotises Lehe lingi lisamine leht, kus tabelit kasutatakse.

    Märkus.

    • Veenduge, et valite õige lehe. Vastasel juhul annab bot vastuste jaoks vale tsitaadi URL-i.
    • Lehte tuleb kasutada id päringustringi parameetrina. Kui kasutate mõnda muud parameetri nime, ei tööta tsitaadi URL õigesti.

  8. Valige jaotises Veergude valimine lehel kasutatavad veerud. Valimiseks on saadaval ainult mitmerealise tekstiga veerud.

  9. Valige Edasi ja vaadake oma valik üle.

  10. Muudatuste esitamiseks valige Salvesta .

Agendi välimuse kohandamine

Saate kohandada agendi laadi, alistades vaikimisi kaskaadlaadilehe (CSS) klassid. Selleks lisage style päisemalli element ja alistage väärtused, järgides neid samme.

  1. Avage saidi koodiredaktor.

  2. Laiendage Exploreri navigeerimisel veebimallide kausta.

  3. Avage Header.html.

  4. Lisage oma style või script element.

    Kuvatõmmis Visual Studio veebimallide kausta, Header.html faili ja stiilielemendi CSS esiletõstmisest valijaga.

  5. Tühistage sobivad stiilid.

Agendi vidin

Kui lõite agendi enne juulit 2025, võib teie agendi kasutuskogemus erineda uusimast versioonist.

Vestlusroboti vidina ekraanipilt.

Agendi ahendatud ikoon:

.pva-embedded-web-chat-widget {
  background-color: #484644;
  border: 1px solid #FFFFFF;
}

Tööriistanäpunäide:

.pva-embedded-web-chat-widget-tooltip-text {
  background: white;
  color: #323130;
}

Ikooni pilt:

<script>
document.addEventListener('DOMContentLoaded', function() {
   var buttons = document.getElementsByClassName("pva-embedded-web-chat-widget");
    buttons[0].innerHTML = '<img src="<image URL>" height= "70px" width = "70px" />';
}, false);
</script>

Märkus.

Asendage <image URL> tegeliku pildiallika URL-iga. Kasutage välist teed või laadige pilt üles tabelisse Veebifail ja kasutage selle URL-i.

Agendi elemendid

Selle CSS jaotise näidised pakuvad näiteid, mis näitavad, kuidas kohandada järgmisel kuvatõmmisel kõiki nummerdatud vestlusroboti elemente. Valige vahekaart, mis vastab teie agendi kasutuskogemusele.

Ekraanipilt vestlusrobotist, kus üksikud elemendid on välja kutsutud ja nummerdatud.

1 – päis

.pages-chatbot-header {
  background: #77a145;
  color: #ffffff;
}

2 – kõrguse ja laiuse sätted

.pva-embedded-web-chat-window-container {
  height: 80%;
  width: 25%;
  max-width: 400px;
  max-height: 740px;
}

3 - Copilot aken

.pva-embedded-web-chat-window {
  background: white;
}

4 - Mull kopilotist

Taustavärvi:

.webchat__bubble:not(.webchat__bubble--from-user)
.webchat__bubble__content {
  background-color: #77a145 !important;
  border-radius: 5px !important;
}

Teksti värv:

.webchat__bubble:not(.webchat__bubble--from-user) p {
  color: #ffffff;
}

5 – mull kasutajalt

Taustavärvi:

.webchat__bubble.webchat__bubble--from-user
.webchat__bubble__content {
  background-color: #797d81 !important;
  border-radius: 5px !important;
}

Teksti värv:

.webchat__bubble.webchat__bubble--from-user p {
  color: #ffffff;
}

6 – viitelingid

.webchat__link-definitions__badge {
  color: blue !important;
}

.webchat__link-definitions__list-item-text {
  color: blue !important;
}

.webchat__render-markdown__pure-identifier {
  color: blue !important;
}

7 – privaatsussõnumi sätted

Taustavärvi:

.pva-privacy-message {
  background: #797d81;
}

Teksti värv:

.pva-privacy-message p {
  color: #ffffff;
  font-size: 12px;
  font-weight: 400;
}
  • Last updated on