чайная · демо

Поп-апы и ярлык — одним кодом на сайт

На этой странице стоит только код сайта Kvestio (он ниже). Что, когда, где и кому показывать — настраивается в админке: поп-апы приходят с сервера настройками. Откройте пример — страница перезагрузится с меткой в адресе, и сработает его правило.

Пять примеров

  1. таймер · форма

    Подарок через 3 секунды

    Форма проекта открывается сама через 3 с. Сверху — таймер «Подарок держим до конца дня»: это отсчёт до конца окна расписания.

    Запустить пример
  2. уход · баннер

    Скидка перед уходом

    Уведите курсор к вкладкам браузера, на телефоне — резко прокрутите вверх. Крестик появляется через секунду; Esc и клик мимо закрывают сразу.

    Запустить пример
  3. прокрутка · сбоку

    Карточка после 40 % страницы

    Прокрутите страницу до середины: справа выедет карточка без затемнения — текст остаётся доступным. На телефоне — полосой снизу (свой вид).

    Запустить пример
  4. расписание · полоса

    Акция с 08:00 до 23:00

    Полоса снизу видна только в часы акции по часам посетителя, с таймером до конца окна. Ночью её нет — это и есть расписание. Ярлыка на этой странице нет: она в его исключениях.

    Запустить пример
  5. ярлык · клик

    Ярлык сбоку экрана

    Справа — вкладка «Подбор за минуту»: клик открывает квиз, «–» сворачивает её в полоску у края, клик по полоске разворачивает, «×» прячет на сутки. Та же форма — по кнопке на странице (клик по селектору).

Код сайта — один на все поп-апы 
<script async src="https://kvestio.eu/embed.js" data-kvestio-project="demo"></script>

Ставится один раз. Поп-апы, расписание, ярлык и правила меняются в админке Kvestio — сайт не трогают.

Кнопка сайта, открывающая поп-ап 
<button type="button" class="gift" data-demo-gift>Подобрать чай и процедуру</button>
<script async src="https://kvestio.eu/embed.js" data-kvestio-project="demo"></script>

Поп-ап с триггером «по клику на элемент» и селектором [data-demo-gift]. Любой элемент с data-kvestio-open="<номер поп-апа>" тоже открывает его.

Сорок пиал — чайная у моря

Улуны, пуэры и белые чаи из небольших хозяйств. Заваривание в пиалах, тихая музыка, без спешки.

Мы придуманы для витрины Kvestio: ни адреса, ни чая, ни скидок на самом деле нет.

Те Гуань Иньулун · 9 €
Шу пуэр 2016пуэр · 11 €
Бай Му Даньбелый · 10 €
Габаулун · 12 €

Как устроено

Код сайта загружает embed.js. Он спрашивает у сервера включённые поп-апы проекта и, только если они есть, подгружает их движок — сайт без поп-апов не скачивает лишнего.

Кому показывать (страница, устройство, язык, реклама, новый или вернувшийся) и как часто — считает браузер; страну по IP — сервер. Правило одно для обоих.

Баннер cookie сайта поп-ап не перекрывает: пока он на экране, поп-ап ждёт; ярлык поднимается над ним.