Tùy Chỉnh Kiểu Hiển Thị Cho Các Mức Giảm Giá Tự Động

Ứng dụng Design Maker for Campaigns cho phép bạn tùy chỉnh cách hiển thị các chương trình giảm giá tự động trên các trang cửa hàng khác nhau, bao gồm Trang chi tiết sản phẩm, Trang giỏ hàng và Trang đích hoạt động.

Dễ dàng điều chỉnh bố cục, màu sắc và văn bản để phù hợp với thương hiệu cửa hàng của bạn, giúp khách hàng dễ dàng nhận biết các chương trình khuyến mãi đang hoạt động khi duyệt xem. Bạn cũng có thể áp dụng kiểu hiển thị thống nhất cho nhiều chương trình giảm giá tự động để duy trì trải nghiệm hình ảnh đồng nhất.

Hãy làm theo các bước dưới đây để cấu hình thiết kế hiển thị cho các chương trình giảm giá tự động của bạn.

Cài Đặt Hiển Thị Cho Trang Chi Tiết Sản Phẩm

Việc hiển thị các chương trình giảm giá tự động trên trang chi tiết sản phẩm giúp khách hàng ngay lập tức nhận thấy các khuyến mãi, tăng khả năng họ hoàn tất việc mua hàng.

Bạn có thể cấu hình cách các chương trình giảm giá tự động xuất hiện theo hai cách: tùy chỉnh từng chương trình giảm giá tự động riêng lẻ, hoặc bật Theo kiểu toàn cục để áp dụng các cài đặt thống nhất của bạn.

Tùy Chỉnh Thiết Kế Riêng Cho Từng Chương Trình Giảm Giá Tự Động

Để cấu hình hiển thị cho một chương trình giảm giá tự động cụ thể:

1. Từ bảng điều khiển Design Maker for Campaigns, chuyển đến tab Automatic discount và chọn chương trình giảm giá tự động bạn muốn tùy chỉnh.

2. Nhấp vào tab Product detail page và bật Display automatic discount.

   

3. Trong bảng cài đặt bên trái, cấu hình các tùy chọn thiết kế của bạn:
   • Chọn mẫu: Chọn một mẫu hiển thị ưa thích.
   • Thiết kế: Tùy thuộc vào mẫu đã chọn, các tùy chọn sau có thể có sẵn:
     • Bật phối màu thông minh: Tự động phối hợp phong cách (như màu sắc, phông chữ và bán kính góc) với chủ đề cửa hàng của bạn.

     • Bảng màu: Chọn màu hiển thị từ các tùy chọn bảng màu có sẵn, hoặc chọn Màu tùy chỉnh để điều chỉnh màu hiển thị thủ công nếu Bật phối màu thông minh bị tắt.

       

     • Thiết kế: Điều chỉnh các yếu tố thiết kế sau theo ý muốn, dựa trên việc mẫu bạn chọn có hỗ trợ hay không, như Tải lên Hình nền banner cho Desktop và Mobile, Quy tắc hiển thị hình ảnh, và Vị trí.
   • Cài đặt nội dung: Cấu hình thông tin hiển thị:
     • Hiển thị bản sao giảm giá: Chọn để hiển thị và tùy chỉnh bản sao và mã giảm giá tự động.

     • Hiển thị ngày hết hạn: Chọn để hiển thị ngày hết hạn của giảm giá và chọn định dạng hiển thị, hoặc Hiển thị văn bản hoặc Hiển thị đồng hồ đếm ngược.

       Lưu ý: Chức năng Hiển thị ngày hết hạn chỉ khả dụng nếu giảm giá tự động đã được đặt ngày hết hạn trong quản trị SHOPLINE của bạn.

     • Liên kết chuyển hướng sau khi nhấp: Bật chuyển hướng đến Tùy chỉnh hoặc Trang chiến dịch sau khi khách hàng nhấp vào giảm giá tự động.

4. Xem trước bên phải cập nhật theo thời gian thực. Chuyển đổi giữa chế độ Desktop và Mobile để kiểm tra hiệu ứng.

   

5. Nhấp Cập nhật để lưu các thay đổi của bạn.

Khi hoàn tất, khách hàng có thể xem giảm giá tự động trực tiếp trên trang chi tiết sản phẩm nơi nó được áp dụng.

Áp dụng Thiết kế Thống nhất với Phong cách Toàn cục

Để đảm bảo thiết kế nhất quán cho các chương trình giảm giá tự động của bạn, hãy sử dụng tính năng Theo phong cách toàn cầu. Tính năng này cho phép các chương trình giảm giá tự động được chọn tuân theo một phong cách hiển thị đồng nhất trên trang sản phẩm. Trước tiên, bạn phải thiết lập Cài đặt toàn cầu và bật Theo phong cách toàn cầu cho từng chương trình giảm giá tự động mà bạn muốn áp dụng các cài đặt này.

Cấu hình Thiết kế Phong cách Toàn cầu

Thực hiện theo các bước dưới đây để thiết lập phong cách toàn cầu cho các chương trình giảm giá tự động bằng cách sử dụng tùy chọn Theo phong cách toàn cầu trên trang chi tiết sản phẩm:

1. Trên bảng điều khiển Trình tạo thiết kế cho Chiến dịch, nhấp vào Cài đặt phong cách dưới Cài đặt giảm giá tự động toàn cầu.

   

2. Nhấp vào tab Trang chi tiết sản phẩm.
3. Trong bảng cài đặt bên trái, cấu hình các tùy chọn thiết kế của bạn: 
   • Lựa chọn mẫu: Chọn một mẫu hiển thị ưa thích cho chương trình giảm giá tự động của bạn.
   • Thiết kế: 
     • Bật tính năng phối màu thông minh: Đối với các chủ đề hỗ trợ tùy chọn này, bạn có thể bật để hệ thống tự động phối hợp phong cách (như màu sắc, phông chữ và bán kính góc) phù hợp với chủ đề cửa hàng của bạn.

     • Bảng màu: Chọn một màu hiển thị từ các tùy chọn bảng màu có sẵn, hoặc chọn Màu tùy chỉnh để điều chỉnh màu hiển thị thủ công nếu Bật tính năng phối màu thông minh bị tắt.

       

     • Thiết kế: Điều chỉnh các yếu tố thiết kế sau theo ý muốn, dựa trên việc mẫu bạn chọn có hỗ trợ hay không, như Tải lên Hình nền banner cho Desktop và Mobile, Quy tắc hiển thị hình ảnh, và Vị trí đặt.

4. Xem lại cài đặt giảm giá tự động ở bên phải. Bạn có thể chuyển đổi giữa chế độ xem Desktop và Mobile, hoặc giữa Giảm giá theo cấp độ phong cách và Giảm giá đa cấp để xem trước hiệu ứng.

   

5. Nhấp vào Cập nhật để lưu các thay đổi của bạn.

Bật Phong cách Toàn cầu cho Hiển thị Giảm giá Tự động

Sau khi cấu hình cài đặt thiết kế toàn cầu, hãy làm theo các bước dưới đây để bật Theo phong cách toàn cầu cho từng chương trình giảm giá tự động:

1. Từ bảng điều khiển Design Maker for Campaigns của bạn, chuyển đến tab Automatic discount và chọn mã giảm giá tự động mong muốn.

2. Chuyển đến tab Product detail page và bật các công tắc cho Display automatic discount và Follow global style.

   

3. Cấu hình Content settings (đây là các thiết lập độc lập với phong cách toàn cục):
   • Hiển thị nội dung giảm giá: Chọn để hiển thị và tùy chỉnh nội dung giảm giá và mã giảm giá.

   • Hiển thị ngày hết hạn: Chọn để hiển thị ngày hết hạn của mã giảm giá và chọn định dạng hiển thị, hoặc Hiển thị văn bản hoặc Hiển thị đồng hồ đếm ngược.

     Lưu ý: Tùy chọn Hiển thị ngày hết hạn chỉ khả dụng nếu mã giảm giá tự động đã được thiết lập ngày hết hạn trong quản trị SHOPLINE của bạn.

   • Liên kết chuyển hướng sau khi nhấp: Bật tính năng chuyển hướng đến Trang Tùy chỉnh hoặc Trang Chiến dịch sau khi khách hàng nhấp vào mã giảm giá tự động.

4. Chuyển đổi giữa chế độ xem Máy tính để bàn và Di động để xem trước kiểu hiển thị theo thời gian thực.

   

5. Nhấn Cập nhật để lưu các thay đổi của bạn. 

Tất cả các mã giảm giá tự động có bật Theo phong cách toàn cục sẽ tự động áp dụng các thiết lập hiển thị toàn cục giống nhau trên Trang chi tiết sản phẩm.

Thiết Lập Hiển Thị Cho Trang Giỏ Hàng

Hiển thị mã giảm giá tự động trên Trang giỏ hàng giúp nhắc nhở khách hàng về các ưu đãi hiện có và khuyến khích họ hoàn tất việc mua hàng. 

Bạn có thể cấu hình cách hiển thị mã giảm giá tự động theo hai cách: tùy chỉnh từng mã giảm giá tự động riêng lẻ, hoặc bật Theo phong cách toàn cục để áp dụng các thiết lập thiết kế thống nhất.

Tùy Chỉnh Thiết Kế Mã Giảm Giá Tự Động Riêng Lẻ

Thực hiện theo các bước dưới đây để cấu hình trang giỏ hàng cho một mã giảm giá tự động cụ thể riêng lẻ:

1. Từ bảng điều khiển Design Maker for Campaigns của bạn, chuyển đến tab Automatic discount và chọn chiết khấu tự động bạn muốn tùy chỉnh.

2. Nhấp vào tab Cart page, sau đó bật công tắc Display discount banner.

   

3. Thiết lập thiết kế của bạn trong các phần sau:
   • Thiết kế:

     • Bật tính năng phối màu thông minh: Tự động phối hợp phong cách (như màu sắc, phông chữ và bán kính góc) với chủ đề cửa hàng của bạn.

       

     • Bảng màu: Chọn màu hiển thị từ các tùy chọn bảng màu có sẵn, hoặc chọn Màu tùy chỉnh để điều chỉnh màu hiển thị thủ công nếu Bật tính năng phối màu thông minh bị tắt.

       

     • Cài đặt nội dung: Bạn có thể tùy chỉnh văn bản hiển thị trên biểu ngữ và đặt lại về bản sao mặc định bất cứ lúc nào. Các tùy chọn văn bản biểu ngữ có thể tùy chỉnh bao gồm:
       • Ngưỡng tối thiểu chưa đạt
       • Ngưỡng tối đa chưa đạt
       • Đã nhận chiết khấu tối đa
4. Bản xem trước bên phải được cập nhật theo thời gian thực. Chuyển đổi giữa chế độ Desktop và Mobile để kiểm tra hiệu ứng.
5. Nhấp Update để lưu các thay đổi của bạn.

Khi hoàn tất, khách hàng sẽ có thể xem chiết khấu tự động trực tiếp trên trang giỏ hàng khi áp dụng.

Áp dụng Thiết kế Thống nhất với Phong cách Toàn cục

Để đảm bảo thiết kế nhất quán cho các chiết khấu tự động của bạn, hãy sử dụng tính năng Follow global style. Tính năng này cho phép các chiết khấu tự động được chọn tuân theo phong cách hiển thị đồng nhất trên trang giỏ hàng. Bạn phải thiết lập trước Global Settings và bật Follow global style cho từng chiết khấu tự động mà bạn muốn áp dụng cài đặt.

Cấu hình Thiết kế Phong cách Toàn cục

Thực hiện theo các bước để cấu hình hiển thị chiết khấu tự động cho Cart page trong phần Global automatic discount setting.

1. Trên bảng điều khiển Trình tạo thiết kế cho Chiến dịch, nhấp vào Cài đặt kiểu dưới Cài đặt giảm giá tự động toàn cầu.

   

2. Sau đó nhấp vào tab Trang giỏ hàng.
3. Thiết lập thiết kế của bạn trong các phần sau:
   • Bật phối màu thông minh: Hệ thống sẽ tự động phối hợp phong cách (như màu sắc, phông chữ và bán kính góc) với chủ đề cửa hàng của bạn nếu bạn bật tính năng này.
   • Bảng màu: Chọn màu hiển thị từ các tùy chọn bảng màu có sẵn, hoặc chọn Màu tùy chỉnh để điều chỉnh màu hiển thị thủ công nếu Bật phối màu thông minh bị tắt.
4. Nhấp vào Cập nhật để lưu các thay đổi của bạn.

Bật Kiểu Toàn cầu cho Hiển thị Giảm giá Tự động

Sau khi cấu hình cài đặt thiết kế toàn cầu, làm theo các bước sau để bật Theo kiểu toàn cầu cho từng giảm giá tự động:

1. Từ bảng điều khiển Trình tạo thiết kế cho Chiến dịch của bạn, chuyển đến tab Giảm giá tự động và chọn giảm giá tự động mong muốn.

2. Nhấp vào tab Trang giỏ hàng, sau đó bật các công tắc cho Hiển thị banner giảm giá và Theo kiểu toàn cầu.

   

3. Cấu hình Cài đặt nội dung (đây là phần độc lập với kiểu toàn cầu): Bạn có thể tùy chỉnh văn bản hiển thị trên banner, và đặt lại về bản sao mặc định bất cứ lúc nào khi bật Theo kiểu toàn cầu. Các tùy chọn văn bản banner có thể tùy chỉnh bao gồm:
   • Ngưỡng tối thiểu chưa đạt
   • Ngưỡng tối đa chưa đạt
   • Đã tận hưởng mức giảm giá tối đa
4. Nhấp vào Cập nhật để lưu các thay đổi của bạn. 

Tất cả các giảm giá tự động có bật Theo kiểu toàn cầu sẽ áp dụng cùng một cài đặt hiển thị toàn cầu.

Cài đặt Hiển thị cho Trang Đích Hoạt động

Trang đích hoạt động trình bày các chiến dịch giảm giá tự động của bạn trên một trang riêng biệt để thu hút khách hàng và làm nổi bật các giảm giá đang hoạt động. Hãy làm theo các bước dưới đây để cấu hình trang đích hoạt động cho các giảm giá tự động của bạn:

1. Từ bảng điều khiển Design Maker for Campaigns của bạn, chuyển đến tab Automatic discount và chọn chương trình giảm giá tự động bạn muốn tùy chỉnh.
2. Trong tab Activity landing page, nhấp vào Create để tạo trang đích hoạt động.

3. Khi đã tạo, trang sẽ tự động được thêm vào cửa hàng của bạn. Trên trang cài đặt, các tùy chọn cấu hình sau có sẵn:

   

   • URL trang đích hoạt động: Nhấp Copy để chia sẻ URL hoạt động. Để cải thiện SEO trang, nhấp Search engine optimization để điều chỉnh tiêu đề, mô tả và các chi tiết khác trong quản trị SHOPLINE của bạn.
   • Banner hoạt động: Tải lên hình ảnh banner cho Máy tính để bàn và Di động và điều chỉnh Quy tắc hiển thị hình ảnh theo ý muốn.
   • Hiển thị thông tin hoạt động: Bật tùy chọn này để hiển thị banner giảm giá trên trang đích hoạt động. Bạn có thể chọn Loại banner giữa Banner sao chép hoặc Banner thanh tiến trình.

   • Thiết kế: Chọn Bảng màu cho hiển thị giảm giá tự động của bạn, hoặc chọn Màu tùy chỉnh để điều chỉnh màu hiển thị thủ công.

     Lưu ý: Trong phần Thiết kế, bạn sẽ thấy tùy chọn Áp dụng thiết kế cho trang chi tiết sản phẩm ở góc trên bên phải. Nhấp vào đó, sau đó nhấp Đồng bộ hóa để tự động đồng bộ phong cách thiết kế hiện tại với Trang chi tiết sản phẩm, đảm bảo sự nhất quán về hình ảnh trên các hiển thị.

   • Cài đặt nội dung: Chỉnh sửa Văn bản banner để tạo cảm giác cấp bách.
   • Hiển thị đồng hồ đếm ngược: Bật Hiển thị đồng hồ đếm ngược để đếm ngược đến ngày hết hạn của giảm giá. Bạn có thể chọn đơn vị đếm ngược để hiển thị thời gian còn lại bằng Ngày hoặc Giờ.

4. Xem trước bên phải cập nhật theo thời gian thực. Chuyển đổi giữa chế độ Máy tính để bàn và Di động để kiểm tra hiệu ứng.

   

5. Nhấp Update để lưu các thay đổi của bạn.

Khi hoàn tất, khách hàng có thể xem trang đích giảm giá tự động trên cửa hàng của bạn.

Cài đặt nâng cao cho hiển thị giảm giá tự động

Bên cạnh việc tùy chỉnh giao diện của các chương trình giảm giá tự động, bạn có thể cấu hình các cài đặt nâng cao để hiển thị nhiều chương trình giảm giá trên trang chi tiết sản phẩm và trang thanh toán, mang đến cho khách hàng nhiều lựa chọn hơn và cải thiện tính minh bạch về các khoản tiết kiệm được áp dụng cho đơn hàng cuối cùng của họ.

Để biết thêm thông tin về cách thiết lập các tùy chọn hiển thị và quy tắc cho các chương trình giảm giá tự động của bạn, vui lòng tham khảo Tăng cường Hiển thị Giảm giá Tự động với Cài đặt Nâng cao.