[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
});PreviousChú ý các tham số của wp-login.php, wp-login.php?action=register ... (ok)NextChange field Description in slides Elementor to Text rich (ok)
Last updated
Was this helpful?