Call Now Button: Set Order

From version 0.3.4 it’s possible to change the stack order of the Call Now Button. By default the button sits all the way forward, on top of everything else. That way the button is always visible and easily accessible at all times.

But there are situations where you would like the button to sit behind another element. For example when your website shows a Cookie Notice at the bottom of your website as well. That should be readable by all your visitors and cannot be partly hidden behind the Call Now Button.

Another example are Chat windows. If your website has a chat functionality, you don’t want the button to be in front of the field where your visitors enter their text. So when people open the Chat window, the button should sit nicely behind it.

How to move the button backwards in the stack order?

In the Call Now Button Advanced settings you’ll find a slider to adjust the order. By default the slider sits all the way forward, to the right. By moving this to the left, the button moves backwards.

Step-by-step

You should only move the slider back one step at a time and see if that does the trick for you. The reason for this is that you want the button to sit as much to the front as possible and that a new plugin or something else on your website doesn’t end up on top of the button as well. You want the button to only sit behind the elements that you want to have in front of it.

Why so many steps?

What the setting does is it changes the value of the Z-index. The z-index is a CSS attribute that let’s you control the order of page elements. The z-index can be a huge number so to give control while keeping it simple I decided to make it a 10 step process, each dividing the previous value by 10.

Your feedback

I am very interested to hear what you think about this feature and if it works for you. Also if you have any ideas to improve it. Thanks in advance for your help!

We love to learn how people use the call now button and how we can make it even better. Is it ok if we send you a product survey from time to time? YesNo

Your details will never be shared externally!