Поле с отдачей и трассерами
След рисуется на canvas: свечение линии, вспышки у ствола, дрожание прицела. Плотность огня зависит от скорости мыши — медленнее ведёте, ровнее подпись.
один тег <script>
работает на любом сайте
без фреймворков
Напиши подпись пулемётом
Всплывашка на сайте заказчика: человек водит мышкой по полю, след от пуль складывается в его роспись. Нажимает «Готово» — и на весь экран раскрывается первая страница договора, а внизу стоит эта самая подпись.
Демо выше — настоящий виджет, а не скриншот. Стреляйте мышкой прямо на этом сайте.
Три шага от клика до подписи
Вся механика укладывается в двадцать секунд и не требует объяснений — человек понимает игру с первого движения мышкой.
01окно
Всплывашка появляется сама
Через заданное время или по вашей кнопке. Заголовок «Напиши подпись пулемётом», кнопка в тир и ссылка «больше не показывать» — с запоминанием на 30 дней.
02тир
Человек стреляет мышкой
Курсор превращается в прицел, каждое движение оставляет след от пуль, счётчик показывает патроны и выстрелы. «Очистить» и «Заново» — рядом.
03договор
Раскрывается первая страница
Подпись уходит на сервер и подставляется в документ: шапка, стороны, предмет, условия, внизу — рисунок подписи, дата и способ подписания.
Что уже встроено в виджет
Ничего не нужно дописывать: окно, поле, звук, счётчики, сохранение подписи и страница документа — в одном теге.
Подпись сохраняется кодом
Сервер держит точки росчерка в базе и отдаёт их постоянной страницей — ссылку можно отправить юристу, себе или в мессенджер.
Звук выстрелов
Короткая синтезированная очередь без единого файла. По умолчанию выключен — включается кнопкой в шапке окна.
Лента на 200 патронов
Счётчик патронов и выстрелов, кнопки «Очистить» и «Заново». Кончились патроны — подсказка сама предлагает досыпать ленту.
Два текста на выбор
Варианты заголовка и кнопки выдаются посетителям по очереди, показ фиксируется в журнале — видно, какой текст чаще доводит до подписи.
Документ и печать в PDF
Первая страница сверстана как лист А4 с полями под подпись и дату. Кнопка «Скачать PDF» открывает версию для печати — сохраняется из браузера без потери кириллицы.
Воронка в журнале
Каждое действие пишется в базу: открыли окно, начали играть, очистили поле, дошли до документа, оставили заявку. Видно, на каком шаге люди отваливаются.
Подпись встаёт в документ, а не в пустоту
Как только человек нажимает «Готово», окно переходит на первую страницу договора: номер и дата, стороны, предмет, условия — и блок подписи внизу листа. Дальше «Развернуть», «Открыть в новой вкладке» и «Скачать PDF».
Текст страницы — шаблон: номер, название, стороны, предмет и условия меняются в настройках, подпись подставляется из игры.
Что происходит на этом стенде
12
открыли окно
13
вошли в тир
11
подписей сохранено
0
заявок с формы
Одна строка — и виджет на вашем сайте
Вставьте тег перед закрывающим </body>. Окно, стили и скрипт подтянутся сами, ничего собирать не нужно.
html / перед </body>
<script src="https://s571.gdesite.ru/assets/widget.js" data-auto="1" data-delay="9" data-once="1"></script>Кнопка вместо автопоказа
Тег с молчит, пока посетитель не нажмёт вашу кнопку со ссылкой на демо-игру.
Свой селектор
Атрибут вешает открытие на вашу кнопку с этим классом — без правок шаблона.
Управление из кода
открывает окно, закрывает, сбрасывает «не показывать».
Вопросы, которые задают до установки
Если нужного ответа нет — напишите в форме ниже, ответим по существу.
Это законная подпись или просто картинка?
Юридическую силу определяет текст вашего договора, а не игра. Виджет фиксирует сам росчерк, дату и номер сессии и подставляет их в документ — в шаблоне прямо написано, что стороны признают такую подпись простой электронной подписью. Перед запуском покажите текст юристу.
Что увидит человек, если закроет окно?
Ссылка «Больше не показывать это окно» запоминает отказ на 30 дней. Простое закрытие крестиком окно не запрещает — оно появится в следующий заход. Частоту и задержку меняет владелец сайта.
Подпись рисуется мышкой. А на телефоне?
Работает и пальцем: линия ложится по траектории касания, поле растягивается по ширине экрана. Окно на мобильном открывается снизу на весь экран, кнопки остаются под большим пальцем.
Куда попадает подпись и кто её видит?
Точки росчерка сохраняются в базе сайта и отдаются по адресу с неугадываемым кодом из 16 знаков. Поисковики такие страницы не индексируют. В журнале видно количество подписей, даты и источник — домен, с которого пришёл человек.
Можно поменять текст договора?
Да: номер, название, стороны, предмет и условия — отдельные поля шаблона. Подпись, дата и способ подписания подставляются автоматически. Образец первой страницы лежит в файле kontrakt-obrazec.pdf.
Нужен ли отдельный сервер?
Нет. Виджет живёт на нашем домене, на ваш сайт идёт один тег и запросы к сервису. Заявки с формы приходят в панель управления и на почту, которую вы укажете.
Поставьте виджет на свой сайт
Пришлём тег вставки, доступ к настройкам текста договора и ссылку на журнал подписей. Если нужно — соберём шаблон первой страницы под ваш договор.
- Тег вставки, образец первой страницы, инструкция на одну страницу
- В тот же рабочий день, если заявка до 18:00 по Москве
- Первая страница договора, PDF