Skip to main content Link Menu Expand (external link) Document Search Copy Copied

Task 04: Add rich text capabilities to a “Message” node

Introduction

Clear communication is vital when providing instructions or important information.

Description

In this task, you’ll use rich text formatting to ensure that information provided to Contoso’s customers is easily understood.

Rich text options for Message and Question nodes

Microsoft Copilot Studio provides positive conversational experiences for customers. One central feature is the rich text authoring capabilities that are available for the Message and Question nodes.

The available options include:

  • Image - You can add an image, which displays on a card. You can add the URL of the image and a title.

  • Video - You can add the URL for a publicly available MP4 file. You can also use a YouTube video URL.

  • Basic card - This option includes simple cards that provide adaptive cards, such as visuals.

  • Adaptive Card - You can add Adaptive Cards, which are platform-agnostic cards that are designed to be flexible to suit the needs at the time.

  • Quick reply - This option allows users to select from specific options rather than needing to enter the response in text-based scenarios. You should use these replies to provide common suggestions or to help give the user ideas about the type of information that’s being asked for.

Success criteria

  • Applied rich text formatting to messages.
  • Verified clear and formatted text presentation during agent interactions.

Key tasks


01: Add rich text to the Conversation Start topic

  1. On the command bar for the agent, select Topics.

  2. On the Topics page, select System.

    hltjtbya.jpg

  3. On the System topics page, select Conversation Start.

    ijig868p.jpg

  4. Select the Message node, select + Add, and then select Image.

    5rjh47de.jpg

  5. In the Image properties pane, in the Image URL field, enter:

     https://learn.microsoft.com/en-us/training/achievements/build-effective-bots.svg
    

    5q7fkfq0.jpg

  6. Close the Image properties pane.

  7. Select the Message node, select + Add, and then select Quick reply.

    i80ifxd0.jpg

  8. In the Quick replies section, enter the following text:

     Help with my order
    

    0fro195y.jpg

  9. On the command bar for the agent, select Save.


02: Add a regular expression entity

  1. On the command bar for the agent, select Topics.

  2. Select the Check Order Status topic.

  3. Below the Trigger node, select the + button, then select Ask a question .

    u9v2meh3.jpg

  4. In the Question node, enter the following text:

     Could you please provide your order number?
    

    0la64zu8.jpg

  5. In the Identify section, select Multiple choice options. Then, in the Choose information to identify dialog, select Create an Entity.

    00luox1g.jpg

  6. Select Regular expression (Regex).

    o0dwuxv2.jpg

  7. Use the following values to configure the entity and then select Save:

    Item Value
    Name Order Number
    Pattern ORD-[0-9]{6}

    This pattern will automatically detect IDs like ORD-123456.

    rvze4p6q.jpg 6dvq75el.jpg

  8. In the same Question node, select Var1.

  9. In the Variable properties node, in the Variable name field, enter OrderNumber.

    7drx688i.jpg

  10. On the command bar for the agent, select Save.


03: Add message variations

In this task, you’ll add a Message variation to an existing node.

  1. Locate the Condition branch for Check and then select the Message node.

  2. Select + Add and then select Message variation.

    2mi4nv91.jpg

  3. Add a message variation the agent should use:

     Sure thing. Give me a moment to check on that.
    

    hnmcr7ch.jpg

  4. Now add the following variation to the Message node under the Update condition path:

     I'll get that updated right away.
    

    2h3td4t3.jpg

  5. On the command bar for the agent, select Save.

  6. Leave the Check Order Status topic open.