Xin chia sẻ cho các bạn code chèn nút coupon vào bài viết mà không cần đến plugin. Không cần cầu kỳ, đơn giản mà hiệu quả dành cho anh em làm Affiliate hoặc bán sản phẩm trên Wordpress.
Sau khi các bạn thêm hành công thì sẽ được kết quả như này:
Sau khi click vào nút Lấy Mã thì sẽ cho ra cửa sổ coupon như này:
Nếu như bạn không có mã giảm giá thì sẽ chuyển hướng liên kết đến trang mục tiêu luôn.
Hướng dẫn chèn nút mã giảm giá coupon vào website Wordpress
các bạn coppy code bên dưới rồi chèn vào file functions.php:
/**
* Nút Coupon.
*/
function vuvanthang_vvt_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( 'vvtcoupon', 'vuvanthang_vvt_coupon' );
/**
* Nút Ưu đãi.
*/
function vuvanthang_vvt_sale( $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( 'vvtsale', 'vuvanthang_vvt_sale' );Tiếp theo chèn mã css này vào file style.css để trang trí nút sao cho đẹp hơn, các bạn cũng có thể tùy chỉnh lại css theo sở thích:
.coupon-code {background-color: #669900; text-align: center; color: #ffffff; 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}Vậy là các bạn đã tích hợp thành công shortcode nút coupon vào website rồi đấy.
Cách chèn shortcode nút mã giảm giảm giá vào bài viết dễ dàng nhất
Để chèn nút coupon giảm giá này vào bài viết, các bạn dùng shortcode sau:
[vvtcoupon link="https://url-lien-ket" coupon="magiamgia" content="Lấy Mã"]Trong đó thuộc tính link="" sẽ hướng liên kết bạn muốn chuyển hướng đến, coupon="" là thuộc tính mã giảm giá, content="" là thuộc tính văn bản của nút.Nếu bạn không có mã giảm giá mà chỉ đơn thuần muốn tạo nút để chuyển hướng liên kết thì bạn dùng shortcode này:
[vvtsale link="https://url-lien-ket" content="Nhận Ưu Đãi"]link="" là thuộc tính liên kết, content="" là thuộc tính văn bản của nút.
Chúc các bạn thành công!
