Hướng dẫn tạo Button Coupon lấy mã giảm giá cho các trang chia sẻ coupon

20
1405

Chào các bạn,

Nếu bạn đang tham gia kiếm tiền với tiếp thị liên kết qua hình thức chia sẻ mã giảm giá thì tạo cách nhận mã giảm giá bằng nút chia sẻ mã giảm giá (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ã giảm giá đ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à đưa ra những lời mời tới khách hàng.

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

Khi người dùng click vào button này thì mã giảm giá sẽ hiện ra đồng thời một tab mới chứa link sản phẩm tự động mở ra (mục đích 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 sản phẩm đó.

hướng dẫn tạo nút chia sẻ mã giảm giá coupon
canhme.com là trang chia sẻ mã giảm giá domain, hosting lớn nhất 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 công với mô 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éo léo khiến khách hàng tin tưởng hơn khi click.

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

Đây chỉ là 1 cách tạo mã đơn giản, có rất nhiều plugin mã giảm giá & theme hỗ trợ tạo mã coupon, bạn có thể tìm hiểu thêm.

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 hoàn toàn khi người 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.

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

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

Để tùy chỉnh cho nút nhấn 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 giản 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.

Với đoạn code trên, mình sẽ được nút nhấn 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 thước theo ý muốn bằng cách đổi mã code, size tương ứng.

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.

Trong đó:

  • 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, bạn sử dụng plugin Visual Editor Custom Button giúp chèn button vào trình soạn thảo WordPress dễ dàng 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ó 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 ví 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á couponhướ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 đâ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 đơn giản 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 tiết kiệm đượ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 chuyên nghiệp 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ó 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 hỗ trợ việc tạo mã giảm giá tuy nhiên plugin này hiện nay không được cập nhật và hỗ trợ những phiên bản mới của WordPress nữa nên rất khó sử dụ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ú ý các thông tin 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á couponhướ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 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 dùng vẫn ở lại site của bạn và giảm 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 rất nhiều tùy chỉnh các bạn có thể tự vọc bao gồm hình dạng, kích thước, biểu tượng, ký hiệu…

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

  • onClick: là một mã Javascript yêu cầu 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 bấm vào nút chia sẻ. Cú pháp như sau:
Bạn thay đổi chữ mã giảm giá mình bôi đen kia thành mã giảm giá 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, khi các con bọ Google ghé thăm thì nó sẽ bỏ qua 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 nhấn 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 lần sử dụng, bạn lại phải thao tác từ đầu.

Đây là thành quả 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 lĩnh vực kiếm tiền Affiliate Marketing, có rất nhiều website chia sẻ mã giảm giá, do đó 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 cần 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 thông tin 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ó khá nhiều plugin tạo nút chia sẻ mã giảm giá:

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.

Hướng dẫn tạo Button Coupon lấy mã giảm giá cho các trang chia sẻ coupon
5 (100%) 11 votes

20

Comment của bạn:

Lưu ý:
- Không dùng keyword (từ khóa trong mục 'Tên của bạn'.
- Bạn nên sử dụng tên thật và Email chính xác (email đang hoạt động).
- Bạn vui lòng bình luận, nhận xét bằng tiếng việt có dấu.
- Để tránh tình trạng spam, bình luận không đúng quy định, chủ đề bài viết nên tất cả các comments đầu tiên sẽ được kiểm duyệt cẩn thận. Mọi bình luận, nhận xét không đúng quy định sẽ bị xóa đi.

avatar
9 Comment threads
11 Thread replies
0 Followers
 
Most reacted comment
Hottest comment thread
9 Comment authors
Lê HuyNguyễn Văn ĐangNam NgôLongHiếu Lê Recent comment authors
  Subscribe  
Nhận thông báo
Nguyễn Văn Đang
Khách

Mặc dù đã coppy đúng Check ko sai từ nào nhưng plugin Ultimate shortcode vẫn bị lỗi Huy ơi.Ko hiện ra thông báo.Chỉ hiện ra tab mới với link :((

Nguyễn Văn Đang
Khách

Đã coppy đúng nhưng ulmate shortcode vẫn không hiển thị ra mã giảm giá Huy ơi.Khi nhấn vào chỉ mở ra tab mới với link afiliate

Nam Ngô
Khách

Ông này lấy y chang code và nội dung nhưng không để lại một chút credit. Đang viết ver 2 cho mấy trang kiểu lazada, tiki mà như vầy thì thề là khỏi share cho lành 🙂

Long
Khách

Với cách đầu tiên có cách nào chèn autolink smarttag của accesstrade vào được ko bạn?
https://pub.accesstrade.vn/smarttag

Hiếu Lê
Khách

Dùng Shortcodes Ultimate thì không ẩn được hoàn toàn link affiliate Huy nhé, cách đầu thì ẩn được rồi 😀

Pháp
Khách

Cá này phù hợp cho những người chia sẻ mã giảm giá mảng hosting, domain hơn chứ làm mã giảm giá lazada hay tki đồ có vẻ khó khăn hơn. 🙁

Trung Hieu
Khách
Trung Hieu

Có cách nào tự động lấy đc mã coupon mình đã tạo ở Woo Coupon mà mình không cần phải nhập mã vào ko Lê Huy 🙂

Vũ
Khách

Giờ mới phát hiện ra Huy có nhiều site ghê.
Mà bài viết gần đây bài nào cũng chất lượng hết đó!
Hình như với cách đầu thì nó sẽ ẩn link luôn hả Huy?
(chỉ hiện lên javascrip..)

Sabo
Khách

Bài viết hay mà chưa thấy ai comment nhỉ 😀
Những cái nho nhỏ như vậy thôi nhưng rất hữu ích nhé