QR-код для ссылки на страницу

Данное решение может пригодиться, если у посетителя есть потребность перейти с десктопа на мобильный.

QR-код генерируется через api сервиса goqr.me, а само решение выполнено для библиотеки jQuery

Пример:

HTML:

CSS:

jQuery:

  • При нажатии на кнопку с классом qrcodebtn, данный скрипт создает и открывает модальное окно. Если по истечении одной секунды мы получили изображение с api.qrserver.com QR-кода ссылки, то показываем его, в противном случае показываем ошибку
  • Пример использования можно увидеть на b2b медиаресурсе о розничной торговле «Точка продаж»: "QR-коды – улучшаем клиентский путь посетителя сайта" в правом фиксированном меню
  • Документация: QR Code Generator API

Смотрите также:

Добавить комментарий:

Ваш комментарий отправлен!

Комментарии:

  • Фёдор Тимофеев:

    А зачем заморачиваться ку кодом, если в гугл хроме есть такая функция?
    Нажми в адресной строке в конце справа на стрелку поделиться и вуаля. Там ВК, ватсап, твитер, ку код ...

    Но вы молодец. Добавился в друзья в ВК. Рад что встретил вас.

    Ответить
    • Глеб:

      Федор, вы правы. Но про эту возможность не все знают, а тут предлагается забота и лояльное решение для посетителя сайта - сразу на виду эта функция в удобном формате.

      Ответить
  • Станислав:

    Прикольно, но на двух сайтах пробовал установить и не открывается((

    Ответить
    • Alexander:

      По QR перейти на страницу не получается?

      Ответить
      • Станислав:

        Здравствуйте. Смотрю умников в комментариях везде хватает... Конечно немного перепробовав и у меня получилось ещё тогда, год назад, установив плагин jQuery Manager for WordPress. Случайно наткнулся на реплики и решил плагин этот упомянуть в комментарии.

        Ответить
    • Владимир:

      попробуй установить на страницу в виде фотографии

      Ответить
    • Алексей:

      Все устанавливается и работает великолепно, возможно просто нужны прямые руки. Установил у себя - клик

      Ответить