• Официальной группы в Телеграм у нашего форума нет, все группы использующие в своем названии имя нашего форума являются мошенническими и администрация форума за деятельность таких групп ответственности не несет!

Компонент Engage Box

OlegPaRe

Разрушитель (V)
Сообщения
214
Симпатии
302
Баллы
8 028
OlegPaRe разместил(а) новый ресурс:

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

box_types.png

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

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

OlegPaRe

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

OlegPaRe

Разрушитель (V)
Сообщения
214
Симпатии
302
Баллы
8 028

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

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

Wingedbull

Создатель (I)
Сообщения
42
Симпатии
55
Баллы
1 742
Автоматическое закрытие всплывающего окна после успешной отправки формы
Добавлю пять копеек ))
В документации по 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)
Сообщения
214
Симпатии
302
Баллы
8 028
Добавлю пять копеек ))
В документации по 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

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

WiQuert

Созидатель (II)
Сообщения
8
Симпатии
4
Баллы
20
Пробовал данный компонент, понравился меньше, чем Modals, на последнем и остановился.
 

WiQuert

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

quickweb

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

WiQuert

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

OlegPaRe

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

Созидатель (II)
Сообщения
8
Симпатии
4
Баллы
20
Решил я всё-таки ещё раз поставить 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

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

OlegPaRe

Разрушитель (V)
Сообщения
214
Симпатии
302
Баллы
8 028

OlegPaRe

Разрушитель (V)
Сообщения
214
Симпатии
302
Баллы
8 028

kosolapow

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