Zdieľať cez

Prispôsobenie kopilota

  • Článok

Keď vytvoríte kopilot pre webovú stránku, kopilot použije obsah z hostiteľskej lokality na generovanie odpovedí. Microsoft Dataverse indexuje obsah lokality a nakonfigurované tabuľky a Copilot Studio zhŕňa indexovaný obsah a tabuľky na generovanie odpovedí.

Overení používatelia stránok dostávajú prispôsobené, súhrnné odpovede, ktoré sú v súlade s ich rolami na webe. Ak chcete zlepšiť model obsahu pre overených používateľov lokality, upravte údaje podľa týchto krokov:

  1. V časti Power Pages prejdite do pracovného priestoru Nastaviť.

  2. V časti Copilot vyberte možnosť Pridať kopilot.

  3. V časti Upraviť údaje vyberte možnosť Vykonať zmeny.

  4. Ak chcete vybrať alebo zrušiť výber tabuliek, vyberte Vybrať ovládací prvok vyhľadávania tabuliek .

    • V tejto časti si môžete vybrať viacero tabuliek. Uistite sa, že každá tabuľka, ktorú vyberiete, sa používa na lokalite.
    • Na nasledujúcich stránkach zadajte stránku, na ktorej sa použije tabuľka, aby sa vygenerovala adresa URL citácie.

  5. Vyberte Ďalej.

  6. V časti Vybrať tabuľky vyberte tabuľku, ktorá obsahuje stĺpce a odkaz na stránku, ktorý chcete vybrať. Tabuľka sa zobrazí iba vtedy, ak má aspoň jeden viacriadkový stĺpec.

    Naraz môžete vybrať iba jednu tabuľku.

  7. V časti Pridať odkaz na stránku vyberte stránku, na ktorej sa použije tabuľka.

    Poznámka

    • Uistite sa, že ste vybrali správnu stránku. V opačnom prípade robot poskytne nesprávnu adresu URL s citáciou pre odpovede.
    • Stránka musí používať id ako parameter reťazca dopytu. Ak použijete iný názov parametra, adresa URL citácie nebude fungovať správne.

  8. V časti Vybrať stĺpce vyberte zoznam stĺpcov, ktoré sa používajú na stránke. Na výber sú dostupné iba stĺpce s viacriadkovým textom.

  9. Vyberte Ďalej a skontrolujte svoj výber.

  10. Zmeny odošlite výberom možnosti Uložiť .

Prispôsobte si vzhľad kopilot

Štýl kopilot si môžete prispôsobiť prepísaním predvolených tried kaskádových štýlov (CSS). Ak to chcete urobiť, pridajte do šablóny hlavičky prvok style a prepíšte hodnoty podľa týchto krokov:

  1. Prejdite na stránku editor kódu.

  2. V navigácii Prieskumník rozbaľte priečinok webové šablóny .

  3. Otvorte Header.html.

  4. Pridajte svoj prvok style / script .

    Snímka obrazovky Visual Studio, zvýrazňujúca priečinok webových šablón, súbor Header.html a prvok štýlu pomocou selektora CSS .

  5. Prepíšte príslušné štýly.

Copilot miniaplikácia

Snímka obrazovky chatbota miniaplikácia.

Copilot zbalená ikona:

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

Popis:

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

Obrázok ikony:

<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>

Poznámka

  • Nahraďte <image URL> skutočnou adresou URL zdroja obrázka. Uveďte odkaz na externú cestu alebo nahrajte obrázok do tabuľky Webový súbor a použite jeho adresu URL.

Copilot prvky

Vzorky CSS v tejto časti poskytujú príklady, ktoré ukazujú, ako prispôsobiť každý z očíslovaných prvkov chatbota na nasledujúcej snímke obrazovky.

Snímka obrazovky chatbota s jednotlivými vyvolanými a očíslovanými prvkami.

1. Hlavička

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

2. Výška a šírka

.pva-embedded-web-chat[data-minimized='false'] {
    height: 80%;
    width: 25%;
    max-width: 400px;
    max-height: 740px;
}

3. Copilot okno

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

4. Bublina z kopilot

Farba pozadia:

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

Farba textu:

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

5. Bublina od používateľa

Farba pozadia:

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

Farba textu:

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

.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. Správa o ochrane osobných údajov

Farba pozadia:

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

Farba textu:

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