menu

Tạo form newsletter cho Jekyll website

Đăng lúc 31/07/2017, trong chuyên mục Liquid và Jekyll

Bài viết hướng dẫn bạn cách tạo một form đăng ký theo dõi email (newsletter) giống như trên trang Tôi Tự Học hoàn toàn miễn phí.

Nguyên tắc để có một form newsletter hoàn chỉnh là phải có đủ các thứ sau đây

  1. Form trên trang web: cái này viết bằng html, css và javascript.
  2. Một email dạng [email protected] : Bạn có thể tham khảo cách tạo một email theo domain của trang web tại đây.
  3. Một “dịch vụ phân phối email” tương ứng với email [email protected]: Đa phần các dịch vụ đều có phí, tuy nhiên vẫn có những tùy chọn miễn phí (hạn chế chức năng). Bạn có thể xem so sánh các dịch vụ tại đây. Ở đây tôi chọn mailerlite.
  4. Liên kết RSS các bài đăng mới trên trang của bạn với dịch vụ newsletter: Mỗi lần bạn đăng bài mới hoặc theo định kỳ bao nhiêu ngày thì sẽ có một email tổng hợp các bài mới để gởi đến subscriber.

Form newsletter

Form này bạn tạo thông qua trang mailerlite luôn. Bạn vui lòng xem bước 4 ở mục tiếp theo.

Đăng ký dịch vụ newsletter của mailerlite

  1. Bạn vào trang mailerlite để đăng ký một tài khoản.
  2. Sau khi đăng ký bạn cần phải kích hoạt tài khoản thông qua email đăng ký.
  3. Trong quá trình đăng ký, bạn cần sử dụng một email tùy chỉnh dạng [email protected]. Để có thể tạo email giống thế này, bạn vui lòng xem tại đây.
  4. Sau đó, trong trang quản lý, bạn chọn Forms để tạo một form theo ý muốn của mình.
  5. Sau đó bạn có thể tích hợp form đã tạo vào trang web của bạn thông qua các tùy chọn Javascript/HTML/iframe. Ở đây tôi chọn HTML.
  6. Có thể bạn sẽ gặp tình trạng là account của bạn chưa được mailerlite approve (tôi đã bị). Bạn cần email đến đội ngũ mailerlite như trong thông báo trên trang Dashboard của mailerlite. Trong email bạn nói rõ yêu cầu được approve tài khoản. Họ sẽ hỏi bạn làm cách nào bạn có thể thu thập thêm người đăng ký. Sau đó họ sẽ cho phép bạn có 500 người đăng ký trước, nếu mọi thứ ok và không phải là spam, họ sẽ tăng lên mức tối đa của tài khoản free là 1000.

Kết nối newsletter với RSS

  1. Trong mailerlite, sau khi đã đăng nhập, bạn vào mục Campaigns.
  2. Chọn Create Campaign
  3. Chọn thẻ RSS Campaign
  4. Điền các thông tin cần thiết và tùy chọn của bạn, riêng chỗ RSS feed URL bạn điền vào địa chỉ feed trang web của bạn, thường là http://tencuaban.com/feed.xml. Nếu chưa có feed này, bạn cần tạo nó trước. Xem cách tạo RSS Feed cho website Jekyll trên github tại đây.
  5. Sau đó nhấn Next ở các bước tiếp theo, đến mục tùy chỉnh template cho thư, bạn hãy tạo như mình mong muốn.
  6. Các thao tác tiếp theo là đơn giản, cứ làm giống như những gì trên trang mailerlite hướng dẫn.

Chúc bạn thànhh công.

email
newsletter
jekyll
Top