Как создать popup с интеграцией с WP Remark в WordPress

WP Remark — это мощный плагин для сбора отзывов и комментариев на сайте WordPress. Интеграция popup с WP Remark позволяет эффективно взаимодействовать с посетителями, собирая отзывы через всплывающие окна, что повышает вовлечённость и доверие к вашему сайту.

Что такое WP Remark и зачем нужна интеграция popup

WP Remark помогает создавать формы отзывов, рейтинги и комментарии с удобным интерфейсом для пользователей. Использование popup для сбора отзывов обеспечивает:

• Привлечение внимания посетителя в нужный момент;
• Увеличение количества отзывов без необходимости перехода на отдельную страницу;
• Гибкие настройки отображения popup в зависимости от поведения пользователя.

Интеграция popup с WP Remark позволит автоматически показывать формы отзывов в удобном формате, что ускорит сбор обратной связи и улучшит UX.

Выбор плагина для создания popup с поддержкой интеграции

Для создания popup с интеграцией подойдёт плагин My Popup от WPShop. Он поддерживает вывод произвольного HTML, JavaScript и позволяет настроить условия показа, что идеально подходит для внедрения форм WP Remark.

Также можно использовать другие популярные плагины, например Popup Maker или Popup Builder, но My Popup предлагает более простую настройку и встроенную совместимость с WP Remark.

Шаги создания popup с формой WP Remark

1. Установка и настройка WP Remark

Сначала установите и активируйте плагин WP Remark. Создайте форму отзыва в админке плагина и получите шорткод или HTML-код формы.

2. Установка плагина My Popup

Установите My Popup и активируйте его. Перейдите в раздел создания нового popup.

3. Создание popup с формой от WP Remark

В редакторе popup вставьте шорткод WP Remark, например:

[wpremark_review_form]

Или вставьте HTML-код формы, если он доступен.

Настройте параметры показа popup — можно указать задержку, показать при попытке ухода с сайта (exit intent) или после прокрутки страницы.

4. Добавление пользовательского кода для улучшения UX

Чтобы не раздражать пользователей постоянным показом popup, добавьте cookie для запоминания закрытия окна. Для этого в настройках My Popup включите опцию «Не показывать повторно» или добавьте следующий скрипт:

function wppopup_set_review_cookie() {
  document.cookie = 'wppopup_review_closed=true; path=/; max-age=' + 60*60*24*30;
}

// Вызовите эту функцию при закрытии popup через событие или кнопку

Это предотвратит повторное появление popup в течение 30 дней у одного пользователя.

Пример кода для создания собственного popup с WP Remark

Если хотите обойтись без плагина popup, можно создать кастомный popup с помощью JavaScript и вставить форму WP Remark внутрь. Вот упрощённый пример:

<div id="wppopup_custom" style="display:none; position:fixed; top:20%; left:50%; transform:translateX(-50%); background:#fff; border:1px solid #ccc; padding:20px; z-index:10000; width:400px; box-shadow:0 0 10px rgba(0,0,0,0.3);">
  <button id="wppopup_close" style="float:right;">×</button>
  [wpremark_review_form]
</div>

<script>
  document.addEventListener('DOMContentLoaded', function() {
    if (!document.cookie.includes('wppopup_review_closed=true')) {
      setTimeout(function() {
        document.getElementById('wppopup_custom').style.display = 'block';
      }, 5000); // Показ через 5 секунд
    }
    document.getElementById('wppopup_close').addEventListener('click', function() {
      document.getElementById('wppopup_custom').style.display = 'none';
      document.cookie = 'wppopup_review_closed=true; path=/; max-age=' + 60*60*24*30;
    });
  });
</script>

Этот код покажет popup с формой через 5 секунд после загрузки страницы и не будет показывать повторно после закрытия.

Советы по повышению конверсии popup с WP Remark

Чтобы popup с отзывами работал эффективно, учитывайте следующие рекомендации:

• Время показа: не показывайте окно сразу, дайте пользователю ознакомиться с сайтом.
• Сегментация: показывайте popup только заинтересованным пользователям, например, после просмотра нескольких страниц или определённого раздела.
• Привлекательный дизайн: используйте приятный дизайн, минимизируйте раздражающие элементы.
• Призывы к действию: чётко объясните, зачем нужен отзыв и как он поможет другим пользователям.

Использование WP Remark вместе с popup значительно повысит качество обратной связи на вашем сайте.