1. Go to Setup > Self Service > Guided Conversations > GC Widgets.
2. Click Create GC Widget.
3. In Add GC Widgets page, enter Widget Name and Description.
4. In Associated Flows, select the flows from the drop-down list.
5. In Widgets Access Permission, select Display to all users or Agents only or both.
6. If you select Agents, choose All agents or Specific agents and select the agents from the drop-down list.
7. Under Automated Messages, enter the Welcome Message, Flow Selection Message, and Error Message.
Messages will be auto-populated; you can edit them to your preference. You can also type a custom error message.
8. For End options, you can select Create New Session, End Session, or Restart Session .
You can use the text editor to insert images, videos, or format the messages.
9. Click Save.
Associating Flows with ASAP add-on
Once the flows are created, you can host them on your website by associating them with ASAP add-on or the GC widgets. You can associate the flows with both the platforms, or either one depending on your business agenda.
For example, if you want the customers to experience dual benefit of live chat where the chat can take place with a support agent along with the GC chat flow, then you can associate the flow with ASAP add-on.
See also Embedding ASAP add-on
Likewise, if you want to provide your customers a complete self-service platform then you can use the GC widget to host the flow on your website.
To facilitate live chat you must enable it via SalesIQ in ASAP.
Steps to associate flows with ASAP
1. Go to Setup > Self Service > ASAP.
2. Click the name of the add-on in which you want to include conversation flows.
3. Under the Tab Selection, hover over the Chat tab.
4. Click the Settings icon corresponding to the Chat tab.
5. Under the Chatbot Settings section, enable the Guided Conversations toggle button.
6. Click the Associate Guided Conversations Widget link.
7. Click the Select link to view the list of available conversation flows.
8. Select the GC flows that you want to associate with the add-on and click Add.
9. Click Save/Update.
The conversation flows you selected are now associated with the ASAP add-on.
Once the flows are associated with a widget, the administrator can share it with the customers or agents using the following options:
Embed
Embed the code snippet on the webpage . You can embed different widgets in different webpages. Widgets can be customized within the web-app design which includes the placement of the widget, the widget shape and the way the bubbles appear within the widget. This will allow you to view the GC flows within a chat widget in your help center. Also, it allows GC flows to be invoked as a chat widget from any HTML page
iFrame
Use iFrame to display the chat widget right within a blog post or article . It also facilitates to open the chat widget in the rich text editor. For example, in any help center, GC flows can be invoked from the following areas — Ticket Reply editor, Add form Editor, Comment Box, KB Editor etc.
QR code
Share the QR code in social channels such as Whatsapp, Instagram, Telegram for customers to access the GC flow as a chat widget in a separate web page with a public URL.
Public URL
Share the public URL for anyone to access the chat widget. Similar to the QR code, when URL is invoked by the user, GC chat widget gets loaded in a separate web page with a public URL.
Mobile SDK
Use Mobile SDK , to provide access to the GC chat from your mobile application. It loads the entire flow within the third-party app.
1. Go to the GC Widgets list view and hover on the desired widget.
2. Click the Share icon and select an option to share the flow with customers.
3. You can select, Embed, iFrame, QR Code, Public URL or Mobile SDK.
If you select Embed, iFrame or Public URL, click Copy to copy the code.
If you select QR code , click Download or Print.
Once the widget is created, you can access it from the GC widgets list view where you can perform the following actions:
- View the widget access permission (agents or customers)
- Share the widget with customers by embedding the code in webpage, using iFrame, via QR code, public URL, and Mobile SDK.
- Edit the details in the widget.
- Preview the widget and download or print the conversation script. You can click the refresh icon to restart the conversation.
1. Go to Setup > Self Service > Guided Conversations > GC Widgets.
2. Hover on the desired widget.
3. Click Share, Preview, Edit or Delete icons.
4. Toggle the switch to disable a widget.
Points to note when creating a GC bot widget:
- Note that the option to embed the chat widget will NOT be available if the widget permission is set as agents only.
- Invoking the GC flow via the QR code from mobile phone currently would render mobile optimized GC chat widget and not the mobile app.
- Agent widget cannot be customized.
- Guided conversations don't retain chat conversations for the end users. The existing conversation will be deleted right away when a new session is created. However, for sessions that are ended or restarted, the conversation history will be deleted within 24 hours of session completion.
- During an active session, if the widget is edited, it will continue to render as it is. However, once the user re-publishes with the new edits, those changes will only be reflected when the user restarts the conversation.
- If the widget is deleted during an active session, it will disappear from where the bot is embedded.
Even if one flow, associated with a widget is deleted during an active session, the widget will also be deleted.