Stream Designer stream-designer
There are many stream combinations possible. This article contains an example where the marketer asks the site visitor if they have any product questions. If yes, the visitor can schedule an appointment. If no, the visitor is given the option to join a mailing list for future correspondence. They鈥檙e also offered a free PDF. The ultimate goal is either scheduling an appointment or collecting the visitor鈥檚 email.
Stream Designer Cards stream-designer-cards
The Stream Designer contains multiple cards you can add to shape the chat conversation.
Stream Designer Icons stream-designer-icons
In the upper-right of the Stream Designer, you鈥檒l see a handful of icons. Here鈥檚 what they do.
Create a Stream create-a-stream
You can create streams for Dialogues or Conversational Forms. In this example, we鈥檒l create one for a Dialogue.
-
After you鈥檝e created your Dialogue, click the Stream Designer tab.
-
Drag and drop the Question card.
-
Under Chatbot Response, word your question how you鈥檇 like.
note tip TIP You can customize the experience for chat visitors! -
Click the 鈥渋nsert HTML鈥 icon
</>to insert your own HTML for the desired look and feel of the conversation. -
Use tokens for known chat visitors to personalize their experience (ex: Hello
{{lead.leadFirstName:""}}). Click the curly bracket icon{}and make your selection. Add a default value between the quotes if you want anonymous visitors to see something generic (ex: Hello{{lead.leadFirstName:"there"}}).
note note NOTE Poke is set to on by default, which displays the opening question next to the chat icon without the visitor having to click on it to see it. Poke is only available on the first card in the conversation. -
-
Enter your User Responses and click Save.
note note NOTE Edit Stored Values is an optional step for those who鈥檇 like to store a different value in the database than what鈥檚 being displayed to visitors in the chatbot for mapped attributes in the Question card (ex: visitor sees 鈥淪earch Engine Optimization,鈥 you store that value as 鈥淪EO.鈥). -
For 鈥淵es鈥 we want to book a meeting, so below that option, drag over the Meeting booking card.
-
Choose your routing option and click Save.
-
Since that鈥檚 a goal, drag the Goal card below the Meeting booking.
-
Name your goal (or choose an existing one) and click Save. Assigning a conversation score is optional.
-
For 鈥淣o鈥 we want to see if they鈥檒l join the mailing list, so below that option drag over another Question card.
-
Enter your response, and add response choices for the visitor. Click Save when done.
note note NOTE You can add more responses by clicking Add Response. -
Below the 鈥淵es鈥 response, drag over the Info Capture card so you can collect the visitor鈥檚 email.
-
Click the drop-down and select Email Address.
-
Enter a chatbot message and placeholder. If there鈥檚 already a value for this attribute in your database, choose whether you want to skip, or have this data overwrite it. Click Save when done.
-
Since collecting their email is a goal, drag the Goal card below Info Capture.
-
Name your goal (or choose an existing one) and click Save.
-
Remember to add a response if they say 鈥淣o.鈥 One option is to drag a Message card below and say 鈥渢hanks anyway.鈥 But in this example, we鈥檒l provide them with a free PDF document instead.
-
In this example we鈥檒l create a new document. Give it a name, enter the URL to the PDF you already have hosted, and click Save.
-
When you鈥檙e ready to activate your Dialogue, click Publish.
