Как запустить модальное окно с Спасибо?

Question

[ashfedor]

Доброго времени суток!
Пытаюсь решить задачу.
На сайте есть форма выводится в модальном окне micromodal.js id="modal-1" и плагином Contact Form7
Мне нужно чтоб при успешной отправке єто окно закрывалось и открывалось другое с бгодарностью об отправке id="modal-2"
Помогите мне написать следующий хук

add_action( 'wp_footer', 'wpcf7_modal_mailsent_js_inline', 999 );
/**
 * Выводит на экран модальное окно при успешной отправки формы.
 *
 * @return void
 */
function wpcf7_modal_mailsent_js_inline() {
  ?>
  <script>
    // Срабатывает при успешной отправке формы.
    document.addEventListener('wpcf7mailsent', function (response) {

// Закрываем  текущее окно с id="modal-1"
      // Запускает модальное окно с id="modal-2"
     
    });
  </script>

  <style>
      .wpcf7-mail-sent-ok {
          display: none !important;
      }
  </style>
  <?php
}

буду благодарен за любую помощь

Answer 1

[ashfedor]

Все намного проще чем казалось! может кому то понадобится
вот хук

function wpcf7_modal_mailsent_js() {
  wp_enqueue_script( 'sweetalert', 'https://unpkg.com/sweetalert/dist/sweetalert.min.js' );
}

/**
 * Выводит на экран модальное окно при успешной отправки формы.
 *
 * @return void
 */
function wpcf7_modal_mailsent_js_inline() {
  ?>
  <script>
    // Срабатывает при успешной отправке формы.
    document.addEventListener('wpcf7mailsent', function (response) {
      MicroModal.close('modal-1')
      // Запускает модальное окно.
      MicroModal.show('modal-2');
    }, false);
  </script>

  <style>
      .wpcf7-mail-sent-ok {
          display: none !important;
      }
  </style>
  <?php
}