Компонент Engage Box

OlegPaRe

Разрушитель (V)
Сообщения
242
Симпатии
350
Баллы
10 046
OlegPaRe разместил(а) новый ресурс:

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

box_types.png

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

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

OlegPaRe

Разрушитель (V)
Сообщения
242
Симпатии
350
Баллы
10 046
Автоматическое закрытие всплывающего окна после успешной отправки формы например необходимо разместить в разделе "Action" следующий код:
Код:
var form = me.el.querySelector(".convertforms");
form.addEventListener("success", function(event) {
    setTimeout(function() {
              me.close();
    }, 3000);
});
Значение 3000=3 секунды.
Пример:
box.png
 

OlegPaRe

Разрушитель (V)
Сообщения
242
Симпатии
350
Баллы
10 046

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

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

Wingedbull

Разрушитель (V)
Сообщения
42
Симпатии
57
Баллы
1 826
Автоматическое закрытие всплывающего окна после успешной отправки формы
Добавлю пять копеек ))
В документации по EngageBox есть такой код закрытия окна после отправки формы.
Вставить код во вкладке Расширенные/Дополнительный код/.
Где var boxID = 1 ваш айди Engage Box

Код:

JavaScript:
<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

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

Код:

JavaScript:
<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

Разрушитель (V)
Сообщения
42
Симпатии
57
Баллы
1 826
Точно, пользовался ещё 3.5.5, марта прошлого года.
 

WiQuert

Творец (III)
Сообщения
8
Симпатии
6
Баллы
14
Пробовал данный компонент, понравился меньше, чем Modals, на последнем и остановился.
 

WiQuert

Творец (III)
Сообщения
8
Симпатии
6
Баллы
14
а мне наоборот. а в совокупности с Convert Forms PRO https://ucrack.com/resources/16/ вообще мочит норм
У меня RSForm используется. Настроил его, чтобы заявки с сайта сразу поступали в CRM Битрикс24 - очень удобно.
С Engage Box у меня была какая-то проблема ещё с совместимостью... Уже не помню, какая конкретно, но, возможно, связано это с тем, что на сайте стоит Gantry в качестве фреймворка.
 

quickweb

Созидатель (II)
Сообщения
3
Симпатии
2
Баллы
25
Engage Box и Modals в сравнении, Modals трактор - Engage Box это Tesla.
Engage Box там триггеры важная особенность.
Это даже как-то несравнимо.
Да компоненты похожие, но возможностям Engage Box ооочень сильно впереди.
 

WiQuert

Творец (III)
Сообщения
8
Симпатии
6
Баллы
14
Engage Box и Modals в сравнении, Modals трактор - Engage Box это Tesla.
Engage Box там триггеры важная особенность.
Это даже как-то несравнимо.
Да компоненты похожие, но возможностям Engage Box ооочень сильно впереди.
Я и не спорю. Но Modals настроил несколько лет назад и, чтобы поменять данный компонент, придётся несколько часов сидеть, переделывать все ссылки. Оно того не стоит :good3:
 

OlegPaRe

Разрушитель (V)
Сообщения
242
Симпатии
350
Баллы
10 046
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

Творец (III)
Сообщения
8
Симпатии
6
Баллы
14
Решил я всё-таки ещё раз поставить 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

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

OlegPaRe

Разрушитель (V)
Сообщения
242
Симпатии
350
Баллы
10 046

OlegPaRe

Разрушитель (V)
Сообщения
242
Симпатии
350
Баллы
10 046

kosolapow

Продвинутый (IV)
Сообщения
28
Симпатии
17
Баллы
35
Привет!
Компонент совместим с Joomla 4?
 
Верх