This article is also available in:
Trong bài này:
A. Chuẩn bị các file design cho campaign personalization
B. Hướng dẫn từng bước tạo campaign
C. Launch Campaign
D. Preview trên storefront


A. Chuẩn bị các file cần thiết

Trong hướng dẫn này ta sẽ lên một camp cho phép khách hàng tùy chỉnh hình ảnh trong artwork. Các bạn có thể tham khảo campaign demo theo link dưới đây

Campaign Demo

Trước khi bắt đầu, chúng ta có một số file mẫu, bạn có thể tải về bằng link sau:

Resources

Trong file resources các bạn sẽ tìm thấy các asset mẫu:
File PSD Template artwork sử dụng trong hướng dẫn này
Các folder chưa file PNG cho từng mẫu Hair Styles, Legs, Drinks

Trong file PSD, các bạn sẽ thấy các layer sau, sẽ được dùng để cấu hình các option cho người mua tùy chọn trên storefront

Custom - Quotes
Custom - Girl 1 - Hair
Custom - Girl 1 - Leg
Custom - Girl 1 - Name
Custom - Girl 1 - Drink
Custom - Girl 2 - Hair
Custom - Girl 2 - Leg
Custom - Girl 2 - Name
Custom - Girl 2 - Drink

Tên này có thể đặt thế nào cũng được, tuy nhiên nên đặt dễ nhớ để có thể cấu hình lúc sau được nhanh hơn

Lưu ý: chỉ file định dạng PSD mới tạo được camp personalization nên các bạn không cần phải export file PNG/JPG như bình thường đâu nhé

Quan trọng:

File PSD cần đáp ứng các tiêu chí sau để có thể enable tính năng preview trên storefront:
Các text layer không có hiệu ứng (blending options hoặc wrap), hiện tại chỉ support Text Layer cơ bản, nếu text layer có hiệu ứng, bạn không nên cho phép khách customize
Các image layer không áp dụng các hiệu ứng (blending options)
Áp dụng chế độ màu RGB, nếu file PSD của bạn đang dùng chế độ CMYK, bạn sẽ cần chuyển về RGB (tham khảo hướng dẫn tại đây)

Để chuẩn bị các asets thích hợp cho tuỳ chọn Image Choice, bạn có thể đọc thêm tại bài hướng dẫn sau Hướng dẫn chuẩn bị assets cho Image Choice đúng chuẩn

B. Hướng dẫn từng bước tạo camp

Truy cập dashboard của PrintBase & lựa chọn Artwork Library ở menu bên trái



Chọn upload artwork & chọn file PSD đã save ở bước trên



Đợi một chút để hệ thống xử lý file, sau đó nhấn vào artwork bạn vừa upload



Trong màn hình view detail của artwork, bạn sẽ thấy nút Create Personalized Campaign bị disable do chúng ta chưa sẵn sàng để tạo camp. Cứ yên tâm & làm theo các bước tiếp theo nhé.



Kéo xuống dưới màn hình, bạn sẽ thấy danh sách các sản phẩm có thể tạo camp personalize đối với artwork này. Trong danh sách này, Beverage Mug đã được enable, chúng ta có thể tiếp tục bước kế tiếp.



Upload font, bước này là optional thôi, nếu không có font nào quá đặc biệt, bạn có thể bỏ qua, PrintBase đã load sẵn một số Google Fonts sẵn rồi.

Nếu font trong design đặc biệt, bạn sẽ cần upload lên ở đây bằng cách chọn nút Upload rùi chọn các file font của mình



Lưu ý: nếu bạn không upload font chính xác mình cần sử dụng, personalized artwork sẽ không được generate chính xác.

Tạo Custom Options

Chúng ta sẽ tạo các custom option như sau

Custom Option 1
Type: Text Field
Required: True
Name: Custom Quote
Label: Custom Quote
Placeholder: "Best Friends Forever"

Và lựa chọn Layer trong file PSD
Layer: Custom - Quote



Custom Option 2
Type: Text Field
Required: True
Name: Girl Name (Left)
Label: Girl Name (Left)
Placeholder: Enter name

và lựa chọn layer trong file PSD:
Layer: Custom - Girl 1 - Name
Font: Custom Font (đã uploaded ở step trước)



Lưu ý: bạn cần thiết lập setting cho Text Layer trong Photoshop thật chính xác nhé, vì hệ thống sẽ lấy đúng các thiết lập này (Alignment, Font Size, Font Color ..) để hiển thị Preview trên Storefront & để render file in cuối cùng nhé

Custom Option 3
Type: Image Choice
Required: True
Name: Hair Style (Left)
Label: Hair Style (Left)
Chọn các file trong folder "Girl Parts - Hair Styles" để upload

Lưu ý: bạn có thể chuẩn bị tên file thật chuẩn từ trước nhé vì tên này sẽ được tự động sử dụng làm text hiển thị trên storefront đấy

và lựa chọn layer trong file PSD:
Layer: Custom - Girl 1 - Hair Styles



Custom Option 4
Type: Image Choice
Required: True
Name: Girl Leg (Left)
Label: Girl Leg (Left)
Chọn các file trong folder "Girl Parts - Legs" để upload

và lựa chọn layer trong file PSD:
Layer: Custom - Girl 1 - Legs



Custom Option 5
Type: Image Choice
Required: True
Name: Drink (Left)
Label: Drink (Left)
Chọn các file trong folder "Girl Parts - Drink" để upload

và lựa chọn layer trong file PSD:
Layer: Custom - Girl 1 - Drink



Tiếp tục lặp lại để tạo các custom option tiếp theo cho Girl 2

Custom Option 6
Type: Text Field
Required: True
Name: Girl Name (Right)
Label: Girl Name (Right)
Placeholder: Enter name

và lựa chọn layer trong file PSD:
Layer: Custom - Girl 2 - Name
Font: Custom Font (đã uploaded ở step trước)



Custom Option 7
Type: Image Choice
Required: True
Name: Hair Style (Right)
Label: Hair Style (Right)
Chọn các file trong folder "Girl Parts - Hair Styles" để upload

Lưu ý: bạn có thể chuẩn bị tên file thật chuẩn từ trước nhé vì tên này sẽ được tự động sử dụng làm text hiển thị trên storefront đấy

và lựa chọn layer trong file PSD:
Layer: Custom - Girl 2 - Hair Styles



Custom Option 8
Type: Image Choice
Required: True
Name: Girl Leg (Right)
Label: Girl Leg (Right)
Chọn các file trong folder "Girl Parts - Legs" để upload

và lựa chọn layer trong file PSD:
Layer: Custom - Girl 2 - Leg



Custom Option 9
Type: Image Choice
Required: True
Name: Drink (Right)
Label: Drink (Right)
Chọn các file trong folder "Girl Parts - Drink" để upload

và lựa chọn layer trong file PSD:
Layer: Custom - Girl 2 - Drink



Okay, nhấn save & nhấn nút tạo Personalized Campaign đã được enable.



C. Launch campaign

Trong màn hình editor, lựa chọn Unisex T-Shirt khi được yêu cầu.

Lưu ý: bạn có thể chọn thêm các sản phẩm phù hợp khác tại đây, tất cả sẽ đều có option personalized bạn đã chọn ở bước 6



Điền mô tả sản phẩm, Set giá và nhấn Launch Campaign



Xin chúc mừng, bạn đã vừa tạo xong camp Personalized Text Mug. Hãy cùng xem thử trên storefront nhé

D. Mua thử trên demo store

Sau khi camp đã được launch thành công, hãy nhấn vào link để xem nó trên storefront

Trên store đã hiện sẵn các personalized option, hãy nhập tên & lựa chọn các option bất kỳ bạn muốn



Sau đó nhấn Preview, đây là mockup đã được generate theo đúng giá trị bạn (hoặc khách hàng đã nhập)

Nhấn Add To Cart & tiến hành Checkout.



Với đơn hàng này, PrintBase sẽ tự động xử lý file in, đội ngũ Customer Support sẽ chủ động liên hệ với khách hàng để xác nhận design cuối cùng trước khi xử lý.
Bài viết có hữu ích không?
Hủy bỏ
Cảm ơn!