Nội dung bài viết
Kiếm tiền online với Affiliate marketing hay tiếp thị liên kết đã không còn xa lạ với phần đông mọi người.
Hiện nay để kiếm tiền online thành công với Affiliate Marketing, các chỉ web thường chia sẻ các mã giảm giá để kêu gọi người dùng mua hàng.
Bạn có muốn tạo nút mã giảm giá để người xem ấn vào xem mã giảm giá sẽ xuất hiện mã giảm giá đồng thời tự động trỏ link tới trang Affiliate marketing của sản phẩm đấy. Nếu có thì thật may mắn, vì bài viết này PhonuiIT sẽ chỉ bạn chi tiết cách làm.
Bắt đầu ngay thôi nào.
Tạo Nút Mã Giảm Giá Khi Ấn Vào Xuất Hiện Mã Và Mở Link Affiliate Marketing có tác dụng gì?
Hãy nhìn ví dụ ở ngay dưới đây của trang web Canh Me rất nổi tiếng, anh ấy có thể kiếm từ 1000-10.000$ thụ động/ tháng bằng cách này.
Tạo Nút Mã Giảm Giá Giống Web Canh Me như thế nào?
Để tạo nút mã giảm giá cũng rất đơn giản, bạn sẽ cần 2 đoạn mã sau
Đoạn mã nguồn PHP, để thêm đoạn mã nguồn này bạn sẽ thêm theo đường dẫn sau
Appearance -> Edit -> Chọn tệp Functions.php, sau đó bổ sung đoạn mã dưới đây:
/*Button Coupon. */function hoangthienkim_bt_coupon( $atts) {
extract(shortcode_atts(array(
'link' => '',
'coupon' => '',
'text' => "'Copy và sử dụng coupon giảm giá bên dưới khi thanh toán:'",
'content' =>'',
'a' => "'"
), $atts));
return '<a href="javascript:void(0)" target="_blank" onclick="s=prompt('.$text.','.$a.''.$coupon.''.$a.');window.open('.$a.''.$link.''.$a.'); " class="coupon-code">'.$content.'</a>';
}
add_shortcode( 'btcoupon', 'hoangthienkim_bt_coupon' );
/*Link Coupon. */function hoangthienkim_link_coupon( $atts) {
extract(shortcode_atts(array(
'link' => '',
'content' =>'',
'a' => "'"
), $atts));
return '<a href="javascript:void(0)" target="_blank" onclick="window.open('.$a.''.$link.''.$a.');" class="coupon-code">'.$content.'</a>';
}
add_shortcode( 'linkcoupon', 'hoangthienkim_link_coupon' );Tiếp đến bạn cần thêm đoạn CSS như dưới đây để làm đẹp cho nút giảm giá.
Để thêm đoạn CSS bạn đi theo đường dẫn sau Appearance -> Customize -> Additional CSS
.coupon-code{
background-color: #669900; ( Màu của Nút)
text-align: center;
color: #fff;
cursor: pointer;
font-weight: bold;
font-size: 14px;
padding: 10px 15px;
display: inline-block;
margin-bottom: 10px;height: initial;
text-decoration:none;
border-radius:5px;
}
a.coupon-code:hover {
background-color: #7bab1a; ( Màu khi di chuyển chuột )
color:#fff;
}Cuối cùng, bạn có 2 lựa chọn sử dụng nút mã giảm giá theo từng nhu cầu khác nhau.
Lựa chọn 1
Đây là loại nút thông thường, khi người dùng nhấp vào link affiliate sẽ được kích hoạt và chuyển hướng dẫn người dùng tới trang đó.
[linkcoupon link="https://phonuiit.com" content="Kích hoạt ưu đãi"]
Lựa chọn 2 ( Canh Me đang dùng)
[btcoupon link="https://phonuiit.com" coupon="CodeGiamGia" content="Nhận Coupon"]
Khi người dùng nhấp vào nút này sẽ có một pop-up bật lên trên cùng màn hình hiển thị Code cho người dùng, sau khi người dùng sao chép và nhấn Ok thì sẽ được tự động chuyển hướng URL theo ý muốn của bạn.
Vậy là trong bài viết này, mình đã chia sẻ cho bạn cách để tạo nút giảm giá chuyên nghiệp.
Và giúp bạn dễ dàng điều hướng người dùng đi qua link Affiliate Marketing của bạn trước khi họ tiến hành mua sản phẩm rồi.
Nếu bạn cảm thấy bài viết này thật sự hay và ý nghĩa thì đừng quên để lại một bình luận và một lượt share bài viết nhá.
