Skip to main content

Integrate Chat-Bot to your Website/Blog.

Chat-Bot Series Part-2

Scenario :- Integrate Chat-Bot to your Website/Blog. 

[This is continuation to the Part-1. Please check the Previous post before checking this. Clickhere to see the previous post. ]

Step 1 :- 

                Once you  Click on Publish then updates will be reflected to your Bot. 



Step 2 :- 

                As a part of Embedding Bot into the website/blog Click on Manage -> Channels ->Custom Website. Then you will get the Code click on Copy. 

      


 Step 3 :- 

                Paste the code in your custom website/Blog. Here I have pasted the code in my Blog.Then it will look like below.     

** Note this process of integrating will differs depend on your site.Here I have added in Layout -> Add Gadget -> Pasted the code in Blogger interface. Based on the Theme it gets created. 
But process of publishing and getting the Embed code is Same.***   


Now you have successfully created the Chat-Bot and Integrated it into Custom Website/Blog. 

Happy Learning 😉😉😉 !!!

Labels:

Comments

Post a Comment

Popular posts from this blog

Creating News Application using Flow and Power Apps ( Part -1 )

Create a Flow to fetch the latest news from Public API Step 1 :-                      Login to Power Automate using work or School account . Add a PowerApps Trigger - > add HTTP Action card. **You can find public API which are available online for free. Here is the Top Free News API's. News API, Bing News Search API, Bloomberg API etc.... In this Tutorial I am using News API to fetch the latest news. Just Login to News API and generate API Key. Once you Login to the News API there you will see news from different sources. Choose any one of the source. Once you generate the API Key , redirect to the Flow Portal in HTTP Action Card choose the method as GET and paste the URI [ if you choose any one of the source you will get url with API key included in that]. Choose Authentication mode as None. Step 2 :-                     Now Run the Flow. Copy the Output of HT...
Post a Comment
Read more

Creating News Application using Flow and Power Apps ( Part -2 )

 Creating PowerApps Screen to view the latest  news. This is continuation of  Previous Article  . Please have look into it if you missed my previous article.  Step 1 :-                      Login to the PowerApps -> Create an app from Blank using Phone Layout.Add Header and Footer using labels -> Add a Refresh Icon from Icons menu. Set the Refresh Icon OnSelect property to this code.   ClearCollect(test12,'Flowname'.Run()); -- test12 is collection name. --Once user press Refresh icon internally it calls the Flow , get the data from Flow in JSON format and stores the data in collection . **You can either write this formula in OnSelect property/ App OnStart property.** Step 2 :-                      Add a Blank Vertical Gallery -> Inside that add another Gallery, choose the layout as Image,Title,Subtitle. Reason for adding...
Post a Comment
Read more

Send Multiple Attachments in Single Email added from Microsoft Forms using Microsoft Flow ( Power Automate)

Recently in forms a new feature has been introduced. Now users can able to add Attachments in Microsoft Forms. Scenario :- When a new response is submitted in Forms using the Flow we are sending an email with that attachments. Mentioned below are the Steps :- Step 1 :- Here is my sample Form. Step 2:- Login to the Flow with your school or work account and create flow like this. When a new response is Submitted -> Get response Details Step 3 :- Click on New Step and add Compose. Add the file Upload as input to the Compose. Now try to run the flow and copy the output of the compose and paste it Notepad for your reference. [You can remove the compose once you copied the code] Step 4:- Add the Parse JSON action card and in the Content add the File upload from dynamic content click on Generate from Sample and past the code and click on done. It will generate the JSON Schema automatically. Step 5:- Now initialize a variable and set the type to Array. Step 6 :- Add Apply To ...
Post a Comment
Read more