Bài Viết, Tất cả bài viết, Thủ thuật wordpress

Hướng Dẫn Tạo Chức Năng Gửi Link Tải Về Qua Email Trong WordPress

Đăng vào Tháng 2 28, 2025 bởi admin

admin

28/02/2025

4 Phút đọc

21 Lượt xem

Đánh giá

5/5 - (1 bình chọn)

Trong bài viết này, chúng ta sẽ xây dựng một chức năng cho phép người dùng tải về một file hoặc tài liệu sau khi nhấn vào nút “Tải về”. Link tải sẽ được gửi trực tiếp đến email của người dùng, giúp bảo vệ tài nguyên và tăng tương tác với người dùng.

Hướng Dẫn Tạo Chức Năng Gửi Link Tải Về Qua Email Trong WordPress

1. Tại Sao Nên Dùng Chức Năng Gửi Link Qua Email?

Bảo vệ tài nguyên: Hạn chế người dùng không mong muốn tải file mà không để lại thông tin.
Tăng tương tác: Khuyến khích người dùng đăng ký hoặc đăng nhập để nhận tài nguyên.
Quản lý lượt tải: Giúp bạn theo dõi ai đã tải file và có thể gửi thông tin cập nhật sau này.

2. Cách Thêm Chức Năng Vào WordPress

2.1. Tạo Meta Box Cho Link Tải Xuống

Trước tiên, chúng ta cần tạo một meta box để nhập link tải xuống trong phần quản trị bài viết.

function add_download_link_meta_box() {
    add_meta_box(
        'download_link',
        'Link Tải Về',
        'render_download_link_meta_box',
        'post',
        'normal',
        'high'
    );
}
add_action('add_meta_boxes', 'add_download_link_meta_box');

function render_download_link_meta_box($post) {
    wp_nonce_field('save_download_link_meta_box', 'download_link_nonce');
    $download_link = get_post_meta($post->ID, '_download_link', true);
    echo '<input type="url" name="download_link" value="' . esc_attr($download_link) . '" style="width:100%;" />';
}

function add_download_link_meta_box() {

add_meta_box(

'download_link',

'Link Tải Về',

'render_download_link_meta_box',

'post',

'normal',

'high'

);

}

add_action('add_meta_boxes', 'add_download_link_meta_box');

function render_download_link_meta_box($post) {

wp_nonce_field('save_download_link_meta_box', 'download_link_nonce');

$download_link = get_post_meta($post->ID, '_download_link', true);

echo '<input type="url" name="download_link" value="' . esc_attr($download_link) . '" style="width:100%;" />';

}

2.2. Lưu Link Tải Xuống Khi Lưu Bài Viết

function save_download_link_meta_box($post_id) {
    if (!isset($_POST['download_link_nonce']) || !wp_verify_nonce($_POST['download_link_nonce'], 'save_download_link_meta_box')) {
        return;
    }
    if (!current_user_can('edit_post', $post_id)) {
        return;
    }
    if (isset($_POST['download_link'])) {
        update_post_meta($post_id, '_download_link', esc_url_raw($_POST['download_link']));
    }
}
add_action('save_post', 'save_download_link_meta_box');

function save_download_link_meta_box($post_id) {

if (!isset($_POST['download_link_nonce']) || !wp_verify_nonce($_POST['download_link_nonce'], 'save_download_link_meta_box')) {

return;

}

if (!current_user_can('edit_post', $post_id)) {

return;

}

if (isset($_POST['download_link'])) {

update_post_meta($post_id, '_download_link', esc_url_raw($_POST['download_link']));

}

add_action('save_post', 'save_download_link_meta_box');

2.3. Hiển Thị Nút Tải Về Trong Bài Viết

function add_download_button($content) {
    if (is_single() && is_main_query()) {
        $download_link = get_post_meta(get_the_ID(), '_download_link', true);
        if ($download_link) {
            ob_start();
            ?>
            <button id="download-button" class="nut-tai-ve" style="background-color: #0073aa; color: white; padding: 10px;">
                Tải về
            </button>
            <script>
                document.getElementById('download-button').addEventListener('click', function () {
                    fetch('<?php echo admin_url('admin-ajax.php'); ?>?action=send_download_link&post_id=<?php echo get_the_ID(); ?>')
                        .then(response => response.json())
                        .then(data => alert(data.message));
                });
            </script>
            <?php
            $content .= ob_get_clean();
        }
    }
    return $content;
}
add_filter('the_content', 'add_download_button');

function add_download_button($content) {

if (is_single() && is_main_query()) {

$download_link = get_post_meta(get_the_ID(), '_download_link', true);

if ($download_link) {

ob_start();

Tải về

</button>

document.getElementById('download-button').addEventListener('click', function () {

fetch('<?php echo admin_url('admin-ajax.php'); ?>?action=send_download_link&post_id=<?php echo get_the_ID(); ?>')

.then(response => response.json())

.then(data => alert(data.message));

});

</script>

<?php

$content .= ob_get_clean();

}

return $content;

}

add_filter('the_content', 'add_download_button');

3. Kết luận

Bằng cách áp dụng các đoạn mã trên, bạn có thể dễ dàng tạo một hệ thống gửi link tải về qua email trong WordPress. Điều này không chỉ giúp bảo vệ nội dung mà còn mang lại trải nghiệm chuyên nghiệp hơn cho người dùng.

Bạn có thể tùy chỉnh thêm để phù hợp với nhu cầu của mình! Hãy tải file code hoàn chỉnh bằng cách nhấp vào nút tải về ở phía dưới nhé. MUATHEMEWPGIARE cảm ơn các bạn đã đọc bài, có vấn đề gì hãy để lại bình luận để bên mình hỗ trợ nhé.

Xem thêm:

Thông báo chính thức: Muathemewpgiare chân thành mong muốn được đồng hành và hỗ trợ tốt nhất cho các khách hàng trong quá trình sử dụng giao diện WordPress. Vì vậy, khi mua những theme wordpress tại chúng tôi, chúng tôi cam kết hỗ trợ quý khách hàng hết sức có thể.

Chúng tôi hiểu rằng sự lựa chọn của quý khách là rất quan trọng. Việc mua source code tại chúng tôi không chỉ giúp đảm bảo chất lượng mà còn nhận được sự hỗ trợ tận tâm từ Muathemewpgiare. Chúng tôi rất mong quý khách cân nhắc kỹ, tránh những rủi ro không đáng có khi mua các source code không rõ nguồn gốc. Chúng tôi luôn sẵn sàng hỗ trợ và đồng hành cùng quý khách. Xin chân thành cảm ơn!

15 chức năng nâng cao giúp trang giỏ hàng WooCommerce chuyên nghiệp hơn

Dưới đây là 15 chức năng nâng cao giúp trang giỏ hàng WooCommerce trong wordpress của bạn trở nên chuyên nghiệp hơn, bạn cần thực...
Tự Động Tạo Lại Đường Dẫn Bắt Buộc Dựa Theo Tiêu Đề

Khi bạn tạo một bài viết mới trên WordPress, đường dẫn (slug) là một yếu tố quan trọng giúp tối ưu hóa SEO và cải...
20+ chức năng có thể thêm vào trang thanh toán (Checkout) của WordPress

Dưới đây là 20+ chức năng có thể thêm vào trang thanh toán (Checkout) của WordPress (WooCommerce) thông qua file functions.php: Mục Lục1. Tại Sao...
Gỡ CSS và JS Không Cần Thiết Trong WooCommerce Khi Không Phải Trang Cửa Hàng

Khi bạn sử dụng WooCommerce trên WordPress, các tệp CSS và JS của plugin này thường được tải trên mọi trang của website, kể cả...
Hướng Dẫn Lấy Bình Luận Từ Nhiều Bài Viết Trong WordPress

WordPress là một nền tảng tuyệt vời để quản lý nội dung và bài viết, và hệ thống bình luận của nó giúp người dùng...
Hướng Dẫn Đếm Tổng Số Thành Viên Có Bình Luận Trong WordPress

Việc đếm tổng số thành viên có bình luận trong WordPress là một yêu cầu phổ biến khi bạn muốn theo dõi mức độ tương...
Thêm Loại Tiền Tệ Mới Trong WooCommerce Và Quy Đổi Tỷ Giá

Để cải thiện khả năng xử lý và tối ưu hóa hiệu suất của hệ thống tiền tệ trong WooCommerce, chúng ta cần làm cho...
Một số cách đưa toàn bộ JavaScript xuống Footer

Để đưa tất cả mã JavaScript của website WordPress xuống footer (chân trang), bạn cần thực hiện một số điều chỉnh trong mã của theme,...
10+ Chức Năng Hữu Ích Cho WordPress Trong File functions.php (Tăng Tốc, Bảo Mật, Tối Ưu SEO)

Mục Lục1. Tại Sao Nên Dùng Chức Năng Gửi Link Qua Email?2. Cách Thêm Chức Năng Vào WordPress2.1. Tạo Meta Box Cho Link Tải Xuống2.2....
Hướng dẫn cách Chặn Index Subpages Trong WordPress Để Tối Ưu SEO

Trong quá trình làm SEO cho website WordPress, việc để các subpages (trang con của phân trang) bị Google index có thể gây ra vấn...
Hướng dẫn cách vô hiệu hóa WooCommerce Brands để tăng tốc độ

Mục Lục1. Tại Sao Nên Dùng Chức Năng Gửi Link Qua Email?2. Cách Thêm Chức Năng Vào WordPress2.1. Tạo Meta Box Cho Link Tải Xuống2.2....
$Rank Math SEO CSS có ảnh hưởng đến tăng tốc độ load? Cách loại bỏ Rank Math SEO CSS để tăng tốc độ load$

Rank Math SEO CSS có ảnh hưởng đến tăng tốc độ load? Cách loại bỏ Rank Math SEO CSS để tăng tốc độ load

Mục Lục1. Tại Sao Nên Dùng Chức Năng Gửi Link Qua Email?2. Cách Thêm Chức Năng Vào WordPress2.1. Tạo Meta Box Cho Link Tải Xuống2.2....
Hướng dẫn tạo tài khoản Admin WordPress thông qua theme

Vì một lý do nào đó, bạn có thể bị mất quyền truy cập vào tài khoản Admin WordPress của mình. Nếu không am hiểu...
Hướng dẫn redirect(Điều hướng) về trang cũ sau khi đăng nhập trong WooCommerce

Mục Lục1. Tại Sao Nên Dùng Chức Năng Gửi Link Qua Email?2. Cách Thêm Chức Năng Vào WordPress2.1. Tạo Meta Box Cho Link Tải Xuống2.2....
Sharecode Hướng Dẫn Tạo Shortcode Kiểm Tra Đơn Hàng Trong WordPress

Nếu bạn đang sử dụng WooCommerce và muốn khách hàng dễ dàng kiểm tra trạng thái đơn hàng của họ ngay trên website, hãy sử...
Cách SEO tiêu đề hiệu quả năm 2025 – Hướng dẫn tối ưu chuẩn Google

Mục Lục1. Tại Sao Nên Dùng Chức Năng Gửi Link Qua Email?2. Cách Thêm Chức Năng Vào WordPress2.1. Tạo Meta Box Cho Link Tải Xuống2.2....