Как показать виджет с формой Геркурса в модальном окне

Опубликовано 14 Август, 2023 | GetCourse | 965 просмотров

Добавьте блок "Ссылка" на страницу в Linkrr.

Клик по этой кнопке будет открывать окно с виджетом.

Поле URL можно заполнить любым адресом, например, адресом вашей страницы.

Добавьте HTML блок с кодом на страницу в Linkrr:

<!-- GK Modal -->
<div class="modal fade" id="gk-popup-modal" tabindex="-1" aria-hidden="true" role="dialog">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
      <div class="modal-body" id="gk-popup-content">
       <!-- Замените script на код своего виджета -->
      <script id="someid" src="https://course.getcourse.ru/pl/lite/widget/script?id=someid"></script>
      </div>
    </div>
  </div>
</div>
<!-- GK Script -->
<script>
document.addEventListener("DOMContentLoaded", function() {
// Замените в "#block_256963" 256963 на ID своего блока с кнопкой в Linkrr
    document.querySelector("#block_256963").addEventListener("click", function(event) {
        event.preventDefault();

        // Скрыть .modal-backdrop при открытии модального окна
        $('#gk-popup-modal').on('show.bs.modal', function() {
            setTimeout(function() {
                $('.modal-backdrop.show').hide();
            }, 0);
        });

        // Возвращать .modal-backdrop при закрытии модального окна
        $('#gk-popup-modal').on('hidden.bs.modal', function() {
            $('.modal-backdrop.show').show();
        });

        $('#gk-popup-modal').modal('show');
    });
});
</script>