[CONTACT FORM 7] Thay đổi thông báo thành công bằng thẻ định dạng (ok

functions.php

<?php
add_action( 'wp_footer', function () {
  ?>
  <script>
  jQuery(document).ready(function($) {
      // Lắng nghe sự kiện gửi mail thành công của Contact Form 7
      $(document).on('wpcf7mailsent', function(event) {
          // **THAY ĐỔI ID FORM Ở ĐÂY**
          // event.detail.contactFormId sẽ lấy ID dưới dạng chuỗi
          console.log("bbbbbbbbb1");
          if (event.detail.contactFormId == '864') {
              // Nội dung HTML tùy chỉnh của bạn
              var customHtmlMessage = `
                  <div style="
                      background-color: #e6ffed;
                      border: 1px solid #c8e6c9;
                      color: #1e4620;
                      padding: 20px;
                      border-left: 5px solid #28a745;
                      border-radius: 4px;
                      font-size: 1.1em;
                  ">
                      <p><strong>✨ Kính gửi Quý vị,</strong></p>
                      <p>Chúng tôi trân trọng cảm ơn Quý vị đã đăng ký tham gia RSPM Bio-Hacking 2025. Hẹn gặp Quý vị tại hội thảo – nơi chúng tôi cùng nhau kiến tạo tương lai thẩm mỹ da liễu!</p>
              				<p>Trân trọng, Ban Tổ chức RSPM Bio-Hacking</p
                  </div>
              `;
              // Tìm thẻ thông báo phản hồi trong form hiện tại
              var $responseOutput = $(event.target).find('.wpcf7-response-output');
              if ($responseOutput.length) {
                  setTimeout(function() {
              if ($responseOutput.length) {
                  // 1. Xóa nội dung mặc định (để tránh trường hợp CF7 ghi nội dung text)
                  $responseOutput.text('');
                  // 2. Chèn nội dung HTML tùy chỉnh
                  $responseOutput.html(customHtmlMessage);
                  // 3. Đảm bảo thông báo hiển thị (vì CF7 có thể dùng display: none trong quá trình AJAX)
                  $responseOutput.css('display', 'block');
              }
          }, 50); // Đợi 50ms. Có thể tăng lên 100ms nếu vẫn chưa hoạt động.
              }
          }
      });
  });
  </script>
  <?php
});

Last updated

Was this helpful?