1. Cài đặt
- Tải file zip từ trang tài khoản HabaChat của bạn.
- Vào back office → Modules → Module Manager → Upload a module, chọn file zip.
- Cài xong, mở module bằng menu Improve → Mail Design Pro (hoặc nút Configure trong Module Manager).
- Ngay khi cài, module đã ghi một bản sao lưu email gốc của shop, nên bạn thử thoải mái.
Nâng cấp lên phiên bản mới: tải zip mới và upload đè lên như trên. Đừng chép file qua FTP mà không tăng version — PrestaShop chỉ chạy script nâng cấp khi nhận ra số phiên bản thay đổi.
2. Kiểm tra khả năng gửi mail (làm trước tiên)
- Xem khối MailHealth ở đầu trang.
- Đèn xanh: shop gửi được (qua SMTP hoặc PHP mail()), làm tiếp.
- Đèn đỏ/vàng: đọc dòng gợi ý. Trường hợp hay gặp nhất là "host không gửi được ở chế độ PHP mail()" — vào Advanced Parameters → Email, chọn Set my own SMTP parameters và nhập thông tin SMTP của host. Đây là cài đặt của shop, không liên quan đến thiết kế email; sửa xong quay lại đây.
3. Chọn bố cục và màu
- Chọn một trong 4 bố cục: Minimal, Gradient, Classic, Bold. Bản xem trước bên dưới đổi ngay.
- Chọn bảng màu. Muốn đúng tông shop nhất, chọn "Lấy từ logo của tôi" — module đọc logo và rút màu. Không thích thì chọn 1 trong 8 bảng dựng sẵn, hoặc tự chỉnh bốn màu (chính, phụ, chữ, nền).
- Tinh chỉnh thêm: bo góc, chiều rộng email, phông chữ, bật/tắt hàng mạng xã hội.
- Nhìn bản xem trước cho tới khi ưng. Đây là bản dựng bằng chính bộ render của PrestaShop, đúng thứ khách nhận.
4. Điền Brand Kit
- Mở tab Brand Kit. Module đã tự dò tên shop, email, điện thoại, địa chỉ và link mạng xã hội (từ ps_socialfollow).
- Mỗi ô ghi rõ nó lấy từ khoá cấu hình nào — sửa lại nếu muốn.
- Thêm phần PrestaShop không có sẵn: giờ mở cửa, dòng ký tên cuối thư.
- Viết chữ header/footer (tagline, dòng khai footer, dòng huỷ nhận thư) cho từng ngôn ngữ shop đang bán.
- Chọn logo cho email: dùng logo shop, hoặc tải riêng một logo dành cho email.
5. Gửi thử
- Bấm Gửi thử. Module bắn một email thật về hộp thư nhân viên đang đăng nhập.
- Mở trên điện thoại và trong Gmail/Outlook thật, xem logo, màu, khoảng cách có đẹp không.
- Chưa ưng thì quay lại bước 3–4 chỉnh tiếp; chưa có gì áp dụng cho khách ở bước này.
6. Áp dụng
- Bấm Áp dụng. Trước khi ghi, module tự sao lưu bản gốc thêm một lần nữa vào var/.
- Module dựng lại toàn bộ email cho mọi ngôn ngữ, vào mọi thư mục email có thể được dùng lúc gửi — kể cả thư mục mails/ của theme storefront (thứ hay "nuốt" template gốc khiến nhiều module khác cài xong mà không đổi gì).
- Xong, đặt một đơn thử hoặc kích một email giao dịch để thấy kết quả thật trong hộp thư.
7. Bọc email của module khác (tuỳ chọn)
- Bật Bọc email của module khác nếu muốn thư từ các vendor khác cũng dùng chung header/footer của bạn.
- Áp dụng lại. Từ đó shop gửi ra một phong cách thống nhất thay vì ba kiểu khác nhau.
8. Khôi phục khi cần
- Trong tab sao lưu, bấm Khôi phục email gốc để đưa mọi template về đúng lúc trước khi cài.
- Module giữ 5 bản sao lưu gần nhất và luôn giữ lại bản cũ nhất (bản "trước khi đụng vào gì cả").
- Gỡ module cũng tự chạy khôi phục, nên bạn không bao giờ bị kẹt không có email.
9. Xử lý sự cố
Áp dụng rồi mà email vẫn kiểu cũ. Gần như luôn là do theme storefront có thư mục mails/ riêng "nuốt" template gốc. Module vốn đã dựng vào cả thư mục đó; hãy Áp dụng lại một lần và kích một email thật để xác nhận, đừng chỉ nhìn preview.
Khách không nhận được email. Xem MailHealth trước. Nếu đèn xanh mà vẫn không tới, kiểm tra Advanced Parameters → Email và bấm gửi thử của PrestaShop — vấn đề nằm ở khâu gửi của shop, không phải thiết kế.
Màu tự lấy từ logo trông lạ. Logo đơn sắc hoặc nhiều màu nhiễu sẽ ra màu khó đoán; chọn một bảng màu dựng sẵn hoặc chỉnh bốn màu bằng tay rồi xem trước.