Qlik Design Blog

[Yianni_Ververis]

Happy Friday everyone. If you have a Wordpress website and you want to incorporate visualizations from our Qlik Cloud, then you are at the right place. Below are the steps needed to install, configure and use the plugin by iframing an entire app sheet or creating a page with nebula.js and pulling just by ids.

Installation into WordPress

1. Login to your WordPress Admin Portal.
2. On the left navigation panel, select "Plugins".
3. Towards the top of the plugins list, click the "Add New" button.
4. In the search box towards the right-hand side, type "Qlik" and hit enter to search.
5. The Qlik Saas plugin is currently one of only two results returned. Click the "Install Now" button next to it.
6. WordPress will then download and install the plugin for you. Once complete, "Install Now" button will change to "Activate". Click the "Activate" button to complete the installation.

Configure Qlik Cloud

1. Create a public / private key pair for signing JWTs

https://qlik.dev/tutorials/create-signed-tokens-for-jwt-authorization#create-a-public--private-key-p...

1. Configure JWT identity provider

https://qlik.dev/tutorials/create-signed-tokens-for-jwt-authorization#configure-jwt-identity-provide...

1. Add the public key to the configuration

https://qlik.dev/tutorials/create-signed-tokens-for-jwt-authorization#add-the-public-key-to-the-conf...

1. Input Issuer & Key ID

https://qlik.dev/tutorials/create-signed-tokens-for-jwt-authorization#input-issuer-and-key-id-values

Configure plugin

1. Add Host of Qlik Saas as <tenant>.<region>.qlikcloud.com
2. Add your WebIntegrationID

https://qlik.dev/tutorials/implement-jwt-authorization#configure-a-web-integration-id

1. Add you AppID
2. Add your Private key from previous step “Create a public / private key pair for signing JWTs”

https://qlik.dev/tutorials/create-signed-tokens-for-jwt-authorization#create-a-public--private-key-p...

1. Add the Key ID created from previous step

https://qlik.dev/tutorials/create-signed-tokens-for-jwt-authorization#input-issuer-and-key-id-values

Using the plugin

• iFrame an entire sheet by adding the shortcode into your page

[qlik-saas-single-sheet id="1ff88551-9c4d-41e0-b790-37f4c11d3df8" height="400" width="500"]

• Add object by adding the object id or "selections" for the current selections toolbar, with a shortcode into your page    

[qlik_saas_object id="selections" height="50"]​

[qlik_saas_object id="CSxZqS" height="400"]​

iFrame sheet shortcode

iFrame sheet preview

Mashup shortcodes

Mashup Helpdesk sheet 1 and 2 with nebula.js and object IDs

Sheet 2

That's it!

/Yianni

[Yianni_Ververis]

I forgot to mention that if you are not logged in and you have configured the tenant with anonymous access, this will work with and without users being logged in!

[Carl_Hunter]

Interesting... How do you set anonymous access on the SaaS tenant @Yianni_Ververis ?

[Yianni_Ververis]

https://github.com/yianni-ververis/qlik-saas-wordpress-plugin

[NickRondeel]

@Carl_Hunter you can only do anonymous login with QSEoW. 

User needs to exist in QS SaaS. 
https://help.qlik.com/en-US/cloud-services/Subsystems/Hub/Content/Sense_Hub/Admin/SaaS-user-manageme...