Hướng Dẫn Tạo Button Coupon Lấy Mã Giảm Giá Cho Các Trang Chia Sẻ Coupon


Chào các bạn,

Nếu bạn đang tham dự kiếm tiền với tiếp thị liên kết  qua hình thức chia sẻ mã khuyến mãi thì tạo cách nhận mã giảm giá bằng  nút chia sẻ mã khuyến mãi ( button chèn mã giảm giá coupon ) là rất quan trọng.

hướng dẫn tạo nút chia sẻ mã giảm giá coupon

Blog chia sẻ coupon hay mã ưu đãi đang trở thành xu thế chung của những người làm tiếp thị liên kết ( affiliate marketing ).

Mục đích là bạn sẽ chèn link affiliate vào nút lấy coupon và mang ra những lời mời tới khách hàng.

Kiểu như: “ click vào đó để lấy mã giảm giá, nhận coupon, lấy mã giảm giá, v.v…”

Khi người sử dụng click vào button này thì mã giảm giá sẽ hiện ra cùng theo đó một tab mới chứa link mặt hàng tự động mở ra ( mục tiêu là tạo cookie )

Thông qua các nút chia sẻ này, bạn có thể điều hướng khách hàng tới trang bán sản phẩm và nhận hoa hồng nếu khách hàng mua mặt hàng đó.

hướng dẫn tạo nút chia sẻ mã giảm giá coupon
canhme.com là trang chia sẻ mã ưu đãi domain, hosting rất lớn Việt Nam

Ở Việt Nam, khá nhiều trang chia sẻ mã giảm giá, giới thiệu các chương trình khuyến mãi đã thành đạt với loại hình này như:

  • magiamgia.com
  • canhme.com
  • offers.vn
  • giamgiahapdan.com

Ưu điểm của việc này là bạn có thể ẩn các link tiếp thị liên kết một cách khôn ngoan khiến khách hàng tin tưởng hơn khi click.

Bài viết này mình sẽ chỉ dẫn bạn cách tạo nên nút chia sẻ mã khuyến mãi trong WordPress  giống canhme.com và nhiều phiên bản nút mã khuyến mãi khác.

Đây chỉ là một cách tạo mã đơn giản, có biết bao plugin mã khuyến mãi & theme hỗ trợ tạo mã coupon, bạn có thể tìm hiểu thêm.

Tham khảo: WP Coupon and Deals – Plugin tạo mã giảm giá chuyên nghiệp nhất hiện nay

Cách 1. Tạo Coupon Button với Custom Shortcode

a. Tạo Custom Shortcode trong Functions.php

Ưu điểm của cách này là bạn giấu được link affiliate tận gốc khi người sử dụng rê chuột vào nút nhấn.

Đầu tiên, bạn vào  Dashboard  =>   Appearance  =>   Editor  và mở tập tin  functions.php , nhớ là chọn đúng file.

Sau đó, bạn copy đoạn mã bên dưới và thêm vào dưới cùng của tập tin.

 /**  * Button Coupon.  */ function tuhocmmo_bt_coupon( $atts) {     extract(shortcode_atts(array(                  'link' =>  '',                 'coupon' =>  '',                 'text' =>  "'Sử dụng coupon khuyến mãi bên dưới khi thanh toán:'",                 'content' => '',   'a' =>  "'"                                ), $atts));    return ''.$content.''; } add_shortcode( 'btcoupon', 'tuhocmmo_bt_coupon' );   /**  * Link Coupon.  */  function tuhocmmo_link_coupon( $atts) {     extract(shortcode_atts(array(                  'link' =>  '',                 'content' => '',   'a' =>  "'"                                ), $atts));    return ''.$content.''; } add_shortcode( 'linkcoupon', 'tuhocmmo_link_coupon' ); 

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

b. Thêm CSS để make up nút nhấn

Để tùy chỉnh cho nút bấm mã giảm giá, bạn vào  Dashboard  =>   Appearance  =>   Editor  và chọn tập tin .css đang sử dụng. Hoặc dễ dàng hơn nếu theme có hỗ trợ tùy chỉnh  Custom CSS  thì dán đoạn code bên dưới vào rồi lưu lại.

 .coupon-code {background-color: #669900;text-align: center;color: #ffffff; cursor: pointer;font-weight: bold;font-size: 12px; padding: 3px 12px; display: inline-block;margin-bottom: 8px;height: initial;border-radius: 4px;} 

Với đoạn code trên, mình sẽ có nút bấm như dưới:

tạo nút button coupon giảm giá

Bạn có thể tùy chỉnh màu sắc, kích cỡ theo ý muốn bằng phương pháp đổi mã code, size tương ứng.

 .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 chỉnh 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://tuhocmmo.com" content="TU HOC MMO"] [btcoupon link="https://tuhocmmo.com" coupon="TUHOCMMO" content="TU HOC MMO"] 

Trong đó:

  • linkcoupon  là nút bấm thông thường, khi bấm 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ũng đều 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 bắt buộc phải gõ hoặc copy thì nó sẽ cực kỳ tốn thời gian.

Để đơn giản, bạn sử dụng plugin Visual Editor Custom Button giúp chèn button vào trình soạn thảo WordPress đơn giản hơn.

c. Cài đặt plugin Visual Editor Custom Buttom

Bạn cài đặt plugin  Visual Editor Custom Buttons và kích hoạt nó lên để bắt đầu sử dụng.

Sao đó, bạn truy cập  Dashboard  =>   Visual Editor Custom Buttons  =>   Settings  để cấu hình vị trí hiển thị của các button và chỉ định loại user cũng có thể sử dụng.

Tiếp theo, bạn vào  Visual Editor Custom Buttons  =>  Add new  để tạo ra một button mới.

Trong đó:

  • Enter title here : tên nút button.
  • Button Content : nội dung của nút button.
  • Display Editor : tùy chọn hiển thị.
  • Visual Editor Content Styling : Cấu hình CSS.

Bạn tùy chọn giống như hình bên dưới, trong tỉ dụ mình chèn đoạn shortcode và lựa chọn Icon để dễ nhìn thấy.

hướng dẫn tạo nút button chia sẻ mã giảm giá coupon hướng dẫn tạo nút button chia sẻ mã giảm giá coupon

Cuối cùng nhấn nút  Publish .

Bây giờ, tại khung soạn thảo bài viết, bạn chỉ cần nhấp vào này là được.

hướng dẫn tạo nút button chia sẻ mã giảm giá coupon

Chỉ cần vào thao tác dễ dàng là bạn đã có thể thêm một Custom Button bất kỳ vào trình soạn thảo của WordPress rồi đấy.

Từ giờ nó sẽ giúp bạn để dành được nhiều thời gian và làm cho công việc viết bài của bạn trở nên bài bản hơn.

Cách 2. Tạo Coupon Button với Plugin ShortCodes Ultimate

a. Cài đặt plugin Shortcodes Ultimate

Shortcodes Ultimate  là một plugin miễn phí của WordPress.

Đây là 1 plugin rất đa dụng, có rất nhiều công dụng khá hay trong trình soạn thảo của WordPress.

Bạn cũng đều có thể từ từ tìm hiểu những tính năng khác của nó nếu có thời gian. Khá thú vị đấy 🙂

plugin Myshortcode bổ trợ việc tạo mã ưu đãi tuy vậy plugin này hiện nay chưa được cập nhật và hỗ trợ những phiên bản mới của WordPress nữa nên cực khó sử dụng, thường hay bị lỗi hiển thị button.

Bạn chỉ cần gõ đúng tên plugin Shortcodes Ultimate này rồi cài đặt.

hướng dẫn tạo nút button chia sẻ mã giảm giá coupon

Việc cài đặt plugin khá đơn giản nên mình sẽ không nói chi tiết ở đây.

Sau khi cài đặt xong, plugin này sẽ tự động chèn nút Insert shortcode vào khung soạn thảo bài viết.

Tạo coupon button

Tại khung soạn thảo bài viết, bạn nhấn vào Insert shortcode => Button.

hướng dẫn tạo nút button chia sẻ mã giảm giá coupon

Bấm vào nút button, nó sẽ hiện ra khung cài đăt thông số cho nút.

hướng dẫn tạo nút button chia sẻ mã giảm giá coupon

Bạn chú trọng các tin tức sau:

hướng dẫn tạo nút button chia sẻ mã giảm giá coupon

hướng dẫn tạo nút button chia sẻ mã giảm giá coupon

hướng dẫn tạo nút button chia sẻ mã giảm giá coupon hướng dẫn tạo nút button chia sẻ mã giảm giá coupon

Các trường bạn cần điền vào như sau:

  • Link : bạn chèn link (thường là link affiliate) được trỏ đến sau khi click vào button. Bạn có thể dùng các plugin cloak link như plugin Pretty Link  để giúp link affiliate thân thiện hơn với những người dùng.
  • Target : chọn Open in new tab để mở link trong tab mới. Điều này giúp cho người sử dụng vẫn ở lại site của bạn và hạ thấp tỉ lệ thoát trang.
  • Style : chọn kiểu nút bấm. Chọn mặc định nếu bạn không muốn thay đổi.
  • Background : màu nền cho nút button.
  • Text color : màu chữ ở nút button, theo mình bạn nên để mặc định là #FFFFFF tức là màu trắng
  • Size:  kích cỡ của nút button.

Còn biết bao tùy chỉnh các bạn có thể tự vọc cho dù là hình dạng, kích thước, biểu tượng, ký hiệu…

Bạn chú trọng quan trọng nhất để làm Button ẩn mã ưu đãi thì bạn điền vào mục  Tự động trượt  như sau:

  • onClick : là một mã Javascript đòi hỏi hành động khi bấm nút, action xảy ra sau khi người dùng click vào nút bấm. Đây chính là phần hiển thị ở góc trên màn hình thông báo khi bạn nhấn vào nút chia sẻ. Cú pháp như sau:
 s=prompt('Sử dụng coupon giảm giá bên dưới khi thanh toán:','mã giảm giá') 

Bạn thay đổi chữ mã khuyến mãi mình bôi đen kia thành mã khuyến mãi tương ứng của bạn.

Tránh thay đổi các dấu chấm, phẩy nếu không thì code sẽ không chạy nhé.

  • Rel attribute : chọn nofollow . Lý do Google cực ghét các link tiếp thị liên kết  tốt nhất là set cho nó thuộc tính nofollow , lúc các con bọ Google ghé thăm thì nó sẽ bỏ lỡ cái link này, tốt cho SEO.
  • Content : là nội dung văn bản hiển thị trong nút. Ví dụ:  Lấy mã giảm giá  hoặc Nhận Coupon ….

Sau khi cài đặt xong, bạn kéo xuống dưới cùng và chọn  Live Preview  để xem trước.

Nếu thấy OK thì bấm chọn  Insert Shortcode  để chèn button mã giảm giá.

Cách sử dụng rất đơn giản, khi soạn thảo bài viết, bạn cần chèn nút chia sẻ coupon thì bạn bấm vào Insert shortcode  rồi chọn chức năng   Button .

Tuy nhiên điểm bất tiện là mỗi đợt sử dụng, bạn lại bắt buộc phải thao tác từ đầu.

Đây là thành tựu của mình:

hướng dẫn tạo nút button chia sẻ mã giảm giá mới nhất

Lời kết

Hiện nay, trong nghề kiếm tiền Affiliate Marketing , có rất nhiều website chia sẻ mã giảm giá , do đấy việc cạnh tranh ngày càng cao.

Để có thể đưa website của mình vượt lên đối thủ, bạn phải một chiến lược phát triển đúng đắn và đầu tư về hình thức thiết kế, giao diện đẹp mắt.

Đừng cố nhồi nhét quá nhiều vào website giảm giá, hãy tạo những khuyến mãi, giảm giá thiết thực nhất cho khách hàng.

Bên cạnh 2 cách tạo mã giảm giá trên, có hơi nhiều plugin tạo nút chia sẻ mã ưu đãi :

  • Coupon Creator 
  • JC Coupon
  • Magic WP Coupons – Lite

Nếu có bất cứ gì thắc mắc, nhớ để lại bình luận cho mình nhé.

Chúc bạn thành công.

5.0
13

Sưu Tầm: Internet – Kênh Tin: TopVn

Bài Viết Liên Quan


Bài Viết Khác