Tích hợp form đăng ký nhận email của Mailchimp lên website

Mailchimp là một dịch vụ gửi Email Marketing hàng đầu hiện nay. Ngoài việc gửi email hàng loạt tới khách hàng trong danh sách mail list, Mailchimp còn có thể tạo form đăng ký nhận nhận email trên website một cách dễ dàng, email đăng ký sẽ tự động được đưa vào list danh sách chọn sẵn của bạn trên tài khoản Mailchimp.

Hiện nay trong Theme Sapo đã tích hợp HTML cho phép bạn chỉ cần dán đoạn code mà Mailchimp cung cấp cho bạn vào trong cấu hình website.

1. Các bước cần chuẩn bị tích hợp

Bước 1: Đăng ký một tài khoản Mailchimp

• Đăng ký tài khoản Mailchimp theo link sau: https://login.mailchimp.com/ > Click vào Create an account để đăng ký
• Bạn điền các thông tin Email, Username, Password để tiến hành đăng ký
• Sau khi đăng ký xong bạn mở mail để kích hoạt tài khoản Mailchimp > Truy cập vào tài khoản để tiến hành sử dụng.

Bước 2: List danh sách khách hàng đã nhập lên tài khoản Mailchimp

Bước 3: Lựa chọn Theme có hỗ trợ tích hợp (Bigmart, Gento)

Trong bài viết này, Sapo Web sẽ hướng dẫn trên Theme Bigmart, những Theme khác bạn có thể làm tương tự.

2. Hướng dẫn cách lấy form code và nhúng link vào Theme Sapo Web

Để thực hiện điều này bạn cần thực hiện theo các bước sau:

Bước 1: Đăng nhập vào tài khoản Mailchimp

• Bạn cần có tài khoản Mailchimp để thực hiện bước này. Sapo Web đã hướng dẫn cách tạo tài khoản Mailchimp bên trên.

Bước 2: Lấy mã nhúng Mailchimp

• Từ Dashboad > Click vào menu Audience trên thanh menu
• Tìm Manage audience bạn muốn > Nhấp vào icon trỏ xuống > Chọn Signup Forms
• Tiếp theo bạn chọn Embedded forms
• Trong màn Embedded forms bạn kéo xuống mục Copy/paste onto your site và tìm đoạn text bôi đỏ như ví dụ bên dưới: 

* We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
</style>
<div id="mc_embed_signup">
<form action="https://sapo.us20.list-manage.com/subscribe/post?u=f15c140b3ebdd02736254d87&id=c96a4a26" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<h2>Subscribe</h2>
<div class="indicates-required"><span class="asterisk">*</span> indicates required</div>
<div class="mc-field-group">
<label for="mce-EMAIL">Email Address <span class="asterisk">*</span></label>

• Bạn copy đoạn code bôi đỏ trên mà Mailchimp cung cấp cho bạn, đây sẽ là Link action form để bạn gán vàm theme

Bước 3:  Nhúng vào Theme Bigmart

• Bigmart là 1 Theme hỗ trợ tích hợp sẵn Mailchimp cho bạn.
• Đầu tiên bạn vào thiết lập giao diện Theme và tìm đến phần cài đặt Mailchimp
• Bạn dán đoạn code mà Mailchimp cung cấp cho bạn link action form đã copy từ bên trên vào và Lưu lại
• Khi thực hiện xong các thao tác trên ngoài trang web của bạn sẽ hiển thị khung nhập và gửi lại email đăng ký.