Skip to main content Skip to complementary content

Single integration

You can integrate single Qlik Sense visualizations, sheets or snapshots into an iframe. You use the Single Integration API to define how the object should be integrated into your web site.

There are two ways you can integrate a Qlik Sense object into your website:

The Single configurator is a Qlik Sense tool that provides an easy way of creating simple mashup pages without having to write any code at all. It returns a Qlik Sense object, which is identified in an URL. The Qlik Sense object is typically a visualization from an app, for example a Line chart.

Information noteThe Single configurator creates a URL that returns a complete HTML page that contains something generic, of which an embedded visualization is an example. This URL can be embedded in a web page by including it in an iframe, for example .

Single integration examples

Information noteThe live code examples point to the Qlik Sense demo server and are opened in a new browser window. In case of changed app id's or object id's on the demo server, the code examples will stop working.

This section exemplifies the simplest solution of integrating sheets, visualizations and snapshots from a Qlik Sense app into iframes.

Integrating a sheet into an iframe

This example shows how to call the Performance sheet, with object id kHgmg, from the Helpdesk Management app.

Example:  

<iframe src="https://sense-demo.qlik.com/single/?appid=133dab5d-8f56-4d40-b3e0-a6b401391bde&sheet=kHgmg" frameborder="0"></iframe>

See this example in a Qlik Sense app: Integrating a sheet into an iframe

Integrating a visualization into an iframe

This example shows how to call the Open Cases by Age pie chart, with object id PAppmU, from the Helpdesk Management app located on the Qlik Demo Server.

Example:  

<iframe src="https://sense-demo.qlik.com/single/?appid=133dab5d-8f56-4d40-b3e0-a6b401391bde&obj=PAppmU" frameborder="0"/>

See this example in a Qlik Sense app: Integrating a visualization into an iframe

Defining single preselected value

This example shows how to call the Open & Resolved Cases Over Time line chart, with object id hRZaKk, from the Helpdesk Management app with the preselected Year: 2012.

Example:  

<iframe src="https://sense-demo.qlik.com/single/?appid=133dab5d-8f56-4d40-b3e0-a6b401391bde&obj=hRZaKk&select=Year,2012" frameborder="0"></iframe>

See this example in a Qlik Sense app: Defining single preselected value

Defining multiple preselected values

This example shows how to call the Open Cases vs Duration scatter chart, with object id 298bbd6d-f23d-4469-94a2-df243d680e0c, from the Helpdesk Management app with the preselected Year: 2012 and Priority: High and Medium.

Example:  

<iframe src="https://sense-demo.qlik.com/single/?appid=133dab5d-8f56-4d40-b3e0-a6b401391bde&obj=298bbd6d-f23d-4469-94a2-df243d680e0c&select=Priority,High,Medium&select=Year,2012" frameborder="0">

See this example in a Qlik Sense app: Defining multiple preselected values

Defining preselected values and bookmarks

This example shows how to call the Open Cases vs Duration scatter chart, with object id 298bbd6d-f23d-4469-94a2-df243d680e0c, from the Helpdesk Management app with the preselected Year: 2012 and Priority: High and Medium. It also includes a pre-defined bookmark, with object id hMULCFz.

Example:  

<iframe src="https://sense-demo.qlik.com/single/?appid=133dab5d-8f56-4d40-b3e0-a6b401391bde&obj=298bbd6d-f23d-4469-94a2-df243d680e0c&bookmark=hMULCFz&select=Priority,High,Medium&select=Year,2012" frameborder="0"></iframe>

See this example in a Qlik Sense app: Defining preselected values and bookmarks

Did this page help you?

If you find any issues with this page or its content – a typo, a missing step, or a technical error – let us know how we can improve!