Skip to main content
Inspiring
August 14, 2020
Question

RH2020 Frameless: Chatbot intents created in Dialogflow does not show in output

  • August 14, 2020
  • 27 replies
  • 804 views

Hi

In Dialogflow, I imported a Small Talk prebuilt intent to the Agent created as part of my RH 2020 project. But for some reason the Chatbot did not identify the intents imported. The Chatbot only identified intents created as a Microcontent in RH. 

Couple of questions regarding Chatbot:

  1. Is the Chatbot configured in RH only to identify intents created in RH? or is it possible for the Chatbot to also identify intents created in Dialogflow? 
  2. Is it possible for the Chatbot to display a welcome message as soon as the user clicks the Chatbot button? Do we need to configure this in Dialogflow or can it be done through RH?
    This topic has been closed for replies.

    27 replies

    Peter Grainge
    Community Expert
    Community Expert
    September 15, 2020

    @Siju - I have created some instructions that I would like to add to my site. Before I do so, I would be grateful if you could take a look at them. If you can, please see the Contact page on my site and email me. I will send you the PDF.

     

    Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.
    Inspiring
    September 14, 2020

    Glad to know that it is working now.

    Clearing cache is an important step. Even I had to clear the cache and also restart my local HTTP server to get it working.

    It would be good to have the steps on your page so that it will help others too.

    Thanks!!

    Peter Grainge
    Community Expert
    Community Expert
    September 14, 2020

    I tried a browser that I do not normally use and it worked. Then I went back to Edge and instead of refreshing the page I went to Settings and cleared the cache.

     

    It all seems to be working now. I will recreate it all again tomorrow to prove my steps, then make that available on my site. There was one additional step of copying the chatbot.css from the chatbot output after generating the microcontent using Filezilla or suchlike. 

     

    Hopefully this will all be made a lot easier in an update but at least it can be made to work.

     

    Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.
    Peter Grainge
    Community Expert
    Community Expert
    September 14, 2020

    Between my post and your reply, I have had a session with Adobe and there is some problem they are looking into.

     

    I am off to a darkened room!

     

    Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.
    Inspiring
    September 14, 2020

    Once step 8 is completed, you must see the chatbot in the output. Steps 9-13 are only to get the images/gifs to the output if in case you have added any to the chatbot microcontent.

    If you are not getting the chatbot in the output, I think it might be because the path to the chatbot.css and chatbot.js in the Master page is not correct.

    Peter Grainge
    Community Expert
    Community Expert
    September 14, 2020

    Thanks but it's not working for me. 

     

    The bit I'm not getting with Steps 7/8 is that at that stage you have not added the stuff in the following steps. Are you saying that you will see the icon for the chat pod but that it just doesn't render properly yet?

     

    Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.
    Inspiring
    September 14, 2020

    Hi Peter

    Well, Step 8 is just an outcome of the 7th step. If we try running the output on a server, it should show the bot on all topic pages.

    Can you try the following:

    Have you added the Master page to the Framelss output preset? - If yes, can you remove it from the output preset and add the Master Page to the individual topics (to test you can try adding it to one topic). Now generate the output as mentioned in the steps above.

    Let me know if it works.

    Note - When Adobe tried the steps on my project, we had added the Master Pages to both the output preset and individual topics. But it didn't work. The conclusion was the issue might be specifc to my project. We then  removed the Master page from the ouput preset and generated the output. It worked.

    The reason it did not work in the first instance is because, if you take a look at the HTML source of a topic in the output folder, you would see the chatbot.js called twice in the Head of the topic. Ideally, it must be called just once. 

    If you also have the same issue then it is a bug and Adobe will look into it

    Peter Grainge
    Community Expert
    Community Expert
    September 13, 2020

    In Step 8 you say you will have the chatbot rendered on every page if uploaded to a server. Do you mean you will NOT have it rendered as the following steps are needed? Perhaps something will be there but not yet working? Could you please clarify that bit?

     

    Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.
    Peter Grainge
    Community Expert
    Community Expert
    September 13, 2020

    I'm glad you had more luck than I did. 

     

    Thanks for posting that. I will take a look. 

     

    Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.
    Inspiring
    September 13, 2020

    Hi Peter

    It is working for me. I had a call with Vivek and Sudhanshu on Friday and they fixed the issue for me.

    Here are the steps.

    To apply the chatbot in all your topics in frameless output, follow these steps:
    1. Make sure you have an update 1 build.
    2. Create a chatbot preset and generate it.  
    3. Open the Chatbot output folder, copy the chatbot.js, and chatbot_styles folder.
    4. Open your RH project whose output needs to have the chatbot, in the asset folder (contents/assets) paste the stuff copied in the above step. Your assets folder will now have a js file and a chatbot_styles folder directly inside it.
    5. Create a master page.
    6. Edit the master page: Add the link to chatbot.js and chatbot.css (found in the chatbot_styles folder you copied) in the head of the master page in the source view. Make sure the path is correct for both.
    7. Go to the output tab and add a frameless output, set it up according to your requirements, and then in the "Layout" tab of the frameless preset, choose the master page created in step 4.
    8. Generate Frameless output. At this point, you will be having chatbot rendered on every topic page of your output if you open it on a server.
    9. Go to the Chatbot preset output generated in step 1, copy the asset folder there. (This folder contains all the images/gifs/stylesheets and other assets you used in authoring microcontent for chatbot responses)
    10. Open the frameless output folder you generated, and paste the asset folder directly inside your frameless output folder.
    11. There would already be an asset folder belonging to frameless output, just merge the two folders while pasting.
    12. Host the output using an HTTP server for the chatbot to display. 
    13. The chatbot now will show up on every topic page and will also be able to show responses having images, gifs, etc.