Tùy Chỉnh Kiểu Hiển Thị Mã Giảm Giá

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

Dễ dàng tùy chỉnh bố cục, màu sắc và văn bản cho từng chiến dịch để phù hợp với nhận diện thương hiệu của bạn, đảm bảo khách hàng ngay lập tức nhận thấy và áp dụng ưu đãi. Bạn cũng có thể tạo một phong cách thống nhất để áp dụng cho nhiều mã giảm giá, đảm bảo vẻ ngoài chuyên nghiệp và nhất quán trong toàn bộ các chiến dịch của bạn.

Hãy làm theo các bước dưới đây để bắt đầu cấu hình thiết kế hiển thị của bạn.

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

Việc hiển thị mã giảm giá trên Trang chi tiết sản phẩm giúp khách hàng nhanh chóng nhận thấy các chương trình khuyến mãi, khuyến khích họ áp dụng mã giảm giá và hoàn tất việc mua hàng.

Thiết kế hiển thị có thể được thiết lập theo hai cách: tùy chỉnh từng mã giảm giá riêng lẻ, hoặc bật Theo phong cách 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ế Mã Giảm Giá Riêng Lẻ

Để cấu hình hiển thị cho một mã giảm giá cụ thể:

1. Từ bảng điều khiển Design Maker for Campaigns, chuyển đến tab Discount code campaigns và chọn mã bạn muốn tùy chỉnh.

2. Chuyển đến tab Product detail page và bật công tắc Display coupon.

   

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ẫ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: Đối với các mẫu 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) với các mẫu của cửa hàng bạn.

     • Cài đặt màu sắc: Thiết lập màu sắc thủ công nếu Bật phối màu thông minh bị tắt hoặc không được hỗ trợ trong mẫu đã chọn.

       

     • Hình nền banner: Tải lên hình nền banner cho Máy tính để bàn và Di động, sau đó điều chỉnh Quy tắc hiển thị hình ảnh và Vị trí đặt theo ý muốn.

       Lưu ý: Nếu bạn chọn Tùy chỉnh vị trí hiển thị trong phần Vị trí đặt, bạn phải thêm thủ công khối ứng dụng Design Maker for Campaigns vào trang Sản phẩm trong Trình chỉnh sửa giao diện để banner hiển thị đúng.

   • Cài đặt nội dung: Cấu hình thông tin hiển thị:
     • 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ã.

     • Hiển thị ngày hết hạn: Chọn để hiển thị ngày hết hạn 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ỉ có khi mã giảm giá đã được thiết lập ngày hết hạn trong quản trị SHOPLINE của bạn.

     • Chuyển trang sau khi áp dụng mã giảm giá: Bật chuyển hướng đến trang hoạt động hoặc trang tùy chỉnh sau khi khách hàng nhấp vào mã giảm 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ấn Cập nhật để lưu các thay đổi của bạn.

Khi đã lưu, khách hàng có thể xem và áp dụng mã giảm giá trực tiếp trên trang chi tiết sản phẩm áp dụng.

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

Để đảm bảo thiết kế nhất quán trên các chiến dịch mã giảm giá 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 mã giảm giá được chọn tuân theo một phong cách hiển thị đồng nhất trên trang sản phẩm. Bạn phải thiết lập trước Cài đặt Toàn cầu và bật Theo phong cách toàn cầu cho từng mã giảm giá 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 các bước sau để thiết lập phong cách toàn cầu cho các mã giảm giá 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 kiểu trong phần Biểu ngữ mã giảm giá đa dạng.

   

2. 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ẫu hiển thị ưu tiên cho kiểu toàn cục.
   • 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: Đối với các mẫu hỗ trợ tùy chọn này, bạn có thể bật để hệ thống tự động phối màu kiểu (như màu sắc, phông chữ và bán kính góc) phù hợp với mẫu cửa hàng của bạn.
     • Cài đặt màu sắc: Tự tay đặt màu nếu Bật phối màu thông minh bị tắt hoặc không được hỗ trợ trong mẫu đã chọn.

     • 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 biểu ngữ cho Máy tính để bàn và Di động, Quy tắc hiển thị hình ảnh, và Vị trí đặt.

       Lưu ý: Nếu bạn chọn Tùy chỉnh vị trí hiển thị dưới Vị trí đặt, bạn phải tự tay thêm khối ứng dụng Trình tạo thiết kế cho Chiến dịch vào trang Sản phẩm trong Trình chỉnh sửa Chủ đề để biểu ngữ hiển thị đúng.

       

     • Đặt kiểu biểu ngữ cho việc nhận mã giảm giá: Đối với các mẫu hỗ trợ tính năng này, khi nhiều mã giảm giá áp dụng cho cùng một sản phẩm, chúng sẽ được gộp lại thành một biểu ngữ duy nhất. Khách hàng có thể nhấp vào biểu ngữ để mở rộng và xem tất cả các mã có sẵn. Đối với các mẫu được hỗ trợ, bạn cũng có thể tùy chỉnh màu sắc (biểu ngữ, nút, chữ) dựa trên mẫu bạn chọn.

     • Tải lên hình nền phiếu giảm giá: Đối với các mẫu hỗ trợ gộp nhiều mã giảm giá thành một biểu ngữ, bạn có thể tải lên hình nền cho biểu ngữ gộp trên Máy tính để bàn và Di động khi nhiều mã áp dụng.

       

3. Xem lại cài đặt mã giảm giá ở bên phải. Bạn có thể chuyển đổi giữa chế độ xem Máy tính để bàn và Di động, hoặc giữa Kiểu của một phiếu giảm giá và Kiểu của nhiều phiếu giảm giá để xem trước hiệu ứng.

   

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ục cho Hiển Thị Mã Giảm Giá

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

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

2. Chuyển đến tab Trang chi tiết sản phẩm và bật công tắc cho Theo phong cách toàn cục.

   

3. Cấu hình Cài đặt nội dung (đây là các cài đặt độ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 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ỉ có sẵn nếu mã giảm giá đã được đặt ngày hết hạn trong quản trị SHOPLINE của bạn.

   • Chuyển trang sau khi áp dụng mã giảm giá: Bật chuyển hướng đến trang đích hoạt động hoặc trang tùy chỉnh sau khi khách hàng nhấp vào mã giảm giá.

4. Chuyển đổi giữa chế độ xem Máy tính để bàn và Di động để xem trước phong cách 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á được đặt thành Theo phong cách toàn cục trên Trang chi tiết sản phẩm giờ đây sẽ sử dụng cùng một cài đặt hiển thị toàn cục thống nhất.

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

Trang đích hoạt động cho phép bạn trình bày các chiến dịch mã giảm giá 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 chương trình khuyến mãi đang diễn ra. Hãy làm theo các bước dưới đây để thiết lập:

1. Từ bảng điều khiển Design Maker for Campaigns, vào Chiến dịch mã giảm giá và chọn mã giảm giá bạn muốn tùy chỉnh.

2. Trong tab Trang đích hoạt động, nhấp vào Tạo để tạo trang.

   

3. Khi đã tạo, trang đích hoạt động sẽ được tự động tạo thành một trang tùy chỉnh trong 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 ở bảng bên trái:

   

   • URL trang đích hoạt động: Nhấp Sao chép để chia sẻ URL hoạt động. Để cải thiện SEO trang, nhấp Tối ưu hóa công cụ tìm kiếm để đ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.

     Lưu ý: Thay đổi tiêu đề hoạt động sẽ không cập nhật URL trang đích. Để tùy chỉnh URL hoạt động nhằm cải thiện SEO, hãy cập nhật cài đặt trong Trang tùy chỉnh > Tối ưu hóa công cụ tìm kiếm > URL. Để biết hướng dẫn chi tiết, vui lòng tham khảo "Tạo và Quản lý Trang Tùy chỉnh."

   • 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ị banner giảm giá: Bật để hiển thị banner chiến dịch giảm giá trên trang đích hoạt động.
   • Thiết kế:
     • Chọn mẫu phong cách: Chọn mẫu hiển thị ưa thích cho banner chiến dịch.
     • Cài đặt màu sắc: Tùy chỉnh màu banner dựa trên mẫu đã chọn.
   • Cài đặt nội dung: Chỉnh sửa Văn bản banner và/hoặc bật Hiển thị đồng hồ đếm ngược để tạo sự cấp bách.

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 Cập nhật để lưu các thay đổi của bạn.

Khi hoàn tất, trang đích của chiến dịch mã giảm giá sẽ hiển thị trên cửa hàng của bạn.

Cài Đặt Hiển Thị Cho Trang Thanh Toán

Hiển thị các chiến dịch mã giảm giá trên Trang thanh toán giúp nhắc nhở khách hàng về các ưu đãi có sẵn và khuyến khích họ hoàn tất mua hàng. Hãy làm theo các bước dưới đây để thiết lập:

1. Từ bảng điều khiển Design Maker for Campaigns của bạn, chuyển đến tab Discount code campaigns và chọn mã giảm giá bạn muốn tùy chỉnh.

2. Chuyển đến tab Checkout page và bật công tắc dưới Display coupon.

   

3. Chọn cách thông tin giảm giá được hiển thị khi thanh toán:

   

   • Hiển thị số tiền tiết kiệm của mã giảm giá: Hiển thị số tiền khách hàng có thể tiết kiệm.
   • Hiển thị tiêu đề hoạt động của mã giảm giá: Hiển thị và tùy chỉnh tên chiến dịch liên quan đến mã giảm giá.
4. Bản xem trước bên phải sẽ cập nhật theo thời gian thực khi bạn điều chỉnh kiểu dáng.
5. Nhấp Update để lưu các thay đổi của bạn.

Khi hoàn tất, chi tiết giảm giá đã cấu hình sẽ xuất hiện trên trang thanh toán của cửa hàng bạn.

Tùy chỉnh Thứ tự Hiển thị của Mã Giảm Giá

Nếu bạn có nhiều chiến dịch mã giảm giá đang hoạt động, bạn có thể tùy chỉnh thứ tự xuất hiện của chúng trên Trang chi tiết sản phẩm:

1. Trên bảng điều khiển Design Maker for Campaigns, nhấp vào Discount code order dưới Multi-discount code banner.

   

2. Trong cửa sổ bật lên, chọn cách mã giảm giá nên được sắp xếp trên cửa hàng. Chọn quy tắc sắp xếp từ menu thả xuống Sort by:
   • Ngày tạo: Mới → Cũ
   • Ngày tạo: Cũ → Mới
   • Ngày cập nhật: Mới → Cũ
   • Ngày cập nhật: Cũ → Mới
   • Mức giảm giá: Lớn → Nhỏ
   • Tùy chỉnh: Điều chỉnh thủ công thứ tự.
3. Nhấp Save để cập nhật các thay đổi của bạn.