Skip to main content
Announcements
Have questions about Qlik Connect? Join us live on April 10th, at 11 AM ET: SIGN UP NOW
Yianni_Ververis
Employee
Employee

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

admin.PNG

 

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-shortcode.png
 
iFrame sheet preview
iframe-sheet-preview.png
 
 
Mashup shortcodes
mashup-shortcodes.png
 
 
Mashup Helpdesk sheet 1 and 2 with nebula.js and object IDs
mashup-helpdesk-sheet1.png
 
Sheet 2
mashup-helpdesk-sheet2.png
 
That's it!
/Yianni
7 Comments