WooCommerce: Thêm Contact Form 7 vào tab trong trang sản phẩm

Trước khi quyết định mua một sản phẩm nào đó, khách hàng thường có rất nhiều câu hỏi trong đầu. Mà trên trang sản phẩm của bạn, không cung cấp đủ thông tin khách hàng cần. Vì vậy họ thường không đưa ra đặt hàng khi trong đầu có quá nhiều câu hỏi về sản phẩm. Đó thật sự là một điều tồi tệ của với các chủ của hàng. Hoặc bạn bán các sản phẩm nhạy cảm như BCS, thuốc tăng cường sinh lý, khách hàng sẽ không muốn đăng câu hỏi công khai trên trang của bạn. Nên bài viết này sẽ giúp bạn giải quyết các vấn đề trên.

WooCommerce: Thêm Contact Form 7 vào tab trong trang sản phẩm
WooCommerce: Thêm Contact Form 7 vào tab trong trang sản phẩm

Đoạn mã PHP: [WooCommerce] Thêm Contact Form 7 vào tab trong trang sản phẩm

add_filter( 'woocommerce_product_tabs', 'woovn_product_enquiry_tab' );
function woovn_product_enquiry_tab( $tabs ) {
    $tabs['product_enquiry_tab'] = array(
        'title'     => __( 'Đặt câu hỏi', 'woocommerce' ),
        'priority'  => 50,
        'callback'  => 'woovn_product_enquiry_tab_form'
    );
    return $tabs;
}
function woovn_product_enquiry_tab_form() {
    global $product;
    echo '<h3>Đặt câu hỏi về '.$product->get_name().'</h3>';
    echo do_shortcode('[contact-form-7 404 "Not Found"]'); //thêm shortcode Contact Form của bạn ở đây .. 
}

Tham khảo thêm: WooCommerce: Cách chỉnh sửa tab trong trang chi tiết sản phẩm.

Vẫn đề tiếp theo là làm sao để biết khách hàng đang muốn hỏi đến sản phẩm nào. Thật may khi plugin Contact Form 7 hỗ trợ những tags:

[_post_url] – Hiện thị URL của bài đăng .

[_post_title] – Hiện thị tiêu đề của bài đăng.

Còn nhiều tags nữa bạn có thể xem ở đây: https://contactform7.com/special-mail-tags/

Bạn chỉ cần cái tags vào tab Cấu hình Mail trong sửa Form là nó sẽ hoạt động.

WooCommerce: Thêm Contact Form 7 vào tab trong trang sản phẩm
WooCommerce: Thêm Contact Form 7 vào tab trong trang sản phẩm

Vậy là đã xong việc Thêm Contact Form 7 vào tab trong trang sản phẩm. Nếu các bạn có thắc mắc gì hãy bình luận vào bài viết này nhé.

Làm sao để thêm đoạn mã này?

Bạn có thể đặt các đoạn mã PHP ở cuối tệp tin functions.php trong chủ đề con hoặc chủ đề bạn đang sử dụng (trước “?>” Nếu bạn có nó). Hãy chắc chắn rằng bạn biết những gì bạn đang làm khi chỉnh sửa các tệp tin quan trọng như vậy – nếu bạn cần thêm hướng dẫn, vui lòng xem bài viết Cách thêm đoạn mã tùy biến vào WooCommerce.

5 1 vote
Article Rating

BẢO MẬT WORDPRESS

Bình luận

2 bình luận về "WooCommerce: Thêm Contact Form 7 vào tab trong trang sản phẩm"

guest
2 Comments
Mới nhất
Cũ nhất
Inline Feedbacks
View all comments
Văn Vạn<span class="bl-woovn">1 bình luận</span>
Văn Vạn1 bình luận
1 tháng trước

Em có cấu hình lại Form nhưng nó không hiển thị theo đúng cấu trúc như vậy nơi bác