Как добавить Popup WEBSET на сайт OpenCart

Введение

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

Инструмент легко адаптируется к структуре магазина и может появляться на нужных страницах: карточке товара, корзине, оформлении заказа или при закрытии вкладки. Виджет подходит для всех версий OpenCart и не требует загрузки сторонних модулей. Создание и подключение выполняются за несколько шагов, даже если вы не разработчик.

Способы добавления поп ап в ОпенКарт

Добавить popup на сайт ОпенКарт можно как через HTML-блок, так и с помощью удобной no-code платформы. Оба метода занимают не больше 10 минут.

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

Этот способ подойдёт тем, кто хочет вручную внедрить виджет в тему.

Шаг 1. Создание popup

  • Зайдите на WEBSET и создайте новый поп ап.
  • Выберите вариант — например, окно с предложением скидки, форма обратной связи или баннер «Заберите подарок!»
  • Настройте внешний вид, поведение, кнопки, тексты и условия отображения.
виджет попапа для opencart виджет попапа с формой для opencart

Шаг 2. Получите код виджета

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

Шаг 3. Внедрение кода на сайт

  • Перейдите в административную панель.
  • Откройте раздел: Дизайн → Макеты → Общий (или нужная страница)
  • Вставьте код в блок «Контент внизу» или в часть footer.tpl (в зависимости от версии CMS)
  • Сохраните изменения и обновите страницу.
  • ✅ Преимущества: полный контроль над местом вставки; не нужно устанавливать сторонние модули; работает на любых страницах: cart, product, checkout, homepage.
  • ❌ Недостатки: требуется базовое понимание структуры темы; менее удобно, если нужно менять pop-up часто — придется обновлять код вручную.

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

Если вы не хотите редактировать шаблоны вручную, используйте no-code интеграцию. Это особенно удобно при использовании готовых тем или внешних разработчиков.

Шаг 1. Создайте аккаунт и попап

  • Зарегистрируйтесь на WEBSET.TOOLS
  • Создайте всплывающее окно, выбрав подходящий шаблон (скидка, уведомление, форма)
  • Настройте отображение: при входе, при добавлении в корзину, на определенных страницах.

Шаг 2. Получите скрипт подключения

Перейдите в настройки организации → вкладка Подключение к сайту, скопируйте универсальный JavaScript-код.

Шаг 3. Установите скрипт в шаблон

  • В панели администратора откройте файл catalog/view/theme/ВАША_ТЕМА/template/common/header.twig (или header.tpl в старых версиях)
  • Вставьте скрипт перед закрывающим тегом </head>
  • Сохраните и обновите кэш
  • ✅ Преимущества: полное управление виджетами через веб-интерфейс; возможность менять содержимое и условия показа без захода в код; поддержка аналитики, событий и кастомных сценариев отображения.
  • ❌ Недостатки: необходим доступ через FTP или админку; некоторые функции доступны только на платных тарифах.
Теперь вы можете добавить на сайт попапы от WEBSET. Создайте в личном кабинете виджет → нажмите «Опубликовать» → виджет появится на вашем сайте 💫

Резюме

Добавить popup ВЕБСЕТ в ОпенКарт можно быстро и без навыков программирования. Выберите подходящий способ — через HTML или no-code интеграцию — и получите всплывающее окно, которое увеличит продажи, поможет собрать контакты или подсказать покупателю нужное действие.

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

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

  • Что такое всплывающее окно?
    Это интерактивный элемент, который появляется на сайте для привлечения внимания: например, popup с акцией или формой.
  • Как добавить pop up?
    Вы можете вставить HTML-код вручную в дизайн или использовать нашу no-code платформу.
  • Подходит ли WEBSET для всех версий OpenCart?
    Да, решение работает с любыми версиями OpenCart, включая 2.x и 3.x.
  • Каким образом можно получить установочный код?
    После создания виджета в вашем личном кабинете, система автоматически сгенерирует HTML-код. Его нужно вставить, либо добавить через no-code способ подключения.
  • Нужно ли устанавливать модуль?
    Нет, ВЕБСЕТ не требует установки модуля. Всё подключается через код в шаблоне или header.
← Перейти ко всем статьям