Mã Tùy Chỉnh: Hướng Dẫn Toàn Diện

Mã Tùy Chỉnh là một công cụ mạnh mẽ cho phép người dùng có chuyên môn lập trình nâng cao giao diện và chức năng của cửa hàng trực tuyến. Bằng cách thêm mã HTML, CSS hoặc mã theo dõi tùy chỉnh trực tiếp vào các trang cửa hàng của bạn, bạn có thể tùy chỉnh phong cách của cửa hàng, cải thiện nỗ lực tiếp thị và tích hợp các công cụ phân tích thiết yếu như Google Analytics hoặc Facebook Pixel.

Hướng dẫn này sẽ hướng dẫn bạn qua các bước thêm, thiết lập và kích hoạt/vô hiệu hóa mã bằng cách sử dụng ứng dụng Mã Tùy Chỉnh.

Thêm Mã

Mã Tùy Chỉnh cho phép bạn thêm nhiều đoạn mã cùng một lúc, với mỗi đoạn được quản lý độc lập. Làm theo các bước sau để thêm mã của bạn:

1. Từ bảng điều khiển quản trị SHOPLINE của bạn, đi đến Ứng Dụng > Mã Tùy Chỉnh. Cài đặt ứng dụng nếu nó chưa được cài đặt.

2. Trên trang chính của ứng dụng, nhấp vào Thêm mã.
   

3. Bắt đầu thêm mã của bạn trên trang Thêm mã.

Thiết Lập Mã

Khi thiết lập mã tùy chỉnh của bạn, điều quan trọng là hiểu cách các tùy chọn cấu hình hoạt động. Khi bạn nhấp vào Thêm, mã sẽ có hiệu lực ngay lập tức.

• Tên mã: Gán một tên mô tả cho mã để dễ quản lý.

• Kích hoạt trang: Chọn mẫu trang mà mã sẽ được áp dụng (ví dụ: các trang tùy chỉnh). Để áp dụng mã cho một trang cụ thể, sử dụng cú pháp mẫu Handlebars, chẳng hạn như {{#if page.handle ‘===’ ‘custom page handle’}}nội dung mã ở đây{{/if}}

• Nội dung mã: Nhập mã bạn muốn áp dụng cho các trang. Ứng dụng hỗ trợ ngôn ngữ mẫu Handlebars, cho phép đặt mã động.

• Tùy chọn hiển thị: Chọn các thiết bị mà mã sẽ được áp dụng: Máy tính để bàn và di động, Chỉ máy tính để bàn, hoặc Chỉ di động.

• Vị trí chèn: Chọn nơi mã sẽ được chèn:

  • Trên cùng: Mã sẽ được tải trước nội dung trang, lý tưởng cho mã không phụ thuộc vào các phần tử trang.

  • Dưới cùng: Mã sẽ được tải sau nội dung trang, phù hợp để sửa đổi các phần tử đã được tải.

Sau khi cấu hình mã, nhấp vào Thêm để lưu lại.

Kích Hoạt/Vô Hiệu Hóa Mã

Khi bạn đã thêm mã tùy chỉnh của mình, nó sẽ Được Kích Hoạt theo mặc định. Bạn có thể kích hoạt hoặc vô hiệu hóa mã dựa trên nhu cầu của bạn.

• Được Kích Hoạt: Mã đang hoạt động và được áp dụng cho trang(s).

• Bị Vô Hiệu Hóa: Mã không hoạt động và sẽ không được áp dụng.