<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>topic Embedding a Qlik Answers Assistant with qlik-embed (working example) in Qlik Answers</title>
    <link>https://community.qlik.com/t5/Qlik-Answers/Embedding-a-Qlik-Answers-Assistant-with-qlik-embed-working/m-p/2510907#M222</link>
    <description>&lt;P&gt;This is a simple working example for embedding a Qlik Answers Assistant in a webpage.&amp;nbsp;For a more comprehensive article on embedding Qlik Answers you can refer to:&amp;nbsp;&lt;A href="https://community.qlik.com/t5/Design/DIY-your-Qlik-Answers-Experience-with-the-new-KB-and-Assistants/ba-p/2506001" target="_blank" rel="noopener"&gt;https://community.qlik.com/t5/Design/DIY-your-Qlik-Answers-Experience-with-the-new-KB-and-Assistants/ba-p/2506001&lt;/A&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;The required assets are available in the attached zip file. Key steps to get this example working for yourself are:&lt;/P&gt;
&lt;OL&gt;
&lt;LI&gt;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&amp;nbsp;&lt;A id="menur4f9" class="fui-Link ___1q1shib f2hkw1w f3rmtva f1ewtqcl fyind8e f1k6fduh f1w7gpdv fk6fouc fjoy568 figsok6 f1s184ao f1mk8lai fnbmjn9 f1o700av f13mvf36 f1cmlufx f9n3di6 f1ids18y f1tx3yz7 f1deo86v f1eh06m1 f1iescvh fhgqx19 f1olyrje f1p93eir f1nev41a f1h8hb77 f1lqvz6u f10aw75t fsle3fq f17ae5zn" title="https://qlik.dev/authenticate/oauth/create/create-oauth-client-spa/" href="https://qlik.dev/authenticate/oauth/create/create-oauth-client-spa/" target="_blank" rel="noopener noreferrer" aria-label="Link https://qlik.dev/authenticate/oauth/create/create-oauth-client-spa/)"&gt;https://qlik.dev/authenticate/oauth/create/create-oauth-client-spa/&lt;/A&gt;&lt;/LI&gt;
&lt;LI&gt;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 &lt;A id="menur4fc" class="fui-Link ___1q1shib f2hkw1w f3rmtva f1ewtqcl fyind8e f1k6fduh f1w7gpdv fk6fouc fjoy568 figsok6 f1s184ao f1mk8lai fnbmjn9 f1o700av f13mvf36 f1cmlufx f9n3di6 f1ids18y f1tx3yz7 f1deo86v f1eh06m1 f1iescvh fhgqx19 f1olyrje f1p93eir f1nev41a f1h8hb77 f1lqvz6u f10aw75t fsle3fq f17ae5zn" title="https://qlik.dev/embed/qlik-embed/authenticate/connect-qlik-embed/#oauth2-single-page-application-spa" href="https://qlik.dev/embed/qlik-embed/authenticate/connect-qlik-embed/#oauth2-single-page-application-spa" target="_blank" rel="noopener noreferrer" aria-label="Link https://qlik.dev/embed/qlik-embed/authenticate/connect-qlik-embed/#oauth2-single-page-application-spa)"&gt;https://qlik.dev/embed/qlik-embed/authenticate/connect-qlik-embed/#oauth2-single-page-application-spa&lt;/A&gt;&lt;/LI&gt;
&lt;LI&gt;In qlik-embed-demo.html: Update the embedded-object div in the HTML body with your Assistant ID.&lt;/LI&gt;
&lt;LI&gt;In oauth-callback.html: Update the script with your Qlik Cloud tenant URL.&lt;/LI&gt;
&lt;LI&gt;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.&lt;/LI&gt;
&lt;/OL&gt;
&lt;P&gt;Navigate to the webpage using a browser: &lt;A href="http://localhost:8000/qlik-embed-demo.html" target="_blank" rel="noopener"&gt;http://localhost:8000/qlik-embed-demo.html&lt;/A&gt;&lt;/P&gt;
&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="Nabeel_Asif_0-1742517407945.png" style="width: 400px;"&gt;&lt;img src="https://community.qlik.com/t5/image/serverpage/image-id/178830i1A2D3B5CE0B39251/image-size/medium?v=v2&amp;amp;px=400" role="button" title="Nabeel_Asif_0-1742517407945.png" alt="Nabeel_Asif_0-1742517407945.png" /&gt;&lt;/span&gt;&lt;/P&gt;
&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="Nabeel_Asif_1-1742517547840.png" style="width: 400px;"&gt;&lt;img src="https://community.qlik.com/t5/image/serverpage/image-id/178831iAA2FB6BD5C83385C/image-size/medium?v=v2&amp;amp;px=400" role="button" title="Nabeel_Asif_1-1742517547840.png" alt="Nabeel_Asif_1-1742517547840.png" /&gt;&lt;/span&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="Nabeel_Asif_2-1742517658299.png" style="width: 400px;"&gt;&lt;img src="https://community.qlik.com/t5/image/serverpage/image-id/178832i0D752CB338B7B779/image-size/medium?v=v2&amp;amp;px=400" role="button" title="Nabeel_Asif_2-1742517658299.png" alt="Nabeel_Asif_2-1742517658299.png" /&gt;&lt;/span&gt;&lt;/P&gt;
&lt;P&gt;&lt;LI-WRAPPER&gt;&lt;/LI-WRAPPER&gt;&lt;/P&gt;</description>
    <pubDate>Fri, 21 Mar 2025 01:16:09 GMT</pubDate>
    <dc:creator>Nabeel_Asif</dc:creator>
    <dc:date>2025-03-21T01:16:09Z</dc:date>
    <item>
      <title>Embedding a Qlik Answers Assistant with qlik-embed (working example)</title>
      <link>https://community.qlik.com/t5/Qlik-Answers/Embedding-a-Qlik-Answers-Assistant-with-qlik-embed-working/m-p/2510907#M222</link>
      <description>&lt;P&gt;This is a simple working example for embedding a Qlik Answers Assistant in a webpage.&amp;nbsp;For a more comprehensive article on embedding Qlik Answers you can refer to:&amp;nbsp;&lt;A href="https://community.qlik.com/t5/Design/DIY-your-Qlik-Answers-Experience-with-the-new-KB-and-Assistants/ba-p/2506001" target="_blank" rel="noopener"&gt;https://community.qlik.com/t5/Design/DIY-your-Qlik-Answers-Experience-with-the-new-KB-and-Assistants/ba-p/2506001&lt;/A&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;The required assets are available in the attached zip file. Key steps to get this example working for yourself are:&lt;/P&gt;
&lt;OL&gt;
&lt;LI&gt;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&amp;nbsp;&lt;A id="menur4f9" class="fui-Link ___1q1shib f2hkw1w f3rmtva f1ewtqcl fyind8e f1k6fduh f1w7gpdv fk6fouc fjoy568 figsok6 f1s184ao f1mk8lai fnbmjn9 f1o700av f13mvf36 f1cmlufx f9n3di6 f1ids18y f1tx3yz7 f1deo86v f1eh06m1 f1iescvh fhgqx19 f1olyrje f1p93eir f1nev41a f1h8hb77 f1lqvz6u f10aw75t fsle3fq f17ae5zn" title="https://qlik.dev/authenticate/oauth/create/create-oauth-client-spa/" href="https://qlik.dev/authenticate/oauth/create/create-oauth-client-spa/" target="_blank" rel="noopener noreferrer" aria-label="Link https://qlik.dev/authenticate/oauth/create/create-oauth-client-spa/)"&gt;https://qlik.dev/authenticate/oauth/create/create-oauth-client-spa/&lt;/A&gt;&lt;/LI&gt;
&lt;LI&gt;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 &lt;A id="menur4fc" class="fui-Link ___1q1shib f2hkw1w f3rmtva f1ewtqcl fyind8e f1k6fduh f1w7gpdv fk6fouc fjoy568 figsok6 f1s184ao f1mk8lai fnbmjn9 f1o700av f13mvf36 f1cmlufx f9n3di6 f1ids18y f1tx3yz7 f1deo86v f1eh06m1 f1iescvh fhgqx19 f1olyrje f1p93eir f1nev41a f1h8hb77 f1lqvz6u f10aw75t fsle3fq f17ae5zn" title="https://qlik.dev/embed/qlik-embed/authenticate/connect-qlik-embed/#oauth2-single-page-application-spa" href="https://qlik.dev/embed/qlik-embed/authenticate/connect-qlik-embed/#oauth2-single-page-application-spa" target="_blank" rel="noopener noreferrer" aria-label="Link https://qlik.dev/embed/qlik-embed/authenticate/connect-qlik-embed/#oauth2-single-page-application-spa)"&gt;https://qlik.dev/embed/qlik-embed/authenticate/connect-qlik-embed/#oauth2-single-page-application-spa&lt;/A&gt;&lt;/LI&gt;
&lt;LI&gt;In qlik-embed-demo.html: Update the embedded-object div in the HTML body with your Assistant ID.&lt;/LI&gt;
&lt;LI&gt;In oauth-callback.html: Update the script with your Qlik Cloud tenant URL.&lt;/LI&gt;
&lt;LI&gt;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.&lt;/LI&gt;
&lt;/OL&gt;
&lt;P&gt;Navigate to the webpage using a browser: &lt;A href="http://localhost:8000/qlik-embed-demo.html" target="_blank" rel="noopener"&gt;http://localhost:8000/qlik-embed-demo.html&lt;/A&gt;&lt;/P&gt;
&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="Nabeel_Asif_0-1742517407945.png" style="width: 400px;"&gt;&lt;img src="https://community.qlik.com/t5/image/serverpage/image-id/178830i1A2D3B5CE0B39251/image-size/medium?v=v2&amp;amp;px=400" role="button" title="Nabeel_Asif_0-1742517407945.png" alt="Nabeel_Asif_0-1742517407945.png" /&gt;&lt;/span&gt;&lt;/P&gt;
&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="Nabeel_Asif_1-1742517547840.png" style="width: 400px;"&gt;&lt;img src="https://community.qlik.com/t5/image/serverpage/image-id/178831iAA2FB6BD5C83385C/image-size/medium?v=v2&amp;amp;px=400" role="button" title="Nabeel_Asif_1-1742517547840.png" alt="Nabeel_Asif_1-1742517547840.png" /&gt;&lt;/span&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="Nabeel_Asif_2-1742517658299.png" style="width: 400px;"&gt;&lt;img src="https://community.qlik.com/t5/image/serverpage/image-id/178832i0D752CB338B7B779/image-size/medium?v=v2&amp;amp;px=400" role="button" title="Nabeel_Asif_2-1742517658299.png" alt="Nabeel_Asif_2-1742517658299.png" /&gt;&lt;/span&gt;&lt;/P&gt;
&lt;P&gt;&lt;LI-WRAPPER&gt;&lt;/LI-WRAPPER&gt;&lt;/P&gt;</description>
      <pubDate>Fri, 21 Mar 2025 01:16:09 GMT</pubDate>
      <guid>https://community.qlik.com/t5/Qlik-Answers/Embedding-a-Qlik-Answers-Assistant-with-qlik-embed-working/m-p/2510907#M222</guid>
      <dc:creator>Nabeel_Asif</dc:creator>
      <dc:date>2025-03-21T01:16:09Z</dc:date>
    </item>
  </channel>
</rss>

