Trong quá trình làm website, có đôi bạn muốn tạo một bảng giá, phục vụ cho việc cho thuê hoặc bán sản phẩm có nhiều tính năng. Chẳng hạn như bảng giá cho thuê căn hộ, bảng giá cho thuê phần mềm hay bảng giá thiết kế web. Bạn có thể tạo bảng giá dễ dàng với tính năng Price Table có sẵn trong theme Flatsome.

Tạo bảng giá trong WordPress với Flatsome

Đầu tiên, bạn tạo một trang mới có tên là Bảng giá. Sau đó vào chỉnh sửa trang này với UX Builder.

Bạn thêm một Section, Row với 4 Column.

Sau đó, bạn thêm vào cột một thành phần có tên là Price Table.

Với Price Table đầu tiên, bạn sử dụng làm tiêu đề chung cho bảng giá như sau:

Sau đó, nhấn vào từng Bullet Item để chỉnh sửa nội dung. Tooltip là đoạn mô tả, nó sẽ ẩn đi và hiển thị bằng dấu ?, khi nhấn vào đây thì nó ra dòng mô tả.

Cứ như vậy bạn chỉnh sửa nội dung các hàng theo ý mình. Nếu muốn thêm hàng mới, bạn chuột phải vào Bullet Item và nhấn Duplicate.

Sau đó, bạn Duplicate Price Table và kéo nó qua cột thứ 2 3, 4.

Bạn sửa nội dung của các cột lại, tương ứng với từng hàng bên cột đầu tiên. Nếu muốn một bảng giá nào đó nổi bật hơn, bạn bật tính năng Featured của bảng đó.

Sau đó chỉnh sửa tiêu đề một chút cho trang Bảng giá, và đây là kết quả của mình.

Tổng kết

Nếu bạn đang có nhu cầu tạo bảng giá cho dịch vụ hay sản phẩm, bạn có thể sử dụng tính năng này có sẵn trong theme Flatsome. Tuy nhiên, nếu bạn dùng một giao diện khác không có tính năng tạo bảng, hoặc bạn muốn tạo bảng đẹp hơn, bạn có thể dùng plugin hỗ trợ. Bạn có thể sử dụng plugin Pricing Table by Supsystic. Đây là plugin tạo bảng khá đơn giản và dễ dùng, với nhiều kiểu đẹp mắt.