Cách tạo bảng giá so sánh sản phẩm trong bài viết wordpress

[Thủ thuật WordPress] Hướng dẫn cách tạo bảng giá so sánh sản phẩm trong bài viết wordpress – Bạn có hay tìm hiểu các thông tin về hosting hay vps hay không bạn thường thấy các mức độ hỗ trợ với các gói dịch vụ khác nhau với các mức giá khác nhau, vậy làm sao để tạo ra các bảng giá và các dịch vụ bạn muốn giới thiệu chuyên nghiệp như vậy? Với WordPress Pricing Table sẽ giúp bạn dễ dàng tạo ra các bảng giá trên các nội dung bài viết.

WordPress Pricing Table với tất cả các tính năng cần để bạn xây dựng một bảng giá hoặc các tính năng cơ bản cho sản phẩm hoặc dịch vụ của bạn một cách dễ dàng nhất. Cách sử dụng khá đơn giản giản, bạn chỉ cần gắn Shortcode [ahm-pricing-table id=999 template=template_name] (với 999 là ID bạn tạo ra từ việc sử dụng Plugin) trong trang hoặc bài viết nội dung để “nhúng” bảng giá. Nhưng nếu bạn ngại việc sao chép thì dù sao nó cũng được tích hợp một nút trên thanh công cụ soạn thảo, bạn có thể sử dụng nó để tạo mã dễ dàng.

Tính năng chính của Plugin Pricing Table

Sắp xếp bằng cách kéo và thả các gói (cột)

Sắp xếp bằng cách kéo và thả các tính năng (hàng)

Hỗ trợ không giới hạn với các cột

Tùy chỉnh các cột tùy chọn highlight

Hỗ trợ Tooltip

 

Tùy chỉnh Shortcode, tạo shortcode không giới hạn để sử dụng

Dễ dàng chỉnh sửa nút TinyMCE để chọn mẫu và tạo Shortcode…

Cách tạo bảng giá so sánh sản phẩm trong bài viết

Trong bài viết trước đây về thủ thuật WordPress mình cũng có hướng dẫn các bạn cách tạo nút Back to Top trong giao diện Genesis giúp bạn có thể dễ dàng thêm nút Back to top mà không cần sử dụng Plugin trong giao diện Genesis tiếp tục trong bài viết này mình sẽ hướng dẫn các bạn cách tạo bảng giá so sánh sản phẩm trong bài viết wordpress.

Giống như mọi Plugin khác đầu tiên bạn cần cài đặt Plugin và kích hoạt nó để sử dụng (tham khảo bài viết hướng dẫn cài đặt Plugin WordPress với các phương pháp rất đơn giản).

Cấu hình Plugin

Sau khi cài đặt và kích hoạt thành công bạn sẽ thấy xuất hiện một Menu có tên là Pricing Table với 4 Menu con chính.

All Pricing Tables: Quản lý các bảng giá hiện có của bạn

Add New: Thêm bảng giá mới

Short Codes: Bạn có thể định nghĩa các shortcode để làm cho bảng giá sinh động hơn

Help: Trợ giúp cách sử dụng plugin.

Đầu tiên bạn bạn sẽ tạo một bảng giá mới bằng cách nhấn Add New. Bạn tiến hành đặt tên cho bảng giá của bạn

Sau khi đặt tên xong bạn nhấn Add Package để tạo sản phẩm mới (cột mới).

Đặt tên sản phẩm (cột).

Sau khi đặt tên xong bạn cần hoàn thành các mục trong một sản phẩm.

Nếu bạn muốn thêm các thông tin của một sản phẩm bạn nhấn Add Feature > sau đó bạn thêm các thông tin cần.

Sau khi thực hiện xong một sản phẩm bạn có thể thêm tiếp các sản phẩm khác bằng các thao tác như trên (giả sử đây là một bảng giá mình đã thiết kế xong).

Hiển thị kết quả

Tiếp tục bạn cần hiển thị bảng giá này ở trong trang hoặc bài viết của bạn bằng cách như sau. Vào menu Bài viết > Viết bài mới hoặc menu Trang > Add New …

Sau đó bạn đặt tiêu đề cho bài viết hoặc trang > tiếp tục bạn nhìn trên khung soạn thảo bạn sẽ thấy một biểu tượng có tên là Insert Pricing Table bạn hãy kíchk vô biểu tượng này. Một cửa sổ xuất hiện bạn chọn bảng giá rồi sau đó chọn giao diện là xong.

Nhấn Insert into post để chèn vào bài viết sau đó bạn lưu bài viết này lại và ra ngoài trang chủ click vào bài viết vừa tạo để tận hưởng thành quả nào.

Như vậy việc tạo bảng giá quá đơn giản phải không. Bạn có thể tùy chỉnh nâng cao với Menu Short Codes tuy nhiên với tính năng cơ bản này bạn đã dư sức tạo một bảng giá rất chuyên nghiệp rồi phải không?

Cuối cùng không có gì hơn nếu bạn cảm thấy bài viết có ích hãy subscribe blog của mình thường xuyên để cập nhật những bài viết mới nhất qua Email – Chân thành cảm ơn!