Mẫu mã HTML cho trình soạn thảo thư trong bảng quản trị SHOPLINE đề cập đến việc sử dụng mã HTML để tạo và chỉnh sửa nội dung email. Điều này cho phép bạn quản lý chính xác giao diện và các hành động của email để đáp ứng các yêu cầu thiết kế và tính năng cụ thể.

Truy cập tính năng

Từ bảng quản trị SHOPLINE của bạn, nhấp vào Cài đặt > Thông báo để truy cập module thông báo.

Trên trang module Thông báo, nhấp vào tên bất kỳ kịch bản thông báo nào để vào trình soạn thảo thư.

Trong trình soạn thảo thư, nhấp vào Chuyển sang phiên bản mới ở góc trên bên phải để chuyển sang phiên bản mới của trình soạn thảo thư.

Trong phiên bản mới của trình soạn thảo thư, chọn bất kỳ thành phần nào từ menu thanh bên bên trái. Ở góc dưới bên phải của trang chi tiết, nhấp vào Công tắc mẫu mã để chuyển đổi giữa Mẫu mã và Chế độ trực quan.

Mô tả tính năng

Chế độ trực quan mặc định

Theo mặc định, trình soạn thảo thư ở Chế độ trực quan. Bạn có thể chỉnh sửa email trực tiếp bằng cách thay đổi cấu hình trực quan của các thành phần.

Mẫu mã

Khi bạn nhấp vào nút Mẫu mã ở dưới cùng của thành phần, Mẫu mã sẽ xuất hiện.

Sau khi chuyển đổi, bạn có thể chỉnh sửa email.

• Nếu bạn nhấp vào Đặt lại, nội dung email sẽ thay đổi thành mã HTML được hệ thống đặt sẵn, kèm theo thông báo “Đặt lại thành công”.
  
  
  
  
• Nếu bạn nhấp vào Phóng to, một hộp nhập mã HTML lớn hơn sẽ xuất hiện.
  • Trong hộp nhập này, bạn có thể nhập trực tiếp mã HTML, sau đó nhấp Xác nhận để lưu mã HTML và trở về trang trình soạn thảo thư. Nếu bạn nhấp Hủy, hộp nhập mã HTML lớn sẽ thu gọn và bạn trở về trang trình soạn thảo thư.
    
    
    
    

Mô tả Cú pháp HTML

• Phần này chỉ giải thích một số cú pháp tích hợp phổ biến.
  • Để biết thêm thông tin về cú pháp HTML và Handlebars, vui lòng tham khảo các liên kết sau:
  • HTML: https://developer.mozilla.org/vi/docs/Web/HTML
  • Handlebars: https://handlebarsjs.com/
    
    
• Biến tích hợp sẵn
  • Biến thành phần
    • section.setting.xxx: Giá trị được cấu hình cho điều khiển.
    • section.id: Định danh thành phần hiện tại.
    • ...
      
      
  • Biến khác
    • rtlConf: Cấu hình thích ứng RTL.
    • presetData: Dữ liệu mặc định được đặt trước.
    • metafields: Dữ liệu được yêu cầu.
    • ...
      
      
• Trợ giúp tích hợp sẵn
  • Để biết thêm thông tin, vui lòng tham khảo https://github.com/helpers/handlebars-helpers
    • t: Cài đặt đa ngôn ngữ.
    • assign: Định nghĩa biến.
    • img_size: Lấy kích thước của hình ảnh.
    • ....