CreativeMilk supports this item


This author's response time can be up to 5 business days.

154 comments found.

I use “highlight” and “highlightElements” in several steps and noticed the page go from dark to light and back to dark as I navigate between the steps. It’s a weird transition and would be much cleaner if it stayed dark while going to steps. Is this possible? If not, please update the code to recognize it. Thanks.

Yes this is wierd therefor we addd the option called ‘keepHighligted’ to one of our previous updates, this will keep the overlay visible.

Hint! If you don’t want highlight option to be enabled, because you want your website to be clickable during tour, but you still want effect of highlighting there is simple CSS workaround for that. Add shadow to .powertour-step class in CSS (eg. box-shadow: 0 45px 60px -30px rgba(0, 0, 0, 0.85), 0 0 0 1600px rgba(0, 0, 0, 0.3);). Side effect is that in animations like flip you will notice that shadow is also flipped. I just used other effects.

Edit: This works in screen mode only because steps elements are added to document body in this case. (There is also simple code modification to allow this effect in any case.)

Hello CreativeMilk,

why does my powertour-activestep uses the style of it’s hook? In my case the hook style does transform: rotate(90deg); so the powertour does it too. what could be the reason?

Can you send us thru our contact page a link to your demo/site?

How can I call “destroy” method when the tour is ended? I tried to use this way:

$.powerTour({ tours : [ { onEndTour : function(ui){ $.powerTour('destroy'); }, }]}); ...but it fails because of “Uncaught RangeError: Maximum call stack size exceeded”.

My goal is to remove all generated code from the page (because there is a lot of invalid html code generated by plugin which causes rendering problems).

We have mentioned in the documentation that you should wrap the inner of a table cell as tables don’t understand the position property. Elements like buttons that have an click event should be wrapped with a div and hook the step to this element.

When will be a update available?

We are uploading it today.

This is a professional level plugin. The options and the documentation are very clean and simple to use. The author provides tons of examples which is very convenient when you don’t want to read the whole doc though. Good job :)

Thank you :-)


mb111 Purchased

Hi, Thank you for the great script! 5 stars One question I couldn’t find an answer: How can I have several triggers on one page for the same PowerTour triggering different steps? I tried many options including using .TriggerClass instead of #TriggerID, tried passing attributes like this data-powertour-startwith=”2” data-powertour-trigger=”2, nothing works.

<a href="#" class="TriggerClass" data-powertour-startwith="2" data-powertour-trigger="2">Start</a>
I have a form with ‘Help’ next to each field. It would be very nice to use PowerTour instead of popups. When i use url ”?startwith=2” it works but you have such an advanced API, I believe there should be an option to use several triggers for same tour. Thank you

Hello, thank you.

Well this should work but if you are using just 1 tour this is not going to work, because data-powertour-trigger=”2” is trying to call the second tour, so change this to 1.

Using multiple trigger isn’t mentioned in the docs but it is going to be in the next update(inc a example)


mb111 Purchased

Thank you, I ended up using Method in powertour-example.js added

$.powerTour('run', [1, 2]);
Thanks again! Keep up with good work.

Does this Script work on Mobile devices , is it responsive ?

Yes and no, the plugin it self is NOT responsive but responsive views can be set with CSS . All steps have unique id’s therefor you can set a responsive view with CSS . We have included an responsive setup example in the pack. More questions please let us know.

Thank you !

Hello I have sent you a support request via the email contact form. Could you please review and respond. Thanks

We have send you an email back :-)

Hmm.. odd, I havent received it. What is your support email – I will send a message there directly

We have resend the email please check your spam folder if you dont see it.

when i add a step and hook to an element, the step has the css of the element..also you cannot close the step/tour when you click outside the step

do you have a fix?

i use a table and the step is hooked on a td (this td has layout options) the step is messed up and cannot be closed by clicking outside

Well with out an example I cant really help you with the table issue ;-) (see the tables example on how to use the tour with tables)

No you can’t add steps at a later point as the plugin builds the tour once it’s called. This sometimes can be fixed by using hidden elements in combination with AJAX and the position API.

But this feature is planned for the 4th version of the plugin.

ok then i have to wait for the 4th version..when will it be released?

We dont have a release date yet, so I cant say when it’s gona be released, I do hope soon.

when for WP ??

Really nice plugin. Are you still planning on updating it in the near future?

As we are preparing a small update we will take a look at this issue :-)

Thanks. Any idea when this will be?

We have submitted the new update but not sure when it will be live, I hope soon. Ps, we could not reproduce the issue in IE11 so we could not find a solution for that.

let us know once wordpress version is out


maex78 Purchased

Hi is there a function to save last “state” of returning user with cookies ?

If you mean that when a user stops at step number 3 and comes back to open the tour it starts at step number 3 then yes this is possible. Save the users last step index(id/number) and use this when a user returns in the startWith option(can be used/called in several ways, see docs and examples for more).

This looks complicated but it’s pretty simple actually.

Would this work on an iOS or Android app?

Yes it should work.If not please contact us.

Any chance I can get you guys to install it?

Sorry but we have no knowledge of apps so we cant help you with this request.