Tăng cường Ứng Dụng Cửa Hàng của Bạn với Công Cụ Tùy Chỉnh trong Ứng Dụng Shopper

SHOPLINE hiện hỗ trợ tùy chỉnh nâng cao cho ứng dụng cửa hàng của bạn, giúp bạn kiểm soát tốt hơn về giao diện và chức năng của các trang ứng dụng. Bằng cách tạo các thành phần tùy chỉnh và trang web tùy chỉnh, bạn có thể điều chỉnh trải nghiệm ứng dụng cửa hàng để phản ánh tốt hơn thương hiệu và đáp ứng nhu cầu kinh doanh của bạn.

Hướng dẫn này sẽ giúp bạn hiểu về các loại trang được hỗ trợ, phương pháp cấu hình và cách thêm các thành phần tùy chỉnh bằng trình chỉnh sửa giao diện.

Phương pháp tùy chỉnh được hỗ trợ và các trang áp dụng

Để đáp ứng các nhu cầu hiển thị đa dạng trong các tình huống khác nhau, SHOPLINE cung cấp hai công cụ tùy chỉnh trang linh hoạt: Thành phần tùy chỉnh và Trang web tùy chỉnh. Mỗi công cụ phục vụ một mục đích khác nhau, và chúng có thể được sử dụng cùng nhau để tạo ra trải nghiệm ứng dụng hoàn chỉnh hơn.

Thành phần tùy chỉnh

Thành phần tùy chỉnh cho phép bạn chèn các khối nội dung tùy chỉnh vào các trang cụ thể. Khi tạo một thành phần, bạn phải chỉ định trang đích. Sau đó, bạn có thể thêm thành phần này vào các trang được hỗ trợ khác thông qua trình chỉnh sửa mã hoặc trình chỉnh sửa giao diện. Các trang được hỗ trợ bao gồm:

• Trang chủ
• Trang chi tiết sản phẩm
• Giỏ hàng
• Bảng thêm nhanh
• Trang tùy chỉnh

Trang web tùy chỉnh

Trang web tùy chỉnh được sử dụng để tạo các trang độc lập, chẳng hạn như trang đích khuyến mãi hoặc trang câu chuyện thương hiệu. Khi đã xuất bản, nội dung sẽ được hiển thị ngay lập tức mà không cần cấu hình thêm trong trình chỉnh sửa giao diện.

Để hiển thị liên kết hoặc nút đến trang tùy chỉnh trên một trang khác, bạn có thể nhúng mục nhập bằng Thành phần tùy chỉnh, cho phép điều hướng mượt mà và tích hợp nội dung giữa các phần khác nhau của cửa hàng. Ngoài ra, bạn cũng có thể cấu hình nó như một trang chuyển hướng sử dụng Liên kết sâu.

Tạo thành phần tùy chỉnh và trang web tùy chỉnh

Bạn có thể quản lý tất cả các thành phần tùy chỉnh và trang web tùy chỉnh trực tiếp trong bảng quản trị SHOPLINE. Quá trình tạo và chỉnh sửa được tập trung trong một giao diện duy nhất để đảm bảo tính nhất quán và hiệu quả.

Để truy cập cài đặt tùy chỉnh, hãy vào Ứng dụng người mua > Cài đặt ứng dụng > Phát triển tùy chỉnh trong bảng quản trị SHOPLINE của bạn. Trên trang này, bạn sẽ thấy hai tab: Khối tùy chỉnh và Trang web tùy chỉnh, mỗi tab tương ứng với một tính năng tùy chỉnh khác nhau.

Tạo thành phần tùy chỉnh

1. Trong tab Khối tùy chỉnh, nhấp vào Tạo khối tùy chỉnh ở góc trên bên phải.
   
2. Trong bảng Cài đặt bên phải, điền các thông tin sau:

• • Tên khối: Đặt tên cho thành phần để dễ dàng nhận diện và quản lý trong tương lai.
  • Mô tả khối (tùy chọn): Cung cấp mô tả ngắn gọn nếu cần.
  • Trang được gán: Chọn các trang mà bạn muốn thành phần tùy chỉnh xuất hiện.
    

    Lưu ý: Bạn phải gán thành phần cho ít nhất một trang để lưu hoặc xuất bản nó. Bạn có thể quay lại trình chỉnh sửa mã sau để gán thêm các trang hoặc thêm thành phần bằng cách sử dụng trình chỉnh sửa giao diện.

• • Ảnh xem trước khối: Tải lên một hình ảnh sẽ dùng làm ảnh xem trước cho thành phần.

3. Trong trình chỉnh sửa mã, viết mã tùy chỉnh của bạn bằng HTML, CSS hoặc JavaScript.
   
4. Ở bảng bên phải, chuyển sang tab Xem trước để xem thành phần sẽ hiển thị như thế nào trên cửa hàng.
   
5. Nhấn Lưu để lưu thành phần cho việc chỉnh sửa sau. Nếu bạn chèn thành phần vào một trang ở giai đoạn này, nó sẽ hiển thị nhãn Đang phát triển. Khi phát triển hoàn tất, nhấn Xuất bản để làm cho thành phần hoạt động và hiển thị đúng trên trang.
   

Sau khi tạo thành phần tùy chỉnh, tham khảo phần tiếp theo của bài viết này để tìm hiểu cách thêm nó bằng Trình chỉnh sửa giao diện.

Tạo Trang Web Tùy Chỉnh

1. Trong tab Trang web tùy chỉnh, nhấn Tạo trang web tùy chỉnh ở góc trên bên phải.
   
2. Ở bảng Cài đặt bên phải, nhập tên trang và tùy chọn thêm mô tả.
   
3. Trong trình chỉnh sửa mã, viết mã tùy chỉnh của bạn bằng HTML, CSS hoặc JavaScript.
   
4. Ở bảng bên phải, chuyển sang tab Xem trước để xem trang sẽ hiển thị như thế nào trên cửa hàng.
   
5. Nhấn Lưu để lưu trang cho việc chỉnh sửa sau, hoặc nhấn Xuất bản để đưa trang lên hoạt động.
   

Thêm Thành Phần Tùy Chỉnh trong Trình Chỉnh Sửa Giao Diện

Khi bạn đã tạo và xuất bản thành phần tùy chỉnh, bạn có thể thêm nó vào các trang được hỗ trợ trên giao diện cửa hàng của bạn bằng cách sử dụng trình chỉnh sửa giao diện.

1. Từ bảng điều khiển quản trị SHOPLINE của bạn, đi tới Ứng dụng Người mua > Thiết kế Ứng dụng và nhấp vào Thiết kế để mở trình chỉnh sửa chủ đề.
   
2. Trong trình chỉnh sửa chủ đề, điều hướng đến trang mà bạn muốn chèn thành phần tùy chỉnh. (Trong ví dụ này, chúng ta sẽ sử dụng Trang Chủ.)
   
3. Ở bảng bên trái, nhấp vào + Thêm thành phần, chuyển sang tab Tùy chỉnh, và chọn thành phần tùy chỉnh bạn muốn thêm. Ngoài ra, nhấp vào + Tạo khối tùy chỉnh để vào trình chỉnh sửa mã và tạo thành phần tùy chỉnh mới.
   
4. Điều chỉnh vị trí của thành phần bằng cách kéo nó trong bố cục trang theo nhu cầu.
   
5. Nhấp vào Lưu để lưu các thay đổi cho việc chỉnh sửa sau, hoặc nhấp vào Xuất bản > Xuất bản lên Ứng dụng trực tiếp để áp dụng thay đổi ngay lập tức.
   

Mẹo và Thực hành Tốt nhất 

Để đảm bảo các thành phần tùy chỉnh và trang web của bạn mang lại trải nghiệm tốt nhất có thể, hãy lưu ý các mẹo sau: 

Duy trì sự nhất quán trong thiết kế và phù hợp với thương hiệu 

Sử dụng phông chữ, màu sắc và khoảng cách phù hợp với thương hiệu tổng thể của cửa hàng bạn. Một thiết kế đồng bộ xây dựng sự tin tưởng và mang lại trải nghiệm duyệt web mượt mà hơn cho người mua. 

Tối ưu hóa bố cục cho thiết bị di động 

Đảm bảo các thành phần tùy chỉnh của bạn hoàn toàn đáp ứng và hiển thị đúng trên các kích thước màn hình khác nhau, mang lại trải nghiệm trong ứng dụng mượt mà và thân thiện với người dùng.

Luôn chú ý đến hiệu suất 

Tránh sử dụng quá nhiều script nặng hoặc hình ảnh lớn, điều này có thể làm chậm thời gian tải trang. Mã sạch và hiệu quả không chỉ cải thiện hiệu suất mà còn nâng cao SEO và trải nghiệm người dùng tổng thể.