Tạo nút chia sẻ Coupon/Voucher trong WordPress cho trang Affiliate

Tạo nút chia sẻ Coupon/Voucher trong WordPress cho trang Affiliate

Hiện nay có rất nhiều trang Affiliate nổi lên như những thế lực trong nhiều lĩnh vực và đa phần những trang sử dụng WordPress đều dùng theme chuyên dụng cho việc chia sẻ mã giảm giá, giới thiệu các chương trình khuyến mãi.

Nếu bạn đang muốn làm một website Affiliate nhưng chỉ thích sử dụng những giao diện đơn giản thì chắc chắc sẽ thiếu rất nhiều chức năng. Bài này sẽ hướng dẫn bạn làm nút chia sẻ mã giảm giá trong WordPress đơn giản nhất có thể.

Tạo Custom Shortcode trong Functions.php

Đầu tiên bạn cần vào Dashboard -> Appearance -> Editor và chọn tập tin functions.php để thêm đoạn mã bên dưới sau đó lưu lại. Bạn nên dán vào cuối file để đỡ bị rối nhé.

/**
 * Button Coupon.
 */
function namngo_bt_coupon( $atts) {
    extract(shortcode_atts(array( 
                'link' => '',
                'coupon' => '',
                'text' => "'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', 'namngo_bt_coupon' );


/**
 * Link Coupon.
 */

function namngo_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', 'namngo_link_coupon' );

Bạn hãy lưu lại để tới bước tiếp theo nhé.

Thêm CSS để làm đẹp nút nhấn

Để làm đẹp cho nút chia sẻ mã giảm giá bạn vào Dashboard -> Appearance -> Editor và chọn tập tin .css đang sử dụng hoặc nếu theme có hỗ trợ Custom CSS thì dán vào rồi lưu lại.

.coupon-code{background-color: #669900;text-align: center;color: #fff; cursor: pointer;font-weight: bold;font-size: 14px; padding: 10px 15px;display: inline-block;margin-bottom: 10px;height: initial;}
a.coupon-code:hover {color: #ffffff;text-decoration:none}

Cách sử dụng

Sau khi hoàn tất bước phía trên thì bạn có thể sử dụng đoạn shortcode bên dưới để chèn vào vị trí muốn hiển thị trong bài viết.

[linkcoupon link="https://namngo.net" content="Nam Ngo"]
[btcoupon link="https://namngo.net" coupon="ABCXYZ" content="Nam Ngo"]

Trong đó thì:

  • linkcoupon là nút nhấn thông thường, khi nhấn vào sẽ chuyển hướng tới trang tiếp theo.
  • btcoupon là nút nhất có chứa mã giảm giá, khi nhấn sẽ mở một popup để người dùng có thể copy được và chuyển hướng đến trang tiếp theo.

Tuy nhiên, mỗi lần sử dụng bạn lại phải gõ hoặc copy thì nó sẽ rất tốn thời gian. Để đơn giản hóa bạn hãy đọc vài thêm Custom Button vào trình soạn thảo WordPress để biết chi tiết cách làm.

Như vậy chỉ với vài phút bạn đã có ngay một nút nhấn có chức năng chia sẻ mã giảm giá đơn giản cho trang Affiliate sử dụng WordPress rồi đấy. Mình đang sử dụng chức năng này cho trang đánh giá hosting godaddy của mình và rất hiệu quả đấy

guest
17 Comments
Inline Feedbacks
View all comments
HAI NAM
2 years ago

á đù, bài mới, bóc tem phát :))

Giảm giá
Giảm giá
2 years ago

hay nhất quả đất luôn :3

Đàm Ngọc Duy
2 years ago

Bài viết nhiều người đang cần đây. Xin phép bạn cho mình xin copy đoạn code trên để giới thiệu đến độc giả của blog duy đàm nhé. Cảm ơn bạn.

Đặng Quốc Thắng

Dùng Shortcode Ultimate dễ dàng hơn ad ạ.

Nguyễn Bá Đức
2 years ago

Lâu không động vào code giờ nhìn khó hiểu v~

long
long
2 years ago

a tạo cái mục xem nhiều nhất bằng plugin gì thế ạ

Lê Huy
2 years ago

cảm ơn chia sẻ của anh nhé !

Lê Huy
2 years ago
Reply to  Lê Huy

em paste vào cuối function rồi mà không được anh ạ !

Bui Cong Luan
2 years ago

hay đấy ông !

lê xuân nguyên
2 years ago

Dear anh.
bài viết thật ý nghĩa cho em .
thanks anh

Sơn
2 years ago

Mình thắc mắc câu này cũng lâu rồi mà chưa tìm ra câu trả lời. Bác nào biết xin chỉ giáo giúp với!
Link affiliate đặt trong thẻ window.open() có tối ưu về SEO hơn so với không đặt trong thẻ này không?

Sơn
2 years ago
Reply to  Nam Ngô

Post số lượng ít thì không sao, nhưng những trang đặc thù post từ vài chục đến hàng trăm link aff thì mình nghĩ hẳn là google sẽ đánh giá không cao 😀
Mình thấy vấn đề này những trang khủng về coupon giảm giá như: “retailmenot” họ xử lí vấn đề link này rất kỹ (Dù mình vẫn chưa biết họ làm bằng cách nào?)