Creating a new Path
Conversations can usually follow multiple Paths. Botsociety gives you the ability to model this natural behavior by designing different conversational Paths.
At the beginning, the conversation will have one single Path of messages. You can however branch the conversation into a new Path at any point.
To create a new Path, click on the button inside the Quick Access Buttons view from any message in the conversation.
You will then have the ability to replace the original message with a different one, which will show up in a separate Path.
Try to add a new message, this is what you should see at this point:
You just created a different Path!
Additionally, when designing in Full Height, you can create a new Path by clicking on the large “New Path” button on the right:
Switching between Paths
So you’ve created different Paths, and you now want to navigate between them.
Hover your mouse over any message to show the Quick Access Buttons. If a message is the starting point of a Path, you will see navigation arrows like these ones:
The number at the top of the arrow represents the number of Paths you can navigate to on the left or right side of the canvas.
If you are designing in Full Height mode, you have an even quicker way to navigate between Paths.
Paths will in fact appear at the side of the screen as additional canvas branches. You can click on any side branch to quickly switch to that Path.
Alternatively, you can switch between Paths from the Flowchart.
In some chat platform, you can also add messages with buttons. When you do so, Botsociety will create a path for each button, plus an additional path that represents what happens if the user does not touch any button and just types another message. All you have to do to create those paths is add a Message with buttons. For example, in Facebook Messenger, you can add a Quick Reply message, a Buttons message, or a Carousel message.
By default, when you add a message with buttons, you will keep designing the first path in the list - which by default is the first button in your message. If you want to switch between button paths, just click on the button you would like to switch to. If you would like to visualize the path that represents what the user would do if no button is touched, click on the selected button to unselect it.
Sometimes, a secondary Path should lead the user back into a primary Path. We call this process Linking.
To link a Path back to another Path, you need to link the last message of a Path.
Click on the button at the bottom of the Path.
A Flowchart view of the conversation will open.
Select the message you want to link the Path to. You can search between messages from the top right search bar, which you can quickly access by using the CTRL+F shortcut.
Once you click on the message you want to link to, you will see a screen similar to this:
You have linked two Paths, amazing!
In case you want to un-link the Path (these things happenunlink-button.png) at the bottom of the Path.
Alternatively, you can link paths by clicking on the button inside the Quick Access view.
Cloning a Path
Whenever you are designing an interaction with multiple buttons (e.g. a carousel), every button will naturally lead to a different Path.
Botsociety helps you speed up the process of designing these interactions by allowing you to copy Paths branching out from a button.
Let's see an example. In this case we have a carousel with two buttons. The first button has attached a message "Path to copy".
The second button does not currently lead to any content, we have therefore an empty Path.
By clicking on the button, we are shown a new window where we can select which Path we want to clone from.
In this case, we select the first Path Button 1. And voila!, the Path has been cloned successfully: