Mục Lợi ích hiển thị một hàng thẻ, mỗi thẻ có biểu tượng, tiêu đề và một đoạn chữ ngắn. Hãy dùng nó cho những cam kết bạn dành cho mọi khách hàng, như miễn phí giao hàng, thanh toán khi nhận hàng, thanh toán an toàn hoặc đổi trả dễ dàng.
Thêm mục
- Mở trình thiết kế và chọn Trang chủ trong tab Trang.
- Trong tab Các mục, bấm Thêm mục mới và chọn Lợi ích trong nhóm Marketing.
- Chọn mục và bấm Thêm khối mới để thêm một thẻ Lợi ích. Kéo các thẻ để thay đổi thứ tự.
Mục này chỉ có trên trang chủ, mỗi trang một mục, với tối đa 8 thẻ.
Cài đặt của mục
- Số cột trên máy tính: số thẻ nằm cạnh nhau trên máy tính (1 đến 6). Các thẻ thừa sẽ xuống hàng mới.
- Số cột trên di động: số thẻ nằm cạnh nhau trên điện thoại (1 đến 3). Một cột giúp mỗi đoạn chữ dễ đọc.
- Bề mặt: Thẻ đặt mỗi lợi ích trên một ô riêng, Đơn giản đặt chúng thẳng trên nền của mục, còn Đường phân cách vẽ một đường mảnh giữa các thẻ. Góc bo, viền và đổ bóng đến từ giao diện của bạn.
- Chiều rộng mục, Phối màu, Khoảng cách giữa các thẻ, Khoảng đệm và tab CSS tùy chỉnh.
Từng thẻ lợi ích
- Biểu tượng: chọn một biểu tượng, như xe giao hàng, tấm khiên hoặc ổ khóa. Chọn Không có cho thẻ chỉ có chữ.
- Hình ảnh: dùng ảnh của riêng bạn thay cho biểu tượng, chỉ cho thẻ này. Ảnh được hiển thị theo kích thước biểu tượng.
- Căn chỉnh: Đầu hoặc Giữa, cho biểu tượng và đường nhấn. Tiêu đề và đoạn chữ có căn chỉnh riêng trong khối văn bản của chúng.
- Kích thước biểu tượng: kích thước của biểu tượng hoặc ảnh.
- Đường nhấn: một đường ngắn bên dưới chữ để khép lại thẻ. Bật sẵn.
- Hiệu ứng khi rê chuột: Nâng lên nâng biểu tượng lên và Phóng to làm nó to hơn khi chuột đặt trên thẻ, cả hai đều làm đường nhấn dài ra. Không có giữ thẻ đứng yên.
Mỗi thẻ chứa tối đa 2 khối Văn bản: khối đầu là tiêu đề, khối thứ hai là đoạn chữ ngắn. Bạn có thể tạo kiểu cho chúng như mọi khối văn bản khác, xem Khối Nhóm, Văn bản, Nút và Đường phân cách: các cài đặt thành phần bố cục hoạt động thế nào? Kích thước biểu tượng, căn chỉnh, đường nhấn và hiệu ứng khi rê chuột được đặt cho từng thẻ, nên bạn có thể kết hợp khác nhau trong cùng một hàng.
Ý tưởng
- Giao hàng và thanh toán: "Miễn phí giao hàng", "Thanh toán khi nhận hàng", "Đổi trả dễ dàng" và "Hỗ trợ 7 ngày trong tuần", với 4 Số cột trên máy tính và 2 Số cột trên di động.
- Cam kết thương hiệu: "Làm thủ công", "Thành phần tự nhiên", "Sản xuất tại địa phương", với ảnh tự vẽ của riêng bạn.
Lưu ý
- Các thẻ không phải là liên kết, nên hiệu ứng khi rê chuột chỉ di chuyển biểu tượng và đường kẻ, không bao giờ di chuyển thẻ.
- Khách đã bật giảm chuyển động trên thiết bị sẽ thấy các thẻ không chuyển động.
- Với những thông điệp tạo niềm tin nhỏ gần nút mua trên trang sản phẩm, hãy dùng khối Huy hiệu. Xem Làm sao để thêm tab thu gọn, ngày giao hàng, bảng size, huy hiệu hoặc ảnh trước và sau vào trang sản phẩm?
- Chỉ cam kết những gì bạn thực sự cung cấp. Khách hàng tin vào những thẻ này.