Как установить встроенную форму или виджет рекомендаций на страницу?


Есть 2 варианта установки встроенного блока на страницу:
1) Встроить блок в селектор страницы
Форма автоматически встраивается в указанное вами место на странице при наличии нашего скрипта на сайте

Преимущества способа установки:
+ не нужно дополнительное привлечение разработчиков с вашей стороны
+ можно настроить самостоятельно
+ можно тестировать разное расположение такой формы и быстро менять её место на странице без изменений в коде страницы

Недостатки способа установки:
- при больших изменениях верстки страницы на вашей стороне форма может пропасть (если убрали нужный селектор) или отображаться некорректно

Когда рекомендуем использовать?
- когда нужно протестировать встроенную форму
- если нет ресурсов разработки для использования способа 2 и изменения в верстке сайта проходят не часто

Как настроить встраивание формы в страницу вашего сайта:

Шаг 1. Убедитесь, что форма нужного типа
У нас в каталоге есть всплывающие и встроенные шаблоны форм.
Встроенные шаблоны формы имеют тег #встроенная и специальный раздел для встраивания"Где показывать"
Всплывающие же шаблоны формы вместо него имеют вкладку "Условия показа".
Тип шаблона можно изменить в разделе Шаблоны партнера или обратившись в поддержку.

Выбор встроенных шаблонов форм в каталоге:
Шаг 2. Откройте вкладку "Где показывать" встроенной формы

Это 4 шаг в шагах создания формы:

Вы всегда можете вернуться к этой вкладке с главного дашборда.
Для этого наведите курсор на созданную ранее встроенную форму и нажмите "Где показывать":
Шаг 3. Выберите тип встраивания - в селектор или по div-блоку самостоятельно

Работает только 1 из вариантов встраивания.
То есть, если вы активируете встраивание по селектору DIV-блок больше не будет работать.
И наоборот, при активном div-блоке не работает встраивание по селектору.

Если вы выбрали вариант 2, самостоятельно установить div-блок:
Предоставьте код своим разработчикам или добавьте HTML-вставку, если используете конструктор сайтов.
Обратите внимание!
Для встроенных форм работает таргетинг, поэтому возможно поставить код на все страницы, а в таргетинге выбрать нужные или установить показ только по тестовой ссылке.

Если вы выбрали вариант 1, встроить форму в нужный селектор:
Вам необходимо внести название селектора, куда необходимо добавить форму.

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

Какие селекторы существуют?
  • .someClass — соответствует любому элементу с классом "someClass".
  • #someid — соответствует элементу с идентификатором "someid".
Детальная статья о поиске нужного селектора на странице
Еще одна статья об Определении CSS селеторов

Рекомендуем:
1. Установите себе расширение Selector Gadget для Google Chrome.
Оно значительно облегчит работу с поиском нужного селектора
2. Перейдите на сайт, куда вы хотите поставить форму, выберите место на странице, где она должна располагаться.
3. Активируйте Selector Gadget, поднесите курсор мыши к этому месту скопируйте его селектор.

Пример:
Мы хотим на сайте поставить блок встроенный подписки в футере:
- активируем Selector Gadget
- выделяем футер или другой нужный элемент, куда нужно вставить форму
- копируем полученное значение внизу.
В нашем случае значение получилось #SITE_FOOTERinlineContent
И в настройках мы можем установить показ формы до/после или в этот селектор:

Важные замечания:
1) Убедитесь, что код скрипта Popmechanic присутствует на нужных страницах сайта

2) Форма должна быть активирована в аккаунте Popmechanic, выключенные формы не показываются

3) Форма должна быть именно встроенного типа - в таких формах есть вкладка Где показывать

4) Если вдруг на сайте поменяется верстка полностью и пропадет селектор, к которому мы привязываемся - форма показываться не будет.

5) Если вам нужны дополнительные параметры в коде установки формы - например, ID продукта или категории - вам нужно обратиться к разработчику, чтобы он проанализировал страницу и добавил в код установку этих дополнительных параметров.

6) Если у вас возникли трудности с поиском нужного селектора - обратитесь в поддержку Popmechanic
Как установить встроенную форму только на тестовой странице?

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

Вам была полезна эта статья?