Как добавить popup WEBSET на сайт WooCommerce

Введение

Popup WEBSET — это простой и эффективный инструмент для взаимодействия с пользователями интернет-магазинов на WooCommerce. Он позволяет быстро создать всплывающее окно для сбора email, оповещений о скидках, специальных предложений или помощи при оформлении заказа. Одним из главных преимуществ является простота установки: не нужно обладать навыками программирования — достаточно нескольких кликов, чтобы виджет появился на сайте.

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

Способы добавления попапа на сайт магазина

Установка виджета в WooCommerce не требует специальных знаний и занимает всего несколько минут. Ниже приведены два способа добавления всплывающего окна: через HTML-блок и с помощью no-code платформы WEBSET.

Добавление всплывающего окна через HTML-блок

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

Шаг 1. Сделайте поп-ап

Перейдите на WEBSET, зарегистрируйтесь (если вы еще не зарегистрированы), и нажмите кнопку «Создать попап». Выберите тип виджета: окно при уходе, предложение скидки, форма обратной связи и т. д.

виджет попапа для woocommerce виджет попапа с формой для woocommerce

Шаг 2. Скопируйте код вставки

После настройки, платформа сгенерирует HTML-код для вставки. Найти его можно в разделе «Установка» или «Подключение к сайту».

Шаг 3. Вставьте код в HTML-блок WordPress

  • Перейдите в админку WooCommerce
  • Откройте нужную страницу (например, главную, корзину или checkout)
  • В редакторе Gutenberg добавьте HTML-блок и вставьте скопированный код

Шаг 4. Обновите страницу и проверьте отображение

Сохраните изменения и откройте ресурс. Popup должен отобразиться согласно заданным условиям показа (например, при попытке ухода или через 5 секунд после входа).

  • ✅ Преимущества: простая и быстрая установка; работает везде, включая product page, checkout и cart; не требует установки дополнительных плагинов.
  • ❌ Недостатки: Требует ручного добавления, если не используется шаблон; Не предоставляет расширенных настроек без перехода в личный кабинет.

Добавление через no-code платформу

Это оптимальный способ подключения “всплывашки” без необходимости вносить изменения в код.

Шаг 1. Зарегистрируйтесь

Перейдите на WEBSET, зарегистрируйте аккаунт и авторизуйтесь.

Шаг 2. Создайте виджет

  • Нажмите «Создать попап»
  • Выберите шаблон (например, скидка при входе, предложение по товару)
  • Настройте контент, внешний вид, триггеры показа и действия кнопки (например, перейти в корзину или открыть форму)

Шаг 3. Подключите сайт

  • В разделе «Подключение» добавьте адрес своего магазина.
  • Скопируйте универсальный скрипт и вставьте его один раз в шапку сайта через кастомайзер или плагин (например, Insert Headers and Footers).
  • Или используйте плагин, который автоматически подключит ваш виджет.
  • ✅ Преимущества: не требует редактирования каждой страницы; управление всеми окнами из одного интерфейса; интеграция с Яндекс Метрикой и Google Analytics, email-рассылками и кастомными событиями.
  • ❌ Недостатки: необходим доступ к панели управления; некоторые функции требуют платного тарифа.
Теперь вы можете добавить на сайт попапы от WEBSET. Создайте в личном кабинете виджет → нажмите «Опубликовать» → виджет появится на вашем сайте 💫

Резюме

Добавить поп ап виджет в интернет-магазин можно за 5–10 минут. Используйте HTML-вставку для простых задач или нашу платформу для более гибкого и масштабируемого решения. Это поможет повысить конверсии, снизить отказы на этапе checkout. Также с помощью этого можно собрать базу email-адресов, а значит увеличить вовлеченность.

ВЕБСЕТ поддерживает все необходимые функции для интернет-магазинов, работающих на WooCommerce, включая персонализированные предложения, формы захвата, призывы к действию и всплывающие подсказки.

Часто задаваемые вопросы (FAQ)

  • Можно ли добавить “всплывашку” без плагина?
    Да. Вы можете использовать HTML-блок или вставить код вручную в шаблон темы.
  • Поддерживает ли решение вывод окна на страницах checkout и cart?
    Да, вы можете задать отображение pop-up где угодно, включая корзину и оформление заказа.
  • Будет ли popup работать на мобильных устройствах?
    Да, все виджеты адаптивны и корректно отображаются на смартфонах и планшетах.
  • Нужно ли что-то оплачивать?
    У нас есть бесплатные тарифы, но некоторые функции (например, расширенная аналитика или мультиязычность) доступны на платных тарифах.
  • Подходит ли WEBSET для других платформ, кроме WooCommerce?
    Да, ВЕБСЕТ поддерживает любые платформы: WordPress, Tilda, Shopify, Webflow и даже самописные сайты на HTML.
← Перейти ко всем статьям