Tùy chỉnh giỏ hàng với Website Builder
Giỏ hàng giúp người mua dù đang truy cập trang nào trên cửa hàng cũng có thể dễ dàng xem lại các sản phẩm đã chọn và cân nhắc quyết định trước khi tiến hành thanh toán. Trong cửa hàng của bạn, hệ thống đã tự động chèn Cart (Giỏ hàng) để đảm bảo cửa hàng của bạn hoạt động tốt. Bài viết này hướng dẫn bạn cách tạo và tùy chỉnh biểu tượng Giỏ hàng (Cart).
A. Thêm giỏ hàng
B. Tùy chỉnh giỏ hàng
Nhấp vào dấu + > Nhập từ khóa Cart để tìm kiếm giỏ hàng, kéo giỏ hàng đến vị trí mong muốn. Thông thường giỏ hàng được thêm vào đầu trang cửa hàng.
Chỉnh sửa thiết kế của khối: Chọn Cart (Giỏ hàng) > tab Design.
Type: :ựa chọn bố cục là Icon & Label (biểu tượng kèm nhãn) hoặc Icon only (Chỉ biểu tượng).
Color: Chọn màu viền của biểu tượng Cart (Giỏ hàng).
Icon size: Tùy chỉnh kích thước giỏ hàng để phù hợp với các nội dung khác trên trang (có thể chọn từ các lựa chọn có sẵn hoặc tùy chỉnh kích thước phù hợp).
Badge position: Chọn vị trí hiển thị của phần số, tương quan với biểu tượng giỏ hàng.
Badge color: Chọn màu hiển thị cho huy hiệu, giúp màu của số lượng mặt hàng trong giỏ hàng nổi bật hơn.
Number color: Chọn màu cho phần số bên trong vòng tròn.
General style: Tùy chỉnh các cài đặt chung của giỏ hàng theo hướng dẫn từ bài viết này.
Chỉnh sửa nội dung của khối : Chọn Cart (Giỏ hàng) > tab Content
Icon: Lựa chọn biểu tượng giỏ hàng.
Action: Cài đặt chuyển hướng sau khi nhấp vào biểu tượng giỏ hàng. Có 4 lựa chọn để tùy chỉnh:
⟡ Open mini cart: Mở giỏ hàng dạng thu nhỏ bên dưới biểu tượng ngay trên trang hiện tại. Bạn có thể tùy chỉnh nút: Price compare, Remove item, Note, Cart button, Checkout button. Vui lòng tham khảo bài viết này để biết thêm thông tin
⟡ Open cart drawer: Mở thanh giỏ hàng hiển thị bên phải trang. Bạn có thể xem trước ngăn kéo giỏ hàng.
⟡ Go to cart page: Sau khi nhấp vào biểu tượng giỏ hàng, người mua sẽ được chuyển hướng đến trang Cart.
⟡ Go to checkout page: Sau khi nhấp vào biểu tượng giỏ hàng, người mua sẽ được chuyển hướng ngay đến trang Thanh toán.
Tùy chỉnh Cart goal trong Website Builder
Tùy chỉnh Mini Cart ở Website Builder
Tùy chỉnh Cart drawer trong Website Builder
Tùy chỉnh Cart items trong Website Builder
Tùy chỉnh Checkout form ở Website Builder
Thiết lập tiến trình đơn hàng với Website Builder
Trong bài viết này
A. Thêm giỏ hàng
B. Tùy chỉnh giỏ hàng
A. Thêm giỏ hàng
Nhấp vào dấu + > Nhập từ khóa Cart để tìm kiếm giỏ hàng, kéo giỏ hàng đến vị trí mong muốn. Thông thường giỏ hàng được thêm vào đầu trang cửa hàng.
B. Tùy chỉnh giỏ hàng
Chỉnh sửa thiết kế của khối: Chọn Cart (Giỏ hàng) > tab Design.
Type: :ựa chọn bố cục là Icon & Label (biểu tượng kèm nhãn) hoặc Icon only (Chỉ biểu tượng).
Color: Chọn màu viền của biểu tượng Cart (Giỏ hàng).
Icon size: Tùy chỉnh kích thước giỏ hàng để phù hợp với các nội dung khác trên trang (có thể chọn từ các lựa chọn có sẵn hoặc tùy chỉnh kích thước phù hợp).
Badge position: Chọn vị trí hiển thị của phần số, tương quan với biểu tượng giỏ hàng.
Badge color: Chọn màu hiển thị cho huy hiệu, giúp màu của số lượng mặt hàng trong giỏ hàng nổi bật hơn.
Number color: Chọn màu cho phần số bên trong vòng tròn.
General style: Tùy chỉnh các cài đặt chung của giỏ hàng theo hướng dẫn từ bài viết này.
Chỉnh sửa nội dung của khối : Chọn Cart (Giỏ hàng) > tab Content
Icon: Lựa chọn biểu tượng giỏ hàng.
Action: Cài đặt chuyển hướng sau khi nhấp vào biểu tượng giỏ hàng. Có 4 lựa chọn để tùy chỉnh:
⟡ Open mini cart: Mở giỏ hàng dạng thu nhỏ bên dưới biểu tượng ngay trên trang hiện tại. Bạn có thể tùy chỉnh nút: Price compare, Remove item, Note, Cart button, Checkout button. Vui lòng tham khảo bài viết này để biết thêm thông tin
⟡ Open cart drawer: Mở thanh giỏ hàng hiển thị bên phải trang. Bạn có thể xem trước ngăn kéo giỏ hàng.
⟡ Go to cart page: Sau khi nhấp vào biểu tượng giỏ hàng, người mua sẽ được chuyển hướng đến trang Cart.
⟡ Go to checkout page: Sau khi nhấp vào biểu tượng giỏ hàng, người mua sẽ được chuyển hướng ngay đến trang Thanh toán.
Bài viết liên quan
Tùy chỉnh Cart goal trong Website Builder
Tùy chỉnh Mini Cart ở Website Builder
Tùy chỉnh Cart drawer trong Website Builder
Tùy chỉnh Cart items trong Website Builder
Tùy chỉnh Checkout form ở Website Builder
Thiết lập tiến trình đơn hàng với Website Builder
Cập nhật vào: 06/12/2023
Cảm ơn!