Hướng dẫn dùng plugin tạo nút ẩn mã giảm giá trên web chia sẻ coupon

Bạn đang muốn làm 1 trang chia sẻ mã giảm giá để làm tiếp thị liên kết ở Việt Nam hoặc ở nước ngoài? Và bạn cũng thấy cách các trang chia sẻ coupon hiện nay đang làm đó là tạo nút ẩn mã giảm giáchèn link tiếp thị ở đó để khi người dùng click vào lấy mã giảm giá sẽ tự động mở ra link tiếp thị. Cách làm là như vậy nhưng chắc bạn vẫn chưa biết cách để làm đúng không nào (nếu biết thì đã không tìm tới bài viết này) 🙂

huong-dan-dung-plugin-tao-nut-an-ma-giam-gia-tren-web-chia-se-coupon

Trong bài viết này, mình sẽ hướng dẫn bạn cách tạo nút ẩn mã giảm giá để khi người dùng click vào sẽ mở ra link tiếp thị liên kết. Với cách này bạn có thể tạo web coupon với bất cứ theme nào bạn đang dùng. Và cách làm thì rất đơn giản, bạn có thể làm được ngay cả khi bạn không biết code. Chúng ta bắt đầu nào!

Hướng dẫn dùng plugin tạo nút ẩn mã giảm giá trên web WordPress

Trước hết mình cũng nói qua với các bạn thế này, nếu bạn đang sở hữu 1 trang chia sẻ coupon và không muốn thay đổi giao diện web thì bạn có thể làm theo hướng dẫn dưới đây để thêm nút ẩn coupon giảm giá. Còn nếu bạn chuẩn bị xây dựng 1 web chia sẻ coupon chuyên nghiệp thì mình khuyên bạn nên đầu tư chút kinh phí để mua theme Coupon của Mythemeshop. Đây là theme vô cùng chuyên nghiệp dùng để tạo web chia sẻ mã giảm giáMythemeshop họ mới tung ra trong thời gian gần đây.

Tham khảo thêm

Bây giờ chúng ta bắt đầu đi vào làm các bước để tạo nút ẩn mã giảm giá để kiếm tiền với Affiliate Marketing nhé. Về cách làm cách làm ở đây chúng ta sẽ tạo shortcode để tạo nút coupon với các thông số thay đổi tùy ý.

Bước 1: Đầu tiên bạn phải cài plugin My Shortcodes vào web WordPress của bạn.

Bước 2: Sau khi cài plugin xong bạn truy cập vào menu My Shortcodes -> New Element để tạo shortcode mới. Hãy nhập vào Element Name, Element DescriptionCategory, Slug với tên tùy ý như sau.

huong-dan-dung-plugin-tao-nut-ma-giam-gia-tren-web-chia-se-coupon-1

Bước 3: Click vào tab Attributes rồi click vào Add Attribute để tạo 3 thuộc tính mới như sau

huong-dan-dung-plugin-tao-nut-ma-giam-gia-tren-web-chia-se-coupon-2

Trong đó:

  • Mục Label: Bạn đặt tên cho tham số tùy ý
  • Mục Slug: Đây là tham số bạn cần để ý nhất. Slug chính là tham số bạn dùng để chèn vào code HTML bên dưới đây và nó cũng chính là tham số bạn sẽ viết ra trong shortcode.

Bước 4: Chèn code HTML để tạo nút coupon chứa mã giảm giá và link tiếp thị liên kết.

Bạn click lên tab HTML ở bên trên sau đó thêm đoạn code sau vào như trong hình

huong-dan-dung-plugin-tao-nut-ma-giam-gia-tren-web-chia-se-coupon-3

Code HTML

Trong đoạn code này bạn để ý các giá trị {{coupon}}, {{linkaff}}, {{title}} , các tham số bên trong dấu {{……}} chính là các slug bạn tạo ra ở trên bước 3.

Bước 5: Về cơ bản là bạn đã tạo xong nút ẩn mã giảm giá rồi đó. Nhưng nó chưa được đẹp lắm nên bạn cần làm theo bước 5 này để thêm CSS cho nút coupon.

Bạn click sang tab CSS và thêm vào đoạn CSS bên dưới đây để trang trí cho button coupon

huong-dan-dung-plugin-tao-nut-ma-giam-gia-tren-web-chia-se-coupon-4

Code CSS

.bcd-coupon {
	max-width: 100%;
	border: 1px dashed #fff;
	border-radius: 4px;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.42857;
	margin-bottom: 0;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
	background-color: #d50000;
	border-color: #fff;
	color: #fff;
}

Bước 6: Bây giờ bạn ấn Save để lưu lại và Active nó lên là xong.

huong-dan-dung-plugin-tao-nut-ma-giam-gia-tren-web-chia-se-coupon-5

Bước 7: Các chèn nút ẩn mã giảm giá khi viết bài

Cách 1

Tại trang soạn thảo bài viết, bạn chọn vị trí cần chèn nút coupon rồi ấn vào My Shortcode trên thanh công cụ soạn thảo. Một bảng hiện lên bạn chọn Category -> chọn Shortcode sau đó nhập vào Mã giảm giá, Link tiếp thị, Tiêu đề hiển thị trên button sau đó ấn Insert Shortcode để chèn vào bài viết.

huong-dan-dung-plugin-tao-nut-ma-giam-gia-tren-web-chia-se-coupon-6

Cách 2

Bạn sử dụng shortcode như sau:

[coupon title="LẤY MÃ GIẢM GIÁ" coupon="BLOGCONGDONG" linkaff="https://nguyenhungplus.com"]

Trong đó bạn chỉ việc thay các giá trị bên trong dấu nháy kép “_” thành các giá trị bạn muốn chèn vào

  • LẤY MÃ GIẢM GIÁ
  • BLOGCONGDONG
  • https://nguyenhungplus.com

Sau khi làm xong bạn sẽ có được nút ẩn mã giảm giá như trang demo này: Mã giảm giá Adayroi

Lời kết

Vậy là bạn đã làm xong các bước để tạo nút ẩn mã giảm giá rồi đó. Chỉ vài bước cơ bản như vậy là bạn đã có thể tạo nút ẩn mã giảm giá để làm 1 website chia sẻ coupon trên bất cứ theme nào mà không cần phải có theme chuyên về coupon.

Nếu thấy bài viết hay hãy like và share cho bạn bè của bạn nhé. Và nhớ theo dõi NguyenHungPlus.Com để cập nhật thêm nhiều thủ thuật WordPress và kiến thức kiếm tiền online nói chung cũng như cách kiếm tiền với Affiliate Marketing nhé. Chúc các bạn thành công!

Hướng dẫn dùng plugin tạo nút ẩn mã giảm giá trên web chia sẻ coupon
5 4 votes

Bình luận mới

  1. Tiến 11/10/2017
  2. Đức Sơn 22/09/2017
    • Nguyễn Hùng 22/09/2017
      • Đức Sơn 22/09/2017
        • Nguyễn Hùng 23/09/2017
  3. Tuấn 19/09/2017
    • Nguyễn Hùng 20/09/2017
  4. nguyen 19/07/2017
    • Nguyễn Hùng 19/07/2017
      • nguyuen 19/07/2017
        • Nguyễn Hùng 19/07/2017
          • nguyen 19/07/2017
          • Nguyễn Hùng 19/07/2017
          • nguyen 19/07/2017
          • Nguyễn Hùng 19/07/2017
  5. Hung 22/06/2017
    • Nguyễn Hùng 22/06/2017
      • Hung 22/06/2017
        • Nguyễn Hùng 22/06/2017
          • Hung 22/06/2017
          • Nguyễn Hùng 22/06/2017
          • Hung 22/06/2017
          • Nguyễn Hùng 23/06/2017
  6. Thái Văn Dạng 10/06/2017
    • Nguyễn Hùng 12/06/2017
  7. mr N 13/05/2017
  8. Trần Định 01/05/2017
    • Nguyễn Hùng 03/05/2017
  9. Soju 25/03/2017
    • Nguyễn Hùng 25/03/2017
      • Soju 26/03/2017
        • Nguyễn Hùng 26/03/2017

Để lại ý kiến của bạn

Hello! Tôi là Nguyễn Hùng, blog này tôi xây dựng nhằm mục đích chia sẻ miễn phí các kiến thức về máy tính và làm web Wordpress, SEO, SEM, MMO,... mà tôi biết cho tất cả mọi người. Cảm ơn bạn đã ghé qua và đọc blog, nếu thấy bài viết hay hãy chia sẻ nó thay cho lời cảm ơn nhé. → Xem tiếp"
Đăng ký nhận bản tin!

Đăng ký nhận bản tin!

Đăng ký email để nhận bài viết mới và các khuyến mãi, quà tặng trên blog Nguyễn Hùng.

Đăng ký thành công!