Как добавить проверку возраста Shopify (Шаг за шагом)

Если вы подпишитесь на услугу по ссылке на этой странице, Reeves and Sons Limited может получить комиссию. Смотрите наши заявление об этике.

Когда я впервые запустил свой Shopify магазин продавая вейп-продукты, я, честно говоря, не особо задумывался о проверке возраста. У меня на сайте была галочка «Вам больше 18?», и я решил, что этого достаточно.

Не было

Я довольно быстро понял, что основные возрастные ограничения не защищают вас — не из-за юридических проблем, возвратов платежей или даже отключений платежных процессоров. В зависимости от того, где находятся ваши клиенты, этот отсутствующий уровень проверки может поставить ваш магазин под угрозу.

Вот как я научился добавлять проверку возраста на Shopify — правильный путь.

Почему проверка возраста имеет значение Shopify

Если вы продаете что-либо, что хотя бы отдаленно регулируется — алкоголь, вейп, КБД, добавки, контент для взрослых — вы нужна проверка возраста. Это не просто «приятная вещь». Это то, что защищает ваш бизнес, как в юридическом, так и в финансовом плане.

Вот с чем я столкнулся за эти годы:

  • Stripe и PayPal заблокировали мой аккаунт пока я не смогу доказать, что у меня установлено надлежащее стробирование
  • Отклоненные кампании Facebook Ads потому что на моей целевой странице не было проверки возраста
  • Один клиент подал иск о возврате платежа, утверждая, что несовершеннолетний сделал заказ в моем магазине (хотя они отметили этот пункт галочкой)

Вот тогда я и начал копаться в Shopify-дружелюбный кредита. Встроенных возрастных ограничений нет, поэтому все дело в приложениях или пользовательском коде.

Вариант 1. Используйте Shopify Приложение для проверки возраста (самое быстрое и простое)

Если вам нужен чистый и надежный возрастной контроль без прикосновения к коду, Shopify Приложения — ваш лучший выбор. Я протестировал пять лучших, прежде чем остановился на том, что сработало.

Вот разбивка:

Имя приложенияГлавные преимуществаЦенаBest For
Вышибала – Проверка возрастаНастраиваемое всплывающее окно, длительность сеанса, простой пользовательский интерфейс$ 3.99 / месяцБольшинство магазинов
Проверка возраста + от Northern AppsПеренаправляет несовершеннолетних пользователей, таргетинг по странамБесплатные + платные планыМагазины с правовыми ограничениями
Проверка возраста EVSПроверка подлинности удостоверения личности, проверка по базе данных$$$ (корпоративный уровень)Отрасли промышленности, требующие соблюдения нормативных требований
18 Plus от ZooomyЛегкий, простая установкаБесплатные + платные планыБазовые витрины
Всплывающее окно HulkAppsЭффективные инструменты дизайна, оптимизированные для мобильных устройствСвободный план доступенМагазины, ориентированные на UX

Большинство этих приложений позволяют вам установить минимальный возраст (18 или 21 год), настроить дизайн всплывающих окон и выбрать, что делать, если пользователь не прошел проверку (заблокировать, перенаправить или разрешить просмотр).

Что мне понравилось больше всего в вышибала было то, что я мог установить 30-дневную сессию. Так что как только кто-то прошел возрастной порог, его больше не спрашивали, пока он не очистил куки.

Что посмотреть

  • Мобильная совместимость это большая проблема. Некоторые всплывающие окна ломаются или не масштабируются на экранах меньшего размера.
  • Географический таргетинг это функция для проверки. Например, Канада = 18+, США = 21+ в зависимости от штата.
  • Настройки сеанса важно. Если вы установите слишком короткий срок, вернувшиеся пользователи могут уйти.

Подобные приложения работают, вставляя скрипт в ваш Shopify Тема. Она загружается раньше остального контента сайта — так что она действует как настоящий «ворота».

Вариант 2: вручную добавить проверку возраста с помощью кода

Когда мне захотелось полного контроля над тем, как выглядит возрастной врат, я создал свой собственный. Это было нелегко, но это дало мне больше свободы в плане макета, анимации и куки.

Вот быстрая настройка, если вы умеете редактировать код темы:

Что вам понадобится

  • Доступ к theme.liquid файл
  • Базовые знания HTML, CSS, JavaScript
  • Готовность к тщательному тестированию на настольных компьютерах и мобильных устройствах

Основные шаги

  1. Создать всплывающий контейнер
    Используйте HTML для создания модального окна, которое будет занимать весь экран.
  2. Оформите его с помощью CSS
    Убедитесь, что он расположен по центру, блокирует любое взаимодействие со страницей и выглядит аккуратно.
  3. Добавить кнопки
    «Да, мне 18+» позволяет пользователю войти. «Нет» либо перенаправляет его, либо закрывает сайт.
  4. Настройте файлы cookie или localStorage
    Поэтому их не спрашивают снова в течение определенного количества дней.
  5. Введите код в theme.liquid
    Прямо перед закрытием </body> тег, чтобы он загружался на каждой странице.

Фрагмент кода (упрощенный)

htmlКопироватьИзменить<div id="age-gate" style="position:fixed;top:0;left:0;width:100%;height:100%;background:#000;color:#fff;z-index:9999;">
  <div style="margin:auto;top:40%;position:relative;text-align:center;">
    <h2>Are you 18 or older?</h2>
    <button onclick="enterSite()">Yes</button>
    <button onclick="window.location.href='https://google.com'">No</button>
  </div>
</div>

<script>
  function enterSite() {
    document.getElementById("age-gate").style.display = "none";
    localStorage.setItem("ageVerified", "true");
  }

  if(localStorage.getItem("ageVerified") === "true") {
    document.getElementById("age-gate").style.display = "none";
  }
</script>

Плюсы и минусы

Плюсы:

  • 100% контроль над внешним видом и ощущениями
  • Никаких ежемесячных сборов за приложение
  • Никакого стороннего кода, замедляющего работу вашего сайта.

Минусы:

  • Легко ломается, если неправильно закодирован
  • Не соответствует правовым стандартам проверки документов
  • Никакой аналитики или отчетности, пока вы сами ее не создадите

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

Что насчет проверки на кассе?

Мне постоянно задают этот вопрос: «Могу ли я подтвердить возраст при оформлении заказа?»

Короткий ответ: нет, если только вы не на Shopify Plus.

Shopify блокирует свою проверку по соображениям безопасности. Вы не можете изменить ее, если у вас нет корпоративного плана — а большинство из нас им не являются.

Даже на Plus возможности ограничены. Вы можете добавлять пользовательские скрипты и, возможно, принудительно заполнять поле даты рождения, но API или функция для проверки полного возраста при оформлении заказа отсутствуют.

Так что лучший ход? Проверка ручек до пользователи даже начинают совершать покупки.

Если вы думаете, что возрастной барьер — это просто функция UX, подумайте еще раз. Некоторые интернет-магазины, с которыми я работал, столкнулись с:

  • Штрафы за нарушения GDPR в ЕС за непроверку возраста перед сбором персональных данных
  • Жалобы родителей говорят, что несовершеннолетние покупали вейп-продукцию онлайн
  • Заморозка счетов Stripe и PayPal потому что у них не было возможности доказать, что клиентам исполнилось 18 лет

Только в 2023 году Великобритания оштрафовала более 80 интернет-магазинов за отсутствие надлежащей проверки товаров с возрастными ограничениями. Это не теория.

Вот краткий обзор юридических соображений:

РегионТребованиеРиск принудительного исполнения
Великобритания (ICO)Код дизайна, соответствующий возрастуВысокий
США (ФТК)COPPA, законы штатаСредний–Высокий
ЕС (GDPR)Согласие + проверка возрастаОчень высоко
КанадаПравила на уровне провинцииСредний

Если вы коллекционируете адреса электронной почты, номера телефонов или адреса, вы находитесь на крючке, чтобы защитить несовершеннолетних пользователей от раскрытия данных.

Лучшие практики проверки возраста на Shopify

Вот что лучше всего сработало для меня и моих клиентов за эти годы:

  • Используйте приложение если вам не требуется абсолютно индивидуальное решение
  • Протестируйте всплывающее окно на мобильном устройстве, планшет и настольный компьютер
  • Установить сеансовый файл cookie чтобы пользователи не блокировались при каждом посещении
  • Перенаправление несовершеннолетних пользователей или покажите правильное сообщение, а не просто скрывайте магазин
  • Не используйте шлюз, состоящий только из флажков — это юридически бесполезно

Кроме того, не выбирайте просто первое приложение, которое выглядит хорошо. Попробуйте несколько, проверьте, как они загружаются, и посмотрите, как они сочетаются с вашей темой. Некоторые темы (особенно сильно настроенные) могут сломать наложения проверки возраста.

Краткая сводка новостей

Если вы используете Shopify магазин, который продает товары только взрослым, не ждите добавления проверки возраста.

Я проигнорировал его однажды и заплатил за это головной болью, зависанием аккаунта и отклонением рекламы. С тех пор я использовал приложения вроде вышибала или встроенные ручные системы в зависимости от сложности магазина.

Независимо от того, используете ли вы приложение или создаете его самостоятельно, просто убедитесь, что оно быстрое, удобное для мобильных устройств и юридически надежное. Это то, что защищает ваш магазин в долгосрочной перспективе.

Джо Варнимонт

Джо Варнимонт - писатель из Чикаго, специализирующийся на инструментах электронной коммерции, WordPress и социальных сетях. Когда не рыбачит и не занимается йогой, он коллекционирует марки в национальных парках (хотя это в основном для детей). Посмотрите портфолио Джо чтобы связаться с ним и просмотреть прошлые работы.

Комментарии Ответы 0

Оставьте комментарий

Ваш электронный адрес не будет опубликован. Обязательные поля помечены * *

Рейтинг *

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

Попытка Shopify на 3 месяца по цене 1$ в месяц!
shopify-first-one-dollar-promo-3-месяца