Как автоматически вывести блок с информацией на White Label

На White Label можно выводить блок с любой информацией, рекламой или изображением с определённой задержкой. Это немного агрессивный способ, поэтому используйте его осторожно, чтобы не вызвать негатив у ваших посетителей. 

Подготовка к добавлению расширения

Чтобы всё работало корректно, сначала добавьте код подключения библиотеки для обработки jquery. Для этого откройте настройки White Label и перейдите в раздел Подвал.

В блок для ввода кода, добавьте следующий код:

<script
src="https://code.jquery.com/jquery-3.3.1.min.js"
integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
crossorigin="anonymous">
</script>

Обратите внимание! Код подключения библиотеки jquery добавляется только один раз. Если вы добавляете другие расширения для White Label, то повторно код вставлять не нужно.

mceclip0.png

Добавление блока с информацией

Чтобы добавить вызов блока, откройте настройки White Label и перейдите в раздел Шапка. Добавьте следующий код:

<div class="block-inform">
Информация
</div>

Чтобы блок начал отображаться, перейдите во вкладку Подвал и добавьте следующий код:

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

В функции setTimeout цифра 5000 отвечает за время в миллисекундах с момента открытия White Label, через которое появится всплывающее окно.

Настройка стилей

Чтобы изменить стиль всплывающего окна, перейдите на вкладку Цветовая схема и добавьте перед закрывающим тегом </style> следующий код:

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

Вы можете изменять стиль оформления по своему усмотрению. Если вам не хватает знаний CSS — найдите разработчика на фрилансе, который сможет вам помочь.

Пример работы:

wl_window.gif

Была ли эта статья полезной?

Еще есть вопросы? Отправить запрос