Qlik Community

Qlik Design Blog

All about product and Qlik solutions: scripting, data modeling, visual design, extensions, best practices, etc.

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
4 Comments
Yianni_Ververis
Employee
Employee

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!

511 Views
Carl_Hunter
Partner
Partner

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

444 Views
Yianni_Ververis
Employee
Employee
441 Views
NickRondeel
Partner
Partner

@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... 

 

165 Views