Как автоматически вывести блок с информацией на 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, то повторно код вставлять не нужно.

jquery_ru.png

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

Чтобы добавить вызов блока, добавьте следующий код в поле Хедер сайта:

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

Чтобы блок начал отображаться, добавьте этот код в поле Футер сайта:

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

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

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

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

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

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

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

wl_window.gif