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ó kiến thức 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, bạn có thể tùy chỉnh phong cách cửa hàng, cải thiện các chiến dịch tiếp thị và tích hợp các công cụ phân tích quan trọng như Google Analytics hoặc Facebook Pixel.

Hướng dẫn này sẽ giúp bạn từng bước thêm, thiết lập và bật/tắt 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 lúc, mỗi đoạn được quản lý độc lập. Thực hiện theo các bước sau để thêm mã của bạn:

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

2. Trên trang chủ 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, điều quan trọng là phải hiểu cách các tùy chọn cấu hình hoạt động. Ngay 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 nơi 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, 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 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 vị trí mã sẽ được chèn:

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

  • Phía dưới: Mã sẽ được tải sau nội dung trang, thích hợp để chỉnh sửa các phần tử đã được tải.

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

Bật/Tắt Mã

Khi bạn đã thêm mã tùy chỉnh, mã sẽ được Bật theo mặc định. Bạn có thể bật hoặc tắt mã tùy theo nhu cầu.

• Bật: Mã đang hoạt động và được áp dụng cho trang.

• Tắt: Mã không hoạt động và sẽ không được áp dụng.