Is there a way to define URL for the options of component type `single-select` in canvas-kit?

Question

Let's say I have rendered a `single-select` component in the messenger which contains 10 options. Now, when the user selects one of the options in the `single-select` component I want to open a survey URL using the Intercom action component type `sheet` inside the messenger, which contains an NPS question and its options.  Once the URL is opened in Iframe, I want to highlight the choice which the user has selected. Basically, when the user selects one of the options in the `single-select` component, I want to get the id of the selected choice and pass it dynamically in the URL to highlight that choice.

Eric Fitz · Accepted Answer

Me again @rohit s​!When your end-user selects something on the single-select list, Intercom returns a response with the key/value pair relating to that element, from which you can create a sheet (iFrame) with a reference to the value that was selected in the URL that you are displaying to the end-user e.g.http://example.com?selected=optionA/p>In the example URL above, you could have a script that runs and checks for the variable "selected". If it's in the URL, then grab the value "optionA". Match "optionA" with the text that you want to highlight on their page and hey presto, you've highlighted whatever it is that was selected on the first screen of the app!This should work in theory, but your team will need to look a bit more into the practical application of this.

Eric Fitz · Answer

Hey @rohit s​, let me check this with our engineers for you. I'll come back to you as soon as I have an update!

Join the Intercom Community 🎉

Intercom Customers and Employees

Login to the community

Intercom Customers and Employees

Scanning file for viruses.

This file cannot be downloaded