Trang Chủ Thủ Thuật - Mẹo Vặt Thủ Thuật Hướng dẫn Tạo nút Button ẩn mã Giảm giá bằng Shortcodes Ultimate

Hướng dẫn Tạo nút Button ẩn mã Giảm giá bằng Shortcodes Ultimate

11 phút đọc
0
0
41

Shortcodes Ultimate là một Plugin miễn
phí của WordPress và mình nhận thấy nó không thể thiếu trong
trình soạn thảo của WordPress. Bài viết hôm nay mình sẽ hướng
dẫn sử dụng Shortcodes Ultimate để tạo Button ẩn mã giảm giá
một cách nhanh chóng.

Như chúng ta biết để có thể sử dụng được những chức
năng mở rộng cho việc soạn thảo trên WordPress thì chúng
ta cần cài thêm Plugin. Các bạn hãy theo dõi các bài viết khác
để có thể tận dụng hết chức năng của Plugin này. Bài viết hôm
nay mình sẽ giới thiệu cách tạo Button để ẩn mã Coupon, mã giảm
giá mà chúng ta thường thấy.

Trước giờ công việc này thường được làm với
Myshortcode nhưng giờ Plugin 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 một sự
thay thế và đơn giản đó là Shortcodes
Ultimate
.

Với việc sử dụng Plugin thì việc tạo Button Ẩn mã giảm
giá rất nhanh chóng và hiệu quả. Có thể tùy biến chỉnh sửa
Button thật đẹp với yêu cầu người viết. Sau đây mình sẽ hướng
dẫn những bước cơ bản để thực hiện công việc này.
Đầu tiên hãy cài đặt Plugin Shortcodes Ultimate
nếu bạn chưa cài đặt Plugin này. Vào mục cài đặt Plugin trog WP
và tìm kiếm Shortcodes Ultimate sau đó cài đặt và kích
hoạt.

Lúc này trong trình soạn thảo đã có thêm mục chèn
Shortcode
.

Để sử dụng chúng ta click vào và tiến hành chèn
Nút để ẩn mã Giảm giá.

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

  • Liên kết: là liên kết được trỏ đến sau
    khi click vào Button.
  • Mục tiêu: Chon Tab mới để mở địa chỉ
    đến qua Tab mới.
  • Phong cách: Phong cách chọn Mặc định
    nếu không các bạn có thể tùy chỉnh.
  • Nền: là màu nền của Button.
  • Màu văn bản: là màu của chữ hiển thị
    trên 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 button, các biểu tượng, ký
hiệu…

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

s=prompt(‘Sử dụng coupon giảm giá bên dưới khi thanh
toán:’,’coupon’)

Ở mục Rel attribute chọn
nofollow.

Các bạn kéo xuống dưới cùng và chọn Preview để có thể xem
trước. Thấy hợp lý và đẹp mắt rồi thì bấm vào chèn Shortcode và
code sẽ được chèn vào trình soạn thảo.

[//su_button url=”http://chiaseall.com”
target=”blank” background=”#16c869″ size=”10″
icon_color=”#ffffff” onclick=”s=prompt(‘Sử dụng coupon giảm
giá bên dưới khi thanh toán:’,’coupon’)” rel=”nofollow”
title=”chiasell.com says:”]COPY CODE[/su_button]//Để copy sử dụng thì các bạn bỏ dấu
// đi nhé. Mình cố tình thêm vào để nó bị lỗi
cú pháp nên nó mới hiện ra code, còn nếu đúng thì nó sẽ
hiện ra cái Button.

Hãy để ý dòng “s=prompt(‘Sử dụng coupon giảm giá
bên dưới khi thanh toán:’,’coupon’)”
lúc nãy chúng ta
điền vào. Lúc này các bạn thay coupon bằng mã
giảm giá của bạn. Ví dụ mã giảm giá của mình là
GIAMGIA2017 thì mình sẽ thay đổi dòng trên
lại: s=prompt(‘Sử dụng coupon giảm giá bên dưới khi thanh
toán:’,’GIAMGIA2017′)”.

Lưu ý các bạn là mình đang sử dụng giao diện Tiếng Việt
mới có những thuật ngữ như trên. Các bạn có thể chuyển đổi ngôn
ngữ trong phần cài đặt của WordPress nhé.

Thật là nhanh chóng và tuyệt vời phải không các bạn.
Hy vọng bài viết này sẽ giúp ích cho các bạn và công việc chèn
Button để ẩn Mã giảm giá hay những công việc khác được dễ dàng
hơn. Chúc các bạn thành công.

Tạo Button ẩn mã Giảm giá bằng Shortcodes Ultimate

Tải thêm bài liên quan
Tải thêm bằng Tuấn Hợp
Tải nhiều hơn Thủ Thuật

Trả lời

Thư điện tử của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Xem Thêm

Bảo vệ: Tổng Hợp Công Cụ Reup Youtube

Không có trích dẫn vì bài này được bảo vệ. …