How to automatically display an information block on the White Label website

The Travelpayouts White Label tool can display a block with any information, advertisement or image with a certain delay. This is an aggressive method, so use it carefully as to not cause a negative experience for your visitors.

Preparing for the addition of an extension

At first, add the jquery library connection code to make everything work correctly. Open your White Label settings and go to the Sections tab.

Then add the following code to the Site footer block:


Please note! The jquery library connection code is only added once. If you add other White Label extensions, you do not need to re-insert the code.


Adding an information block

Place the following code in the Site header section:

<div class="block-inform">
Some text

Add the following code to the Site footer section to start displaying the block:

window.onload = function() {
setTimeout(function() { $(".block-inform").show(500); }, 5000);

5000 in setTimeout function means the time in milliseconds after which a pop-up window will appear once the White Label is opened.

Style setting

To change the style of the pop-up window, add a <style></style> tag to the Site footer block and place the following code inside the tag:

 .block-inform {
position: fixed;
top: 20px;
right: 20px;
background: #000;
color: #fff;
padding: 30px;
display: none;

You can change the style as you like. If you lack knowledge of CSS, find a freelance developer who can help you.