Компонент Engage Box

[OlegPaRe]

OlegPaRe разместил(а) новый ресурс:

Компонент Engage Box - Самое популярное расширение для всплывающих окон в Joomla

С помощью расширения можно создавать плавающие бары, окна для регистрации или рассылки. Активны функции onPageLeave, onclick и OnDemand, onUserScroll, onPageLoad. Расширение полностью адаптивно. Идеальный тип всплывающих окон, чтобы посетители могли привлечь к себе наибольшее внимание. И многое другое.

Посмотреть страницу этого ресурса...

 

[OlegPaRe]

Автоматическое закрытие всплывающего окна после успешной отправки формы например необходимо разместить в разделе "Action" следующий код:

var form = me.el.querySelector(".convertforms");
form.addEventListener("success", function(event) {
    setTimeout(function() {
              me.close();
    }, 3000);
});

Значение 3000=3 секунды.
Пример:

 

[OlegPaRe]

Набор форм для Engage Box​

Нужно экспортировать файл "EngageBox Items.ebox" в свой Engage Box

 

[Wingedbull]

Автоматическое закрытие всплывающего окна после успешной отправки формы

Добавлю пять копеек ))
В документации по EngageBox есть такой код закрытия окна после отправки формы.
Вставить код во вкладке Расширенные/Дополнительный код/.
Где var boxID = 1 ваш айди Engage Box

Код:

<script>

  jQuery(function($) {

      // Enter your box ID below

      var boxID = 1;


      // Do not edit below

      var box  = $("#rstbox_" + boxID)

          form = box.find(".convertforms");


      form.on("success", function() {

          setTimeout(function() {

              box.trigger("closeKeep");

          }, 800);

      });

  });

</script>

 

[OlegPaRe]

Добавлю пять копеек ))
В документации по EngageBox есть такой код закрытия окна после отправки формы.
Вставить код во вкладке Расширенные/Дополнительный код/.
Где var boxID = 1 ваш айди Engage Box

Код:

<script>

  jQuery(function($) {

      // Enter your box ID below

      var boxID = 1;


      // Do not edit below

      var box  = $("#rstbox_" + boxID)

          form = box.find(".convertforms");


      form.on("success", function() {

          setTimeout(function() {

              box.trigger("closeKeep");

          }, 800);

      });

  });

</script>

Это для 3.x.x версий

EngageBox 3.X​

You can place the code below into the Custom Code field (Advanced tab) of your popup box after you've replaced the boxID variable with your box ID.

<script>
  jQuery(function($) {
      // Enter your box ID below
      var boxID = 1;

      // Do not edit below
      var box  = $("#rstbox_" + boxID)
          form = box.find(".convertforms");

      form.on("success", function() {
          setTimeout(function() {
              box.trigger("closeKeep");
          }, 3000);
      });
  });
</script>

The script above makes use of the Javascript Events API which is available for both Convert Forms and EngageBox extensions.

 

[Wingedbull]

Точно, пользовался ещё 3.5.5, марта прошлого года.

 

[WiQuert]

Пробовал данный компонент, понравился меньше, чем Modals, на последнем и остановился.

 

[OlegPaRe]

Пробовал данный компонент, понравился меньше, чем Modals, на последнем и остановился.

а мне наоборот. а в совокупности с Convert Forms PRO https://ucrack.com/resources/16/ вообще мочит норм

 

[WiQuert]

а мне наоборот. а в совокупности с Convert Forms PRO https://ucrack.com/resources/16/ вообще мочит норм

У меня RSForm используется. Настроил его, чтобы заявки с сайта сразу поступали в CRM Битрикс24 - очень удобно.
С Engage Box у меня была какая-то проблема ещё с совместимостью... Уже не помню, какая конкретно, но, возможно, связано это с тем, что на сайте стоит Gantry в качестве фреймворка.

 

[quickweb]

Engage Box и Modals в сравнении, Modals трактор - Engage Box это Tesla.
Engage Box там триггеры важная особенность.
Это даже как-то несравнимо.
Да компоненты похожие, но возможностям Engage Box ооочень сильно впереди.

 

[WiQuert]

Engage Box и Modals в сравнении, Modals трактор - Engage Box это Tesla.
Engage Box там триггеры важная особенность.
Это даже как-то несравнимо.
Да компоненты похожие, но возможностям Engage Box ооочень сильно впереди.

Я и не спорю. Но Modals настроил несколько лет назад и, чтобы поменять данный компонент, придётся несколько часов сидеть, переделывать все ссылки. Оно того не стоит

 

[OlegPaRe]

OlegPaRe обновил ресурс Engage Box новой записью:

Обновление Engage Box

версия обновления 4.2.1

---

Changelog Saturday, 03 April 2021

• Fix: Box type layout overrides don't work. Override now in /templates/TEMPLATENAME/plg_engagebox_PLUGINNAME
• Fix: Popup doesn't show up when is set to trigger on 100% of the page height.
• Adds Auto Focus, a new accessibility option to set focus to 1st focusable element on open.
• Backend tabs Trigger, Appearance and Publishing Assignments renamed to Behavior, Design and Publishing Rules respectively...

Посмотреть подробности об этом обновлении...

 

[WiQuert]

Решил я всё-таки ещё раз поставить Engage Box, чтобы потестировать, поковырялся в нём, настроил - и да, я был неправ, он действительно работает на моём сайте, причём гораздо лучше, чем Modals, который стоит у меня сейчас. В Modals не устраивала задержка перед открытием формы, иногда она доходит аж до 3 секунд, что довольно долго, Engage Box же открывается моментально. Причём работает хорошо и с RSForm, сообщение благодарности, правда, отображается в другом всплывающем окне после перезагрузки страницы (но это некритично). Потестирую ещё Convert Forms, посмотрю, стоит ли переходить на него, поскольку форм переделывать придётся прилично.

Вопрос такой: можно ли активировать всплывающее окно, при этом не создавая его в панели управления? В Modals я использовал такой код:

a class="button button-4">{modal index.php?option=com_rsform&amp;formId=1}Оставить заявку{/modal}</a></p>

Его я вставлял в нужное место на странице сайта. Перед этим создавал форму с нужными мне параметрами, затем ID формы вставлял в "formId". Есть ли у Engage Box подобная ссылка? Сейчас я использую это:

<button class="button button-4" data-ebox="1" data-ebox-cmd="open">Открыть</button>

Но здесь именно ID всплывающего окна, а всплывающее окно приходится создавать в панели управления и уже туда добавлять форму - получается "матрёшка" и ненужное действия. Можно ли как-то этого избежать?

 

[WiQuert]

Разобрался. Нужно просто в Convert Forms создать форму и добавить метку {referrer} в шаблон письма, которое отправляется мне на почту при заполнении формы пользователем. Метка {referrer} отображает ссылку на страницу сайта, с которой форма заполнялась. Вуаля, теперь нужна только одна форма для всех страниц, что значительно упрощает добавление новых объектов.

 

[amrjoker]

i will test this plugin and i will put my review

 

[OlegPaRe]

OlegPaRe обновил ресурс Engage Box новой записью:

Обновление Engage Box

версия обновления 4.2.2
Код извлечения за активность:

Скрытое содержимое. Вам нужно войти или зарегистрироваться.

Код извлечения за баллы:

Посмотреть подробности об этом обновлении...

 

[OlegPaRe]

OlegPaRe обновил ресурс Engage Box новой записью:

EngageBox 4.2.4 - новая версия чудненького расширения Joomla

Changelog​

• Fix: Prevent multiple popups with the same ID from being initialized.
• Improved AdBlock detection trigger.

Посмотреть подробности об этом обновлении...

 

[kosolapow]

Привет!
Компонент совместим с Joomla 4?

 

[OlegPaRe]

Привет!
Компонент совместим с Joomla 4?

Привет. да вроде

 

[WiQuert]

Привет!
Компонент совместим с Joomla 4?

Только в версии 5.0, которая 6 сентября вышла, разработчик указал "Official stable version for Joomla 4".