Bài viết về: Cửa hàng trực tuyến
Bài viết này cũng có sẵn trong:

Thiết lập các mục trong Landing page

Với tính năng tích hợp mới được ShopBase cho ra mắt, bằng việc sử dụng trình tạo landing page hiệu quả và thư viện mẫu đa dạng, giờ đây bạn có thể tạo các landing page với nhiều mục đích khác nhau sao cho phù hợp với doanh nghiệp của mình. Trong bài viết này, chúng tôi sẽ hướng dẫn bạn cách tùy chỉnh landing page cho cửa hàng chỉ trong một vài bước đơn giản.

Nội dung bài viết



A. Tạo hoặc tùy chỉnh landing page
B. Tùy chỉnh cài đặt nội dung trong landing page
C. Tùy chỉnh cài đặt hình ảnh trong landing page

A. Tạo hoặc tùy chỉnh landing page



Tại trang quản trị ShopBase, đi tới Cửa hàng (Online store) > Trang đích (Landing Pages)


Nếu bạn muốn tạo một landing page mới, vui lòng tham khảo hướng dẫn chi tiết trong bài viết này.

Nếu bạn muốn tùy chỉnh một landing page hiện có, nhấp vào tiêu đề landing page đó. Bạn sẽ được chuyển hướng đến trình tạo landing page.

Tại trình tạo landing page, nhấp vào từng mục của landing page để tùy chỉnh.

Nếu bạn muốn thêm một mục mới trong landing page trống, nhấp vào Add section.


Nếu bạn muốn thêm một mục mới, đi tới cuối danh sách các mục ở phía bên phải và nhấp vào Add section.


Khi thêm một mục mới, bạn sẽ được cung cấp một danh sách các mục với các mẫu có sẵn. Điều này sẽ giúp bạn có thể xem trước để chọn một bố cục sao cho phù hợp. Bằng cách làm theo các bước hướng dẫn trong phần B và C của bài viết này, bạn có thể tự do chỉnh sửa nội dung (Content) và hình ảnh (Visual) của mỗi mục trên landing page. Mỗi mục được chia thành các blocks khác nhau để bạn có thể tùy chỉnh thêm, và mỗi block cũng có thể tùy chỉnh nội dung (Content) và hình ảnh (Visual).

B. Tùy chỉnh cài đặt nội dung trong landing page



Mục Content Settings cho phép bạn chỉnh sửa nội dung hiển thị trên landing page, chẳng hạn như văn bản, tên nút, video, v.v.

Bỏ tích Visible on mobile nếu bạn chỉ muốn mục đang tùy chỉnh hiển thị trên thiết bị máy tính chứ không phải trên thiết bị di động.



C. Tùy chỉnh cài đặt hình ảnh trong landing page



Mục Visual settings cho phép bạn chỉnh sửa các yếu tố hình ảnh hiển thị trên landing page. Ví dụ: nếu một mục chứa văn bản, nút, liên kết, hình ảnh, v.v., bạn có thể chỉnh sửa hình ảnh của từng mục một cách độc lập và riêng biệt mà không ảnh hưởng đến các mục khác trên trang.

Bạn có thể chỉnh sửa các chi tiết sau của hình ảnh trong từng mục:

1. Background (nền)


Có 3 loại nền:

Custom: Màu nền đồng nhất. Bạn có thể lựa chọn màu sắc theo mong muốn.


Gradient: Nền Gradient. Bạn có thể đặt gradient đi từ trái sang phải, trên xuống dưới hoặc trên cùng bên trái sang dưới cùng bên phải.


Image: Nền hình ảnh.


2. Các cài đặt chi tiết


Các chi tiết nhỏ từ văn bản (tiêu đề, nội dung) đến hình ảnh, nút, liên kết đều có thể được chỉnh sửa riêng biệt. Các cài đặt cơ bản bao gồm màu sắc, phông chữ, kích thước và căn chỉnh. Trong một số trường hợp, các nút và hình ảnh sẽ có thêm thiết lập độ tròn để bạn điều chỉnh bán kính góc.

3. Separator (Dấu phân cách)


Các dấu phân cách có thể được sử dụng để phân chia các mục, giúp theo dõi thông tin dễ dàng hơn. Bạn có thể thêm các dấu phân cách và thay đổi màu sắc, kích thước của chúng theo mong muốn.

4. Layout (Bố cục)


Tại đây, bạn có thể tùy chỉnh bố cục tổng thể của các mục trong landing page của mình.

Trong mục Min height, bạn có thể tùy chỉnh chiều cao tối thiểu của từng mục. Chọn Default để chiều cao phù hợp nhất sẽ được tự động áp dụng, hoặc chọn Screen để chiều cao sẽ được điều chỉnh sao cho phù hợp với màn hình hiển thị.

Cài đặt chiều cao tối thiểu
Trong mục Max width, bạn có thể tùy chỉnh chiều rộng tối đa của từng mục. Chọn Default để chiều rộng phù hợp nhất sẽ được tự động áp dụng, hoặc chọn Custom và nhập chiều rộng bạn mong muốn, hoặc None để hiển thị chiều rộng của từng mục theo kích thước của nội dung. Trong một số phần, bạn cũng có thể chọn Full để mở rộng vùng hiển thị của nội dung ra toàn màn hình.

Cài đặt chiều rộng tối đa - Default và None
Cài đặt chiều rộng tối đa - Custom
Cài đặt chiều rộng tối đa - Full

Tham khảo thêm: Hướng dẫn sử dụng template trang sản phẩm thay thế cho landing page.

Bài viết liên quan



Tạo landing page cho cửa hàng

Cập nhật vào: 03/03/2023

Bài viết có hữu ích không?

Chia sẻ phản hồi của bạn

Hủy bỏ

Cảm ơn!