Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  • On your Flow Studio main page, hover over the new flow conversation you’ve created > Verticle ellipses button > Import/export.

...

    ...

    • Select the Import tab > Copy the template code below and paste it here > Import.

    ...

    Flow Studio Sample Conversation Template Code:

    ...

    1. Copy the FlowID at the top of your new flow.

    ...

    You can also copy the FlowID from the verticle ellipses dropdown menu too.

    ...

    2. Open Experience Designer by navigating to your side menu > Develop > Experience Designer.

    ...

    3. Click on the (plus) icon in the tabs menu. We will add a new tab and name it “Flow Manager”Flow Manager.

    ...

     a. Double click on the flow to rename it and click on Done.

    ...

    4. Click on the hamburger icon > Import > Built-in > Orbita Flows-(BETA) > FlowManager

    ...

    6. Double click on the Function node named “Set Flow Id.

    7. Locate msg.payload.flowId = '' and paste the FlowID you copied within the single quotes and click Done.

    ...

    To create a Dialogflow account and publish the interaction model to Google Dialogflow, make sure you complete the steps in this document:How to Publish the interaction model to Dialogflow?.

    After successfully deploying the interaction model to the Dialogflow Agent,

    1. Go to the Experience Designer > Launch tab > Launch node > EndpointEndpoint.
      Click on the icon at the end to copy the endpoint address.

    2. This URL is used as a webhook URL for Alexa and Dialogflow.
      For Dialogflow, go to https://dialogflow.cloud.google.com/ and select Fulfillment from the side menu. Enable Webhook and use this URL to link the Dialogflow agent with the Orbita project.

    3. You have successfully connected the project with your Dialogflow agent.

    ...

    B. Using the “Bot Manager” Flow Tab

    A Bot Managerflow tab is available in every new project you create and allows you to have an endpoint for your chatbot.

    • Navigate back to your Orbita project and open your Experience Designer.

    • Go to your Bot Manager’Manager” tab open the ‘Http in’node named GET“GET“ that is connected to the ‘Bot View Template’ node and click on the Open/Copy URLbutton. This will open up your chatbot in a new window.

    • Your new chatbot will launch with the default phrase “Hello, Welcome to your first Project.”

    ...

    • This is because by new project defaults, our ‘Launch’ node right now is connected to the ‘Say’ node in our Launch’ Launch” tab within Experience Designer.

    ...

    Info

    Learn about the different Experience Designer nodes here: 3.1.5 Default Nodes in Experience Designer.

    • To invoke your new Flow studio Studio conversation, you can type in the utterances “flow” or “flow studio” in the chatbot.

    ...

    • If you want to directly launch your own Flow studio conversation, add a ‘Launch’ node to the Flow manager’manager” tab and connect it to the ‘Set Flow Id’ node, as shown below.

    ...

    • Delete the ‘Launch’ node from the Launchtab and hit Deploy.

    • Now when you refresh the chatbot URL, your first message from your Flow studio Studio conversation should launch directly.

    ...

    You have successfully created your first chatbot!

    Video Content

    https://cdn.orbita.cloud/assets/orbita/general/createfirstchatbot.mp4