Skip to main content Skip to complementary content
Qlik Resources

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 .

API reference: Single Integration API

Dev Hub: Single configurator

Single integration examples

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>

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"/>

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>

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">

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>

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!

Leave your feedback here