hướng dẫn dùng mailchimp với haravan

54
Hướng dn sdng Mailchimp & Kết hp Haravan

Upload: duong-le

Post on 19-Jul-2015

1.133 views

Category:

Technology


15 download

TRANSCRIPT

Page 1: Hướng dẫn dùng Mailchimp với Haravan

Hướng dẫn sử dụngMailchimp &

Kết hợp Haravan

Page 2: Hướng dẫn dùng Mailchimp với Haravan

1. Mailchimp là gì?

Page 3: Hướng dẫn dùng Mailchimp với Haravan

Giới thiệu về Mailchimp

• Mailchimp.com là một trong những hệ thống email marketing uy tín nhất trên thế giới

• Đăng ký tài khoản miễn phí – được gửi miễn phí tới 12,000 email cho 2,000 khách hàng/tháng

• Bạn có thể dễ dàng sử dụng Mailchimp trên website làm bằng Haravan

Page 4: Hướng dẫn dùng Mailchimp với Haravan

2. Tài khoản Mailchimp

Page 5: Hướng dẫn dùng Mailchimp với Haravan

Tạo tài khoản Mailchimp• Chọn Sign Up free

• Điền các thông tin: email, tên user, mật khẩu

• Hệ thống sẽ gửi cho bạn 1 email xác nhận

• Bạn kiểm tra hộp thư và nhấn vào đường link trong email để hoàn tất đăng ký

Page 6: Hướng dẫn dùng Mailchimp với Haravan

Đăng nhập tài khoản• Chọn Login

• Đăng nhập bằng tài khoản và mật khẩu đã đăng ký

Page 7: Hướng dẫn dùng Mailchimp với Haravan

3. Tạo danh sách khách hàng

Page 8: Hướng dẫn dùng Mailchimp với Haravan

Tạo mới danh sách khách hàng• Chọn phần Lists ở menu bên trái

• Nhấp chọn Create List để tạo thêm một danh sách khách hàng mới

Page 9: Hướng dẫn dùng Mailchimp với Haravan

Tạo mới danh sách khách hàngTên danh sách khách hàng. Vd: Khách VIP

Địa chỉ email phản hồi

Tên người gửi mặc định

Gợi ý khách hàng vì sao họ có trong danh sách này

Thông tin liên hệ trong email

Các kiểu nhận thông báo: - Daily summary: nhận thông tin tổng hợp về số subscriber hằng ngày - One-by-one: nhận thông tin ngay khi có người đăng ký nhận mail - One-by-one: nhận thông tin ngay khi có người bỏ đăng ký nhận mail + Lưu ý: bạn có thể sửa email nhận thông báo

Page 10: Hướng dẫn dùng Mailchimp với Haravan

Tạo mới danh sách khách hàng• Đưa contacts vào danh sách:

• Import Contacts: chọn file .csv hoặc .txt trên máy tính.

• Copy từ file excel trên máy vào ô có sẵn

• Sign up form: tạo form đăng ký trên web

Page 11: Hướng dẫn dùng Mailchimp với Haravan

4. Nhập danh sách khách hàng

Page 12: Hướng dẫn dùng Mailchimp với Haravan

Đưa danh sách liên hệ lên Mailchimp

• Nếu bạn đã có sẵn danh sách khách hàng, hãy lưu vào excel

• Sắp xếp theo: tên, email, địa chỉ, điện thoại…

• Sử dụng Tiếng Việt không dấu

Page 13: Hướng dẫn dùng Mailchimp với Haravan

Đưa danh sách liên hệ lên Mailchimp

• Vì MailChimp chỉ chấp nhận định dạng .csv và .txt nên bạn cần lưu thêm 1 file dưới định dạng này

• Chọn Save as -> Save as type -> .csv (comma delimited)

Page 14: Hướng dẫn dùng Mailchimp với Haravan

Import (Nhập) danh sách từ máy

• Chọn Upload from file để đưa danh sách từ máy tính

• Browse -> Chọn file danh sách khách hàng (.csv)

• Chọn Upload List để hoàn tất

Chọn file .csv từ máy tính của bạn

Tick chọn nếu bạn muốn tự động cập nhật thông tin từ file vào danh sách hiện có

Page 15: Hướng dẫn dùng Mailchimp với Haravan

Import (Nhập) danh sách từ máy• Nối các thông tin trong file với danh sách của Mailchimp

MailChimp sẽ không hiểu những cột dưới máy tính của bạn, vì vậy bạn phải định danh lại những cột này theo tiêu chuẩn của hệ thống. Bạn có thể chọn:

- Edit: chọn cột tương ứng - Skip: Bỏ qua không import

Sau khi nhấn Edit, bạn chọn cột tương ứng trong danh

sách của MailchimpHoàn tất. Lưu ý: bạn phải

chọn skip ở những cột không muốn import

Page 16: Hướng dẫn dùng Mailchimp với Haravan

Mailchimp sẽ thông báo cho bạn thông tin import thành công hay thất bại

Danh sách các contact đã import thành công

Số lượng contact trong danh sách

Page 17: Hướng dẫn dùng Mailchimp với Haravan

5. Tạo form đăng ký

Page 18: Hướng dẫn dùng Mailchimp với Haravan

Ý nghĩa form đăng ký• Là một cách thức để bạn xây

dựng danh sách khách hàng.

• Các bước hoạt động:

• Khách hàng nhập thông tin vào form

• Thông tin được nhập vào danh sách trong MailChimp

• Bạn có thể tiếp tục chăm sóc khách hàng trong danh sách.

• Form đăng ký mẫu

Page 19: Hướng dẫn dùng Mailchimp với Haravan

Tạo form đăng ký

Cách 1: Trong trang quản trị Mailchimp, chọn Lists

Bước 1: Chọn chức năng Lists

Bước 2: Muốn tạo form cho danh sách nào, bạn nhấp nút mũi tên

xuống ở của danh sách đó

Bước 3: Chọn Signup Form từ list xổ xuống

Page 20: Hướng dẫn dùng Mailchimp với Haravan

Tạo form đăng ký

Cách 2: Ngay trong trang chi tiết của danh sách

Nhấp chọn Signup Forms

Page 21: Hướng dẫn dùng Mailchimp với Haravan

Tạo form đăng ký

Nhấp Select để chọn kiểu General forms

Chọn Embedded forms nếu bạn muốn sử dụng form mặc định và nhúng trên website

Chọn Subscriber popup nếu bạn muốn dùng loai hiển thị

popup trên trang

Page 22: Hướng dẫn dùng Mailchimp với Haravan

Tạo form đăng ký

Đây là các ô nhập có sẵn, bạn có thể thêm hoặc bớt ô nhập

Nhấp chọn field settings nếu cần sửa

ô nào đó

Page 23: Hướng dẫn dùng Mailchimp với Haravan

Tạo form đăng ký - Thêm field• Nếu cần thêm thông tin (field)

khách hàng, bạn có thể thêm vào bằng cách nhấp chọn ô cần thêm

• Ví dụ: cần biết sinh nhật của khách hàng – Chọn Birthday

Page 24: Hướng dẫn dùng Mailchimp với Haravan

Tạo form đăng ký - Thêm field• Nếu muốn chỉnh sửa tên field, bạn click vào field

settings

Ô nhập (field) vừa thêm

Tên ô nhập (field)

Tick chọn nếu bạn bắt buộc khách hàng phải nhập

Page 25: Hướng dẫn dùng Mailchimp với Haravan

Tạo form đăng ký - Xóa field• Nếu thấy thông tin của

Field không cần thiết, bạn có thể bỏ bớt bằng cách click vào field – Chọn Delete hoặc chọn dấu trừ (-)

• Riêng ô Email Address không thể xoá được vì đây là thông tin bắt buộc

• Ví dụ bỏ Field “Last Name”

Xóa ô nhập (field)

Page 26: Hướng dẫn dùng Mailchimp với Haravan

Tạo form đăng ký - Xóa field• Hệ thống sẽ hiện ra 1 hộp thoại xác nhận. Gõ vào

chữ “DELETE” (viết hoa)

• Chọn Delete Field để hoàn tất

Page 27: Hướng dẫn dùng Mailchimp với Haravan

Thiết kế form• Bạn có thể chọn màu sắc, font chữ khác tại tab Design It.

Chọn tab Design it để thiết kế form

Ví dụ, bạn chọn Background để chỉnh màu cho form

Page 28: Hướng dẫn dùng Mailchimp với Haravan

Đưa form vào website• Copy đường link Subcribe form URL

• Sử dụng thẻ iframe: <iframe src= "…" width="100%" height="…"></iframe>

• Src: url vừa copy

• Height: khoảng 700px

• Ví dụ: <iframe src=“http://eepurl.com/_YC4X" width="100%" height=“750"></iframe>

Page 29: Hướng dẫn dùng Mailchimp với Haravan

Đưa form vào website• Copy toàn bộ thẻ iframe vào website của bạn

• Nếu dùng website Haravan, bạn có thể vào phần Giao diện trong quản trị để thêm vào

Page 30: Hướng dẫn dùng Mailchimp với Haravan

6. Gửi email với template sẵn có

Page 31: Hướng dẫn dùng Mailchimp với Haravan

Gửi email• Chọn Create Campaign để bắt đầu thực hiện việc

gửi email

Chọn trang Campaigns

Nhấp Create Campaign

Page 32: Hướng dẫn dùng Mailchimp với Haravan

Gửi email• Quy trình gửi email sẽ qua 6 bước sau:

‣ Campaign type: Chọn loại Campaign

‣ Recipients: Chọn danh sách khách hàng

‣ Setup: Thiết lập thông tin liên quan

‣ Design: Thiết kế email (trong phần này chúng ta sẽ dùng template có sẵn của MailChimp)

‣ Plain-Text: Email chỉ với nội dung

‣ Confirm: Xác nhận & gửi

Page 33: Hướng dẫn dùng Mailchimp với Haravan

Gửi email - chọn loại Campaign• Chọn loại Campaign bạn muốn tạo: nên chọn

Regular ol’ Campaign

Page 34: Hướng dẫn dùng Mailchimp với Haravan

Gửi email - chọn danh sách• Chọn danh sách khách hàng mà bạn muốn gửi email

• Chọn Send to entire list để gửi cho toàn bộ danh sách đó

Page 35: Hướng dẫn dùng Mailchimp với Haravan

Gửi email – thiết lập thông tin

Tên chiến dịch (Campaign)

Tiêu đề email gửi

Tên người/đơn vị gửi

Email gửi điDanh sách các

Mergetags quan trọng

Lựa chọn cá nhân hoá cho email

Page 36: Hướng dẫn dùng Mailchimp với Haravan

Gửi email - Mergetag• Là chức năng giúp

email trở nên cá nhân hoá

• Ví dụ: Dear *|FNAME|* -> Dear anh Minh, Dear chị Thảo

Page 37: Hướng dẫn dùng Mailchimp với Haravan

Gửi email – Template

Các bố cục email căn bản

Các mẫu email cung cấp sẵn, rất nhiều theme đẹp

Các mẫu email đã gửi gần đây

Các mẫu đã được lưu sẵn

Tự đưa mẫu email từ máy tính lên

Page 38: Hướng dẫn dùng Mailchimp với Haravan

Gửi email – Design• Được chia theo nhiều chủ đề khác nhau giúp dễ

chọn lựa

• Có nhiều mẫu được thiết kế sẵn rất đẹp

Các mẫu được chia thành nhiều danh mục khác nhau

Chọn thử 1 mẫu để làm

Page 39: Hướng dẫn dùng Mailchimp với Haravan

Gửi email – Design• Tất cả nội dung và hình ảnh đều có thể thay đổi

theo yêu cầu của bạn

Bạn có thể nhấn Edit và sửa

Hoặc thêm các thành phần khác

Page 40: Hướng dẫn dùng Mailchimp với Haravan

Gửi email – Design

Để cá nhân hóa email, bạn có thể thêm Mergetag

Mergetag sẽ hiển thị trên mail như vậy. Khi gửi cho khách hàng sẽ thành tên khách hàng, vd: Thảo

Page 41: Hướng dẫn dùng Mailchimp với Haravan

Gửi email – Plain-text• Plain-text: được hiểu là một email hoàn toàn bằng

nội dung chữ (không hình ảnh, hiệu ứng, màu sắc…)

• Nếu có bất kỳ lý do gì, email của bạn không thể hiển thị trên giao diện web (định dạng .html), khách hàng vẫn có thể hiểu được nội dung thông qua hỗ trợ Plain-text này

Page 42: Hướng dẫn dùng Mailchimp với Haravan

Gửi email – Plain-text

Để sửa nội dung Plain-text bạn nhấp Edit

Page 43: Hướng dẫn dùng Mailchimp với Haravan

Gửi email – Xác nhận

Bắt đầu gửi email

Hoặc chọn thời gian sẽ gửi mail

Kiểm tra các thông tin xem đã đầy đủ chưa

Page 44: Hướng dẫn dùng Mailchimp với Haravan

Gửi email – Xác nhận

Trường hợp bạn chọn đặt thời gian gửi, trang sẽ tự chuyển

đến phần đặt giờ. Đầu tiên, bạn chọn ngà y gửi

Sau đó chọn giờ, phút gửi Bạn cũng có thể đổi múi giờ khác

Page 45: Hướng dẫn dùng Mailchimp với Haravan

Gửi email - Test

• Bạn có thể gửi 1 email test để xem hiển thị thật sự của email là như thế nào

• Điền địa chỉ email mà bạn muốn gửi test – chọn Send test

• Lưu ý: khi test, chức năng cá nhân hoá sẽ không hoạt động

Page 46: Hướng dẫn dùng Mailchimp với Haravan

7. Sử dụng Template upload từ máy tính

Page 47: Hướng dẫn dùng Mailchimp với Haravan

Gửi email – tổng quan• Quy trình thiết kế email gồm các bước sau:

• Hiểu một cách đơn giản, .psd là mẫu thiết kế của một bộ quần áo (bản vẽ), .html là những mảnh vải được thợ may cắt và ráp lại thành bộ quần áo hoàn chỉnh (có thể mặc được)

Thiết kế giao diện (layout)

File xuất: .psd hoặc .jpg, .png

“Cắt” .html Chuyển từ .psd sang định dạng .html

Upload .html lên hệ thống MailChimp

Page 48: Hướng dẫn dùng Mailchimp với Haravan

Gửi email – thiết kế layout • Do bộ phận designer phụ trách

• Đây đơn giản chỉ là hình ảnh, không thể tương tác được trên môi trường web (gắn link, click…)

Page 49: Hướng dẫn dùng Mailchimp với Haravan

Gửi email - html• File .psd sẽ được bộ phận lập trình chuyển

sang .html (là ngôn ngữ phổ biến dùng trên website)

• Lúc này, bạn có thể thêm vào các tương tác trên môi trường web cho email, ví dụ: click vào hình này, chữ này thì sẽ link đến đâu?...

• Ví dụ: .html của email trong slide trước

Page 50: Hướng dẫn dùng Mailchimp với Haravan

Gửi email - html• File .psd sẽ được bộ

phận lập trình chuyển sang .html (là ngôn ngữ phổ biến dùng trên website)

• Lúc này, bạn có thể thêm vào các tương tác trên môi trường web cho email, ví dụ: click vào hình này, chữ này thì sẽ link đến đâu?...

Page 51: Hướng dẫn dùng Mailchimp với Haravan

Upload html lên MailChimp• Trong trang tạo Campaign phần Design, bạn chọn

Code your ownBạn chọn Code your own , có 3 loại nhập

liệu. Ở đây bạn nên chọn Paste in code

Nhập code trực tiếp trong khung soạn

Tải file .zip có kèm file HTML bên trong

Nhập đường link của file HTML để download về

Page 52: Hướng dẫn dùng Mailchimp với Haravan

Upload html lên MailChimp• Copy/paste toàn bộ đoạn code .html của email vào

MailChimp

Đây là phần hiển thị từ code HTML bạn nhập

Bạn copy code từ file HTML và bỏ vào đây

Page 53: Hướng dẫn dùng Mailchimp với Haravan

Upload html lên MailChimp• Chọn Open Popup Preview trên

thanh công cụ để xem kết quả

• Chọn để hoàn tất upload

• Các bước khác tương tự như phần dùng template sẵn có

• Lưu ý: Mail Chimp cung cấp link Huỷ đăng ký (unsubcribe)

Page 54: Hướng dẫn dùng Mailchimp với Haravan

Upload html lên MailChimp - Màn hình khi xem thử email gửi