Embedding a Qlik Answers Assistant with qlik-embed (working example)

[Nabeel_Asif]

This is a simple working example for embedding a Qlik Answers Assistant in a webpage. For a more comprehensive article on embedding Qlik Answers you can refer to: https://community.qlik.com/t5/Design/DIY-your-Qlik-Answers-Experience-with-the-new-KB-and-Assistants... 

The required assets are available in the attached zip file. Key steps to get this example working for yourself are:

1. On Qlik Cloud: Setup an OAuth single-page app client on the tenant. Ensure you add the redirect URL and allowed origins as shown in the screenshots below. More details are available at https://qlik.dev/authenticate/oauth/create/create-oauth-client-spa/
2. In qlik-embed-demo.html: Update the script in the HTML header to point to your Qlik Cloud tenant and OAuth client ID. More details are available at https://qlik.dev/embed/qlik-embed/authenticate/connect-qlik-embed/#oauth2-single-page-application-sp...
3. In qlik-embed-demo.html: Update the embedded-object div in the HTML body with your Assistant ID.
4. In oauth-callback.html: Update the script with your Qlik Cloud tenant URL.
5. Host the webpage locally, e.g. using Python with the command: python -m http.server 8000. Instructions on this are available in the attached zip file.

Navigate to the webpage using a browser: http://localhost:8000/qlik-embed-demo.html