Include URL links and buttons in chat responses
Igor Zuev
It would be great to have the ability to include URL links to the pages used for contextual information when generating a response so that users can read more about it on the website.
It would also be beneficial to have an option to include CTA buttons in responses that trigger actions via JavaScript or webhooks, such as booking an appointment (using the WP Amelia plugin or Calendly) or accessing other services in a pop-up window or as a link to the page / open in a new tab.
Tiny Talk
Hi Igor!
Thanks for the input!
Today you can already include URL links to the pages used for contextual information. Head over to the Chat Interface page of your bot and find "Display links to references", toggle it on.
Now replies from the chatbot will display links to top urls where the content was used to generate the response. Checkout the screenshots attached.
Including CTA buttons is an interesting idea, we like the booking an appointment example! We've recently release native Webhooks suport and Zapier integration. We're looking for feedback on this area as well. One problem to solve here is "when" those buttons or "actions" should be triggered? It should only be visible/proposed in the UI in the right context, and not all the time.
Here we plan to solve this by introducing the function calling API to trigger actions, such as calling a webhook under the hood by levering LLM' to decide when to call those actions. This could also trigger a special kind of message in the chat interface (just like the lead collection input) where users can perform certain actions manually, like watching something or seeing results for a query returned by a 3rd party API.
We'll add this request to our backlog, but please feel free to give more ideas or examples/use-cases this feature would solve for you.
Cheers!
Igor Zuev
Hi Tiny Talk. Thank you for your quick response. I've just tested it, and it looks great!
I would suggest polishing it a bit further. In particular, it would be better to present the links in their original URL format instead of the page title, as some pages may have long or difficult-to-read titles. For example:
Boston | Property Management Portfolio Build a House | Make your dreams come
You could add a setting to enable/disable link titles.
It would also be better to present them as a list rather than placing them horizontally, as this creates a horizontal scrollbar when there are multiple source pages, which doesn't look aesthetically pleasing.
Sources:
https://mydomain.com/boston-property-manage... [/]
https://mydomain.com/build-a-house-make-your... [/]
Please use my screenshot for reference as an example.
The visual appearance is one of the key benefits of your product - it has a very nice, simple, and visually attractive interface. I hope you continue to focus on design and usability while adding new features.
===
Regarding the buttons, you can expand your "Suggested Labels" feature, as your "Text Labels" already resemble buttons. You can have options to select such as "Suggestion Message," "URL Link," and "Label Actions".
In the URL Link, we can include our custom link with a checkbox for "Open in new tab (target="_blank")" or current page.
In the Label Action, we can add custom JavaScript code from Calendly or other booking services that would trigger a JavaScript action, pop-up or embed an iframe directly to the chat window. We can also initiate multiple actions, including JavaScript and webhooks.
You can collect statistics from these actions for an analytics feature that would be very useful for marketing specialists who want to understand user behavior and analyze how many visitors initiated actions, such as booking, and compare that to the number of bookings.
Some other services have a "Widget" feature, where they offer a mini-catalog of pre-integrated services that they place on the chat window as an iframe, as illustrated in my screenshot. It's one option to consider, but I believe it would be more flexible and universal to simply allow users to include their own JavaScript / iFrame code in the field under "Label Actions" to create their own "widgets".