Qlik Community

Qlik Design Blog

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

Employee
Employee

There are a lot of people that use Wordpress as their company's portal. If you are one of these people then, you may find this plugin very useful. You can create a mashup from within wordpress, using the Capabilities API, without writing a single line of code. Just add the settings with the host and the App ID, then the shortcode for the objects that you want and you are done.

Here, I will show you how to do that.

  1. First go to your wp admin panel, under "Plugins" click on "Add New" and then search for "Qlik"
    install.png
  2. Click on "Install Now" and then on "Activate"
  3. This will create a "Qlik Sense" settings page, just open that
  4. Settings.png
  5. Here you need to define your host, the Virtual Proxy (prefix) and the App Id, as you would in a regular mashup. If you are planning on using a second app, then add the second app id in "App2 ID".
  6. Save changes.
  7. Then add the shortcode into your posts "[qlik-sense-object id="page1-obj2" qvid="nvqpV" height="400" app2="true"]"

- id: is the unique div id. This is needed especially when you want to display the same object in 2 different instances

- qvid: Is the object id as found in the "dev-hub/single-configurator"
- height: The height of the visualization in pixels
- nointeraction: Add this if you want to disable interactions. If you want the objects to have interaction, you can just omit this.

- app2: Add this if your object is coming from the second app that you have specified in the settings

EditPost.png

  • I have added few objects with a specific height in a bootstrap template for better layout. Now, lets preview the page
    Helloworld.pngHelloworld2.png

Make sure you whitelist your url in the virtual proxy.

If you use it and like it, please give it a 5 star in Wordpress.

This is it!

Yianni

In Portuguese: Qlik Sense Plugin para Wordpressby cleveranjos. Thank you Clever!

GitHub - yianni-ververis/qlik-sense-wordpress-plugin: A Wordpress plugin to create a Qlik Sense Mash...

Qlik Branch

52 Comments
Luminary
Luminary

Wow - that's a really neat idea.
Making the integration in a plug-in significantly lowers the barrier of doing this - nice!!

0 Likes
3,075 Views
Contributor III
Contributor III

Hi there

This sounds like a great plugin and I can't wait to get it to work. I've checked and rechecked all the settings and I'm 99% sure I have them right. Still nothing. I can embed an <iframe> in a WordPress page but not this. Just wondering if it a version issue. We have not upgraded our server for a while.

Also, would this work with QlikSense Cloud (FREE or Business)?

2017-11-11_170740.jpg

0 Likes
3,075 Views
Employee
Employee

jvs‌, may I translate this post and publish it?

0 Likes
3,075 Views
Employee
Employee

Yes. Please make sure that you link to the original and add the github / branch accounts

3,075 Views
Employee
Employee

neil.gabin

make sure you have your host correct and just the host. like mydomain.com, not https://mydomain.com/single

also make sure you have your Virtual Proxy right, either "/" or if you named it "/my_virtual_proxy/"

If you are still not able to make it work, send me a screenshot of the console errors (F12)

0 Likes
3,075 Views
Contributor III
Contributor III

Thanks for following me Yianni. Appreciate it.

Yes I did have the http:// in the Host Name but i have now removed it.

See errors below. Both are from the same laptop and same WordPress post. The first is from Chrome using my personal Google Account and the second is from my Corporate Google account on which we use Okta.

PERSONAL ACCOUNT

2017-11-12_170016.jpg

CORPORATE ACCOUNT

2017-11-12_165937.jpg

Thanks again for your help.

YIC Neil

0 Likes
3,075 Views