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 biết 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 khớp 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 khớ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 khớp 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í theo ý muốn.
   • 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 đí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. Phần 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ục

Để đảm bảo thiết kế nhất quán cho 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 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 phong cách 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ị ưa thích cho phong cách toàn cầu.
   • Thiết kế: Tùy thuộc vào mẫu được 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: Tự tay thiết lập màu sắc 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 phong cách biểu ngữ khi 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 Phong cách của một phiếu giảm giá và Phong cách 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ầu cho Hiển Thị Mã Giảm Giá

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 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 kiểu toàn cầu.

   

3. Cấu hình Cài đặt nội dung (đây là các cài đặt độc lập với kiểu toàn cầu):
   • 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 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 đí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 kiểu hiển thị theo thời gian thực.

   

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

Tất cả các mã giảm giá được đặt thành Theo kiểu toàn cầu trên Trang chi tiết sản phẩm sẽ sử dụng cùng một cài đặt hiển thị toàn cầu 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. 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 Discount code campaigns và chọn mã giảm giá bạn muốn tùy chỉnh.

2. Trong tab Activity landing page, nhấp vào Create để tạo trang.

   

3. Khi đã tạo, trang sẽ đượ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 ở bảng bên trái:

   

   • URL trang đích hoạt động: Nhấp Copy để chia sẻ URL hoạt động. Để tăng cường 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ị 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 Update để 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 hiển thị thông tin giảm giá tại trang 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.