How to Add Chatbot Control to Power Apps Canvas App? [Step By Step]

Power Apps is upgraded daily, and the Chatbot control was recently added to the Power Apps Canvas app.

In this Power Apps tutorial, I will guide you throughout this journey to make you understand everything about Power Apps Chatbot Control, including the topics below:

  1. Enable the Chatbot component feature in Power Apps
  2. How to add Chatbot Control to Power Apps Canvas app
  3. Create a Chatbot in Copilot Studio
  4. Power Apps Chat bot control limitations

Power Apps Chatbot Control

Power Apps Chatbot control is an assistance for end-users, which provides a solution to their questions.

Power Apps Chatbot control

List of examples regarding a chatbot control in Power Apps.

  • Feedback – Whenever users buy the product, this chatbot helps them provide feedback, or employees can provide feedback based on their organization.
  • Booking Tickets – End-users can use the chatbot to book tickets for events, restaurants, etc.
  • Employee Onboarding – This helps newly hired employees by guiding them and providing information about company policies, benefits, etc.
  • Customer Support This is to handle customers’ queries or requests while they are buying the product or regarding their ordered product details.
  • Training or development – Students can ask the bot questions related to their specific topics or training modules, and it also helps students get their training materials.
  • Appointment Scheduling – Patients can schedule their appointment with the doctor based on available dates and times with the contact information and can book the appointment.

Enable Chatbot Component feature in Power Apps

Let me show you how to enable this chatbot component feature in Power Apps.

  • Open your Power Apps Application, click the More icons -> Then select Settings.
How to use chatbot in Power Apps
  • On the left navigation menu, select Upcoming Features -> Set the Toggle control to On to enable the chatbot component feature.
Create Chatbots from Power Apps

Now, the Chatbot component feature will be enabled in your Power Apps.

How to Add Chatbot Control to Power Apps Canvas App

Let’s add this new feature chatbot control to the Power Apps application.

  • On the new Power Apps screen, click + Insert -> Search for Chatbot control and then select it.
Configure a chatbot in Power Apps
  • The Chatbot control has been added to your Power Apps.
Chatbot component in Power Apps

But there are no chatbots in my environment. So, let me create a chatbot in Copilot Studio.

Create a Power Apps Chatbot in Copilot Studio

Now, let’s start to create a chatbot in Copilot Studio in Power Apps.

  • Open your Power Apps home page and click More options -> Select Chatbots.
how to add chatbot in powerapps canvas app
  • Click on a + New chatbot.
Add chatbot in powerapps canvas app
  • It will navigate to the Copilot Studio. Provide the Copilot’s name. Then, select the language from a dropdown menu titled “What language do you want your copilot to speak?” -> Provide the name of your website -> Click on the Create button.
chatbot control powerapps
  • Select Topics -> Click on a +Create -> Select Topic -> Then, click on a From blank.
powerapps chatbot control
  • Select a Phrases, click on Edit -> Now, and provide the phrases that the end-user can give.
Add Chatbot control to a canvas app
  • Click on a + icon -> Select a condition and provide a solution for the end-user question.

[I have created a flow for an end-user question and a solution, as shown below.]

chatbot control in powerapps
  • Click on a Save icon, as shown below:
power apps chatbot control
  • You can test your flow by clicking on a Test copilot.
how to add powerapps chatbot control
  • Let’s publish this chatbot; on the left-hand side, click on Publish and then click on the Publish button.
Add powerapps chatbot control
  • A dialogue box will appear as “Would you like to continue and publish?“, click on the Publish button.
how to add chatbot in powerapps

This is how we can create a chatbot in Copilot Studio.

Now, let’s connect this chatbot to your Power Apps application.

Now, again, go back to your Power Apps application. Select a Chatbot control and set its EnvironmentId to the created chatbot id.

Add chatbot in powerapps

Let’s Save, Publish, and Preview the app. The Power Apps chatbot control will be working fine, as shown below:

chatbot in powerapps

This is how the Power Apps chatbot control works.

Power Apps Chatbot Control Limitations

  • The Power Apps Chatbot control is not accessible in Power Apps US Government or Mooncake.
  • Chatbot control is not available on the Power Apps mobile application.

Conclusion

I trust this Power Apps tutorial helped you to understand details about the Chatbot control in Power Apps. Also, we discussed how to enable the Chatbot component feature in Power Apps, how to add chatbot control in Power Apps, and many more like:

  1. How to create a Chatbot in Copilot Studio
  2. Power Apps Chat bot control limitations