Social Icon

twitterfacebookgoogle pluslinkedinrss feedemail

Thứ Bảy, 6 tháng 10, 2012

Hướng dẫn tạo chức năng nhận bài qua email p1


Hướng dẫn tạo chức năng nhận bài qua email mỗi tuần, mỗi tháng

Tạo form đăng ký nhận bản tin chuyên nghiệpLàm sao để tạo chức năng nhận bài qua email cho blog có chức năng tùy chọn nhận bài mỗi tuần, mỗi tháng, quà tặng…v.v..? Trong vòng 2 tuần trở lại đây mình có nhận được khá nhiều mail hỏi cách làm chức năng nhận bài qua email giống Thach Pham Blog. Thực ra chức năng này không có gì là khó làm cả, vì nó là những tính năng có sẵn trong dịch vụ hỗ trợ Email Marketing MailChimp mà thôi. Nhưng để có bài cho các bạn tham khảo thì bây giờ mình sẽ hướng dẫn cài đặt tính năng nhận bài qua email chuyên nghiệp vào blog với Mailchimp.
Trước hết bạn cần phải đăng ký một tài khoản Mailchimp Miễn Phí, tài khoản miễn phí bạn sẽ được tối đa 2000 subscribers (người đăng ký nhận tin) và 12.000 email gửi đi mỗi tháng. Như vậy đây cũng là một sự lựa chọn tương đối hợp lý đối với các blog nhỏ, mặc dù bạn sẽ bị hạn chế một vài chức năng quan trọng của Mailchimp.
Sau khi tạo tài khoản và đăng nhập, các bạn bấm vào menu List ở phía trên, sau đó bấm vào nút Create List bên tay trái để tạo một danh sách email mới. Hoàn thành bằng cách điền đầy đủ các thông tin cần thiết vào và lưu lại.
Tạo một danh sách email mới tại Mailchimp
Các tùy chọn khác bạn có thể để nguyên nếu không hiểu về nó.
Sau khi tạo list xong, nó sẽ đưa bạn về trang quản lý các list của Mailchimp, ở đây bạn sẽ thấy form vừa tạo kèm theo một số tùy chọn. Bây giờ chúng ta sẽ tạo nhóm cho danh sách, nghĩa là tạo các tùy chọn “Mỗi tuần, mỗi tháng, quà tặng, WordPress Package” mà bạn thấy trên blog mình đó. Để tạo nhóm cho danh sách các bạn bấm vào nút cài đặt bên tay phải và chọn Create Groups.
Tạo nhóm gửi tin cho danh sách
Khi đó nó sẽ mở ra một cửa sổ nhỏ để tạo nhóm. Các bạn lưu ý ở đoạn “How Should We Show Group Options On Your Signup Form?” nhớ chọn tùy chọn cho đúng với mục đích của mình, mình xin nhắc lại một số tùy chọn của nó.
  • As checkboxes: Chọn nhóm bằng cách đánh dấu ô vuông, có thể chọn nhiều nhóm.
  • As radio button: Chọn nhóm bằng cách đánh dấu vào ô tròn, chỉ chọn được một nhóm.
  • As a select menu: Chọn nhóm bằng cách chọn từ menu đổ xuống, chỉ chọn được một nhóm.
Các phần ở dưới là tiêu đề của nhóm và tên từng nhóm, muốn tạo bao nhiêu nhóm thì cứ ấn Add Group.
Tạo nhóm cho danh sách email
Sau khi đã điền đầy đủ các dữ liệu cần thiết thì bấm Save để hoàn tất quá trình tạo nhóm. Giờ đây trong danh sách của bạn đã có các nhóm, mỗi khi gửi mail chúng ta sẽ chọn từng nhóm để gửi tương ứng. Nhưng làm sao để người dùng có thể đăng ký vào các nhóm đó được? Làm sao để bài viết tự động gửi mỗi ngày, mỗi tuần hay mỗi tháng? Đừng lo lắng, mình sẽ đề cập đến những chi tiết đó dưới đây.

Nhúng form đăng ký nhận bản tin vào blog

Tiếp tục bạn lại bấm vào nút cài đặt tương ứng với list email mà bạn vừa tạo ban nãy và chọn Form.
Thiết kế form đăng ký nhận bản tin
Và một trang như thế này sẽ hiện ra
Thiết kế form đăng ký nhận bản tin
Ở đây bạn sẽ có quyền thiết kế form đăng ký nhận bản tin của mình. Nếu muốn Việt hóa toàn bộ form đăng ký và các thông báo liên quan thì chuyển qua tab Translate It và chọn ngôn ngữ là Vietnamese. Muốn thêm màu mè thì chuyển qua tab Design It. Sau khi tùy chọn xong thì nhấn nút Save phía trên nhé, không phải nút Save & Exit đâu, mất công vào lại đấy.
Sau khi tùy chỉnh trang đăng ký nhận bản tin xong thì chúng ta tiến hành nhúng form đăng ký đó vào website. Nhìn lên phía trên và rê chuột vào For Your Website và chọn Signup Form Embed Code.
Lấy mã nhúng form đăng ký vào websiteBạn sẽ thấy các tùy chọn chèn form đăng ký vào website bên tay trái và demo form đăng ký bên tay phải. Các bạn chọn kiểu form là Naked Form và đặt các tùy chọn giống như của mình.
Tùy chọn form đăng ký nhận bản tin qua email
Sau khi có code nhúng form vào website thì code của bạn sẽ giống như thế này.
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup">
<form action="http://thachpham.us5.list-manage.com/subscribe/post?u=6eaab4d965c329f87624f1d06&id=75f3bbcd40" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div class="mc-field-group">
    <label for="mce-EMAIL">Email Address </label>
    <input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
</div>
<div class="mc-field-group input-group">
    <strong>Bạn muốn nhận bản tin gì? </strong>
    <ul><li><input type="checkbox" value="1" name="group[8141][1]" id="mce-group[8141]-8141-0"><label for="mce-group[8141]-8141-0">Mỗi ngày</label></li>
<li><input type="checkbox" value="2" name="group[8141][2]" id="mce-group[8141]-8141-1"><label for="mce-group[8141]-8141-1">Mỗi tuần</label></li>
<li><input type="checkbox" value="4" name="group[8141][4]" id="mce-group[8141]-8141-2"><label for="mce-group[8141]-8141-2">Mỗi tháng</label></li>
<li><input type="checkbox" value="8" name="group[8141][8]" id="mce-group[8141]-8141-3"><label for="mce-group[8141]-8141-3">Quà tặng</label></li>
<li><input type="checkbox" value="16" name="group[8141][16]" id="mce-group[8141]-8141-4"><label for="mce-group[8141]-8141-4">Wordpress Package</label></li>
</ul>
</div>
    <div id="mce-responses" class="clear">
        <div class="response" id="mce-error-response" style="display:none"></div>
        <div class="response" id="mce-success-response" style="display:none"></div>
    </div>    <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</form>
</div>
<!--End mc_embed_signup-->
Đừng lo lắng vì code form của bạn dài hơn của mình vì class mc-field-group trong form của bạn nhiều hay ít là do bạn thêm các thông tin bắt buộc phải nhập khi đăng ký form mà bạn đã sửa ở trong phần tùy chỉnh và thiết kế form ở trên, ở đây mình để mặc định là chỉ bắt buộc nhập email.
Xong, bây giờ bạn có thể chèn code đó vào blog được rồi đấy. Sau khi chèn thì chúng ta sẽ có kết quả:
Đây có phải là những gì bạn cần không nào? Nhưng trông nó có vẻ hơi có phần “khốn nạn” đây, nếu bạn muốn làm cho nó đẹp hơn thì hãy theo dõi trang 2 của bài viết này.

0 nhận xét:

Đăng nhận xét

 

Tổng số lượt xem trang

See You Again

Hẹn gặp lại bạn và chúc bạn có một ngày thật vui - hạnh phúc