MỤC LỤC

Những nội dung chính trong bài viết bao gồm:
Hình ảnh được Cá nhân hóa của Dastomize trong WooCommerce
Hình ảnh được Cá nhân hóa của Dastomize trong Klaviyo

HÌNH ẢNH ĐƯỢC CÁ NHÂN HOÁ CỦA DASTOMIZE TRONG WOOCOMMERCE

Như bạn có thể biết, WooCommerce cho phép bạn gửi Email Giỏ hàng bị Bỏ qua (Abandoned Cart Emails) và Email Xác nhận Đơn hàng (Order Confirmation Emails). Cùng với đó, Dastomize đã tự can thiệp:
Thay thế (các) hình ảnh được cá nhân hóa cho các Email Order Confirmation & Email Abandoned Cart tự động của bạn.
Thay thế (các) hình ảnh được cá nhân hóa vào bước Checkout của người mua trên live store.
Thêm nút View Your Personalized vào bước Thanh toán (Checkout).

Công dụng của nút View Your Personalized nhằm hiển thị lại thiết kế được cá nhân hóa mà khách hàng của bạn đã tạo trước đó.

Ví dụ: ban đầu, bạn để tên John làm ví dụ trong hình mockup sản phẩm, theo đó khi người mua thay đổi nó thành Jason > Dastomize sẽ tạo hình ảnh sản phẩm được cá nhân hóa với tên Jason. Cuối cùng, hình ảnh cá nhân hóa sẽ xuất hiện chính xác khi khách hàng nhấn vào nút này.
(Với nút xem sản phẩm cá nhân hóa, khách hàng có thể xem lại các văn bản/ clipart đã được cá nhân hóa trước khi thanh toán.)

HÌNH ẢNH ĐƯỢC CÁ NHÂN HOÁ CỦA DASTOMIZE TRONG KLAVIYO

Nếu bạn sử dụng Klaviyo để quản lý các luồng email của mình, thì các bước cài đặt này cho email Klaviyo là cần thiết để có được hình ảnh mockup cá nhân hóa chính xác cho Email Abandoned Cart và Email Order Confirmation hoặc các luồng khác. Điều đó có nghĩa là bạn sẽ phải tự thiết lập lệnh (Script). Để tìm hiểu cách thực hiện, vui lòng làm theo các bước bên dưới:

Bước 1: Chọn mẫu email bạn muốn sửa đổi.

Bài viết này sẽ sử dụng Email Abandoned Cart làm ví dụ.

Bước 2: Tùy chỉnh mẫu email.

Sau khi bạn đã quyết định một mẫu, hãy nhấp vào nút Edit Content để bắt đầu sửa đổi.

Bước 3: Tìm Cột có chứa ảnh Thumbnail.

Sau khi bạn nhấp vào nút Edit Content ở bước 2, một trang mới sẽ hiển thị:
Nhấp vào biểu tượng Ảnh để mở khối bảng trên menu bên trái.
Tìm Cột có chứa hình ảnh và sau đó xóa nó bằng cách nhấp vào nút X.



Nhấp vào Add Column. Một cột mới sẽ xuất hiện dưới dạng “Column 2”.
Nhấp giữ biểu tượng ba dòng kẻ và kéo nội dung cột lên trên cùng để thay thế cột hình ảnh mà bạn vừa xóa.


Tip: Bạn có thể xóa hoặc thay thế tên Tiêu đề thành bất kỳ tên nào bạn muốn.

Bước 4: Nhập (các) Script

Để tìm Script, bạn có thể vào Dastomize > Menu Settings > Customization.
Như bạn có thể thấy, chúng tôi có hai script sẵn có cho bạn. Một cho Email Abandoned Cart và một cho Email Order Confirmation.
*Nhấn nút Copy to Clipboard của script mà bạn muốn thiết lập và chuyển sang bước tiếp theo.



Chức năng của Scripts là để phân biệt giữa sản phẩm bình thường và sản phẩm được cá nhân hóa. Nếu sản phẩm được khách hàng tùy chỉnh, nó sẽ chuyển đổi hình ảnh mockup sản phẩm sang hình ảnh cá nhân hóa.

Sau khi cài đặt script, mockup sẽ tự động tạo ra chiều rộng tối đa là 250px. 250px là kích thước được khuyến nghị của Klaviyo cho hình ảnh trên máy tính để bàn.

Bạn có thể điều chỉnh chiều rộng tối đa theo cách thủ công nếu bạn muốn làm cho email hấp dẫn hơn:
Tìm mã này style = “max-width: 250px
Sau đó thay đổi 250px thành một số khác, chẳng hạn như 100px. Điều này sẽ dẫn đến việc thay đổi tỷ lệ của hình ảnh trên email.

Bước 5: Thay thế (các) Script

Chuyển đến các mục sau: Rows > Dynamic > Column1 > HTML Code.
Dán script bạn vừa sao chép từ bước trên vào phần được minh họa trong hình ảnh bên dưới.


Nhấp vào SAVE và bạn đã sẵn sàng! Nó sẽ giống như hình dưới đây khi bạn đã hoàn thành.

Bước 6: Kiểm tra lại cài đặt của bạn

Bạn có thể kiểm tra email Klaviyo bằng 2 cách:
1/ Xem trước Email của Klaviyo:
Bước 1: Sau khi bạn hoàn tất việc thêm Script vào email Klaviyo, vào menu Preview.
Bước 2: Chọn Hiển thị trực tiếp trong Klaviyo (Show directly in Klaviyo) hoặc chọn Gửi dưới dạng email (Send as an email) đến (các) địa chỉ email của bạn.



2/ Tạo Abandoned Cart / đơn đặt hàng thử nghiệm (Test order):
Kiểm tra script được cá nhân hóa cho Email Abandoned Cart:
- Bạn sẽ phải tạo một giỏ hàng thực tế trên live store và huỷ nó để nhận Email Abandoned Carti. Sau đó, kiểm tra hình ảnh xem trước được cá nhân hóa trong email nhận được để xem script có hoạt động hay không.
- Bạn có thể làm như vậy bằng cách làm theo hướng dẫn bên dưới:

Bước 1: Đến live store của bạn và thêm một sản phẩm vào giỏ hàng.
Bước 2: Cung cấp địa chỉ email của bạn ở bước thanh toán.
Bước 3: Đóng cửa sổ để giỏ hàng của bạn sẽ bị huỷ lại.
Bước 4: Bạn sẽ nhận được email Abandoned Cart sau thời gian chờ xử lý tùy thuộc vào cài đặt của bạn.

Kiểm tra script được cá nhân hóa cho Email Order Confirmation:
Bước 1: Đi tới trang Message Content trong Klaviyo.
Bước 2: Nhấp vào CC/BCC để mở các trường này. Nhập email BCC mà bạn muốn nhận bản sao của Email Order Confirmation.
Bước 3: Bạn sẽ nhận được một bản sao của email xác nhận đơn đặt hàng bất cứ khi nào khách hàng của bạn nhận email.
Xin lưu ý rằng điều này sẽ chỉ hoạt động với một đơn đặt hàng hợp lệ.


Bạn cũng có thể bật chế độ Sandbox trên live store của mình và thanh toán với tư cách khách hàng để nhận email Order Confirmation.

Vui lòng liên hệ với bộ phận Customer Success của chúng tôi tại support@dastomize.com hoặc nhấp VÀO ĐÂY để được hỗ trợ nếu bạn gặp sự cố khi làm theo hướng dẫn này.

Cập nhật vào: 10/05/2022