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.
Bài viết này sẽ giúp các bạn tạo được Button ẩn nội dung như thế này:
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 trong 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 Nút (Button) và tiến hành thêm nút chứa mã Giảm giá cùng với link Affiliate.
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, thường sẽ là các link Affiliate.
- 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.
Để sử dụng Button Shortcode của nút trên thì bạn có thể copy đoạn mã bên dưới.
//Để 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úc này chúng ta sẽ được Button ẩn mã giảm giá như sau:
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.
Trần Hoàn viết
Cảm ơn Admin, tìm mãi giờ mới thấy