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 schedule an appointment, so below that option drag over the Appointment Scheduler card.
-
In the column on the right, click Save.
-
Since that鈥檚 a goal, drag the Goal card below the Appointment Scheduler.
-
Name your goal (or choose an existing one) and click Save.
-
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 Type drop-down and select Email.
-
Enter a chatbot message and placeholder. Make sure the attribute is mapped to the appropriate field in Marketo Engage and click Save.
table 0-row-2 1-row-2 2-row-2 3-row-2 html-authored no-header Type The type of info you want to capture: Phone, Text, Email. Chatbot Message The message the visitor sees prompting them to provide the info. Placeholder Sample text helping the visitor see what to enter. Map Response to Attribute Allows you to sync the vistor's response to the corresponding field in their Person record in your Marketo Engage subscription. -
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.
-
Select the Preview toggle to preview your Dialogue.
-
When you鈥檙e ready to activate your Dialogue, click Publish.
