Làm thế nào để tạo một bản tin hàng ngày và hàng tuần Email trong WordPress

Chúng tôi thường được người dùng của chúng tôi hỏi về cách tạo bản tin email hàng ngày và hàng tuần trong WordPress. Chúng tôi sử dụng tùy chọn này trong biểu mẫu đăng ký email của chúng tôi cho phép người dùng lựa chọn bản tin hàng ngày hoặc hàng tuần. Trong bài này, chúng tôi sẽ chỉ cho bạn cách tạo bản tin email hàng ngày và hàng tuần trong WordPress.

Làm thế nào để tạo bản tin hàng ngày và hàng tuần trong WordPress

Tại sao phải Thêm Tùy chọn Bản tin Email hàng ngày hoặc Hàng tuần?

Tất cả các chuyên gia tiếp thị đồng ý rằng tiếp thị email là rất quan trọng đối với bất kỳ blog hoặc trang web. Đó là chi phí hiệu quả và hấp dẫn.

Tuy nhiên, không phải tất cả người dùng của bạn muốn nhận được cập nhật email hàng ngày. Một số người trong số họ có thể muốn nhận email mỗi tuần một lần.

Thay vì mất thuê bao khi nhận được email bất ngờ, tốt hơn là cung cấp cho họ một lựa chọn tiêu hóa hàng tuần. Điều này cho phép người dùng kiểm soát tần suất họ muốn nghe từ bạn và làm cho họ có nhiều khả năng đăng ký.

Đây là những gì chúng ta sẽ xây dựng:

Danh sách 25 Optin

Chú thích: Đối với hướng dẫn này, bạn phải đăng ký với dịch vụ tiếp thị qua email. Chúng tôi đang sử dụng MailChimp cho hướng dẫn này, tuy nhiên khái niệm cơ bản là giống nhau cho tất cả các dịch vụ email.

Đăng nhập vào tài khoản của bạn và nhấp vào mục Điều hướng danh sách. Bạn sẽ thấy một danh sách các danh sách của bạn. Nhấp vào tùy chọn Groups »Xem Nhóm.

MailChimp Xem Nhóm

Vì bạn chưa có bất kỳ nhóm nào, bạn sẽ thấy một màn hình như thế này. Bạn có thể nhấp để xem video để tìm hiểu thêm về video đó. Để thực hiện theo hướng dẫn này, bạn cần phải nhấp vào nút Create Groups.

MailChimp Tạo Nhóm Xem trước

Khi bạn nhấp vào nút đó, bạn sẽ thấy một màn hình như thế này.

MailChimp Tạo Nhóm

Bạn có tùy chọn hiển thị tùy chọn nhóm trong biểu mẫu đăng ký. Bạn có thể chọn các tuỳ chọn để làm hộp kiểm như trang web của chúng tôi, nút radio, trình đơn thả xuống hoặc không hiển thị nó. Trong trường hợp của chúng tôi, các hộp kiểm là sự lựa chọn lý tưởng. Chọn tiêu đề nhóm, sau đó thêm các tùy chọn bạn muốn. Vì chúng tôi chỉ làm bản tin hàng ngày và hàng tuần nên chúng tôi chỉ thêm hai thông tin này. Hãy để nó mang nhãn hiệu như chúng tôi đã làm trên trang web của chúng tôi, WPB Daily. Lưu các nhóm và bạn đã hoàn thành phần này.

Bây giờ chúng ta hãy đi qua các hình thức một phần trong danh sách của chúng tôi. Trở lại trang Danh sách. Nhấp vào liên kết Biểu mẫu.

Liên kết Biểu mẫu MailChimp

Bạn sẽ thấy một trang cho thấy hình thức đăng ký của bạn trông như thế nào. Có một người xây dựng mà bạn có thể sử dụng để tùy chỉnh các hình ảnh tiêu đề và như vậy. Chúng tôi đã tùy chỉnh mẫu của chúng tôi, vì vậy nó trông như thế này.

Biểu mẫu ListChimp List25

Lý do duy nhất chúng tôi kiểm tra là để thấy hộp kiểm có ở đó không. Sau khi đã làm xong, cuộn xuống đầu trang và nhấp vào tab “Dành cho tab Trang web” của bạn và nhận Mã nhả đăng ký.

MailChimp Mẫu đăng ký Mã Nhúng Liên kết

Bạn sẽ thấy tùy chọn để tạo mã nhúng khuôn dạng. Có nhiều lựa chọn ở đó, nhưng chúng tôi sẽ lựa chọn tùy chọn Naked Form. Điều này cho phép chúng ta dễ dàng tùy biến theo cách chúng ta muốn.

MailChimp Các Tùy chọn Hình Nền

Rất có thể là bạn không muốn đề mục và các chỉ dẫn lĩnh vực bắt buộc trong form của bạn. Vì vậy, hãy nhấp vào hộp tùy chọn và khớp với cài đặt như ảnh chụp màn hình của chúng tôi ở trên. Sau đó nhấp vào Tạo mã nhúng. Mã nhúng sẽ được hiển thị trên cùng một trang ngay bên dưới nút.

Mã nhúng của MailChimp

Sao chép và dán mã đó vào chủ đề của bạn. Vị trí có thể là bất cứ nơi nào bạn muốn hiển thị biểu mẫu chọn tham gia. Trong trường hợp của chúng tôi, nó nằm ở thanh bên, vì vậy chúng tôi sẽ dán mã vào tệp sidebar.php. Khi bạn dán mã, mục tiêu của chúng tôi là dỡ bỏ tất cả div tạo kiểu tóc. Hãy chỉ giữ các trường mẫu cơ bản. Kết quả của bạn sẽ trông giống như sau:


Lưu ý rằng chúng tôi đã chuyển nút gửi ngay sau trường email. Chúng tôi cũng đã thoát khỏi nhãn cho trường email, vì vậy nó chỉ hiển thị dưới dạng một trường trống không có văn bản giá trị mặc định. Chúng tôi cũng đã thoát khỏi các trường lỗi, chủ yếu bởi vì một giải thích về thành công của tab mới hoạt động tốt hơn. Vì người dùng của chúng tôi không có đầu mối để đưa vào trường nhập trống của chúng tôi, có nghĩa là dành cho email, chúng tôi cần phải cho họ biết. Cách tốt nhất để thực hiện việc này là sử dụng các giá trị onblur và onfocus.

Cho phép tiếp tục và thay thế trường nhập email là một cái gì đó như thế này:

Những gì mã sẽ làm là nó sẽ thêm văn bản gọi là “Nhập email của bạn …” trong trường nhập email. Tuy nhiên, khi người dùng nhấp vào trường để nhập email của họ, nó sẽ tự động biến mất.

Bây giờ chúng ta đã quan tâm đến điều đó, hãy thêm một số lớp học bổ sung vào form của chúng ta:


Lưu ý rằng chúng tôi đã thêm các div bổ sung. Chúng tôi cũng đã thêm lớp bổ sung vào trường nhập hộp kiểm thứ hai và nút gửi. Bây giờ chúng ta đã xác định các phần tử html của chúng ta, hãy đi trước và thêm kiểu dáng trong tệp css (style.css).

.subscribe {width: 296px;  chiều cao: 38px;  đường viền: solid #bbbbbb 1px;  lề: 0 0 60px 0;}

 .subscribecheckboxes {margin: 20px 0 0 0;  phông chữ họ: 'ProximaNovaRegular', sans-serif;  kích thước phông chữ: 14px;  màu: # 626262;}

 .secondcheckbox {margin: 0 0 0 28px;}

 .emailupdatesinput {width: 162px;  chiều cao: 38px;  biên giới: không;  gia đình font: Georgia, serif;  kích thước phông chữ: 14px;  kiểu chữ: italic;  màu sắc: # 949494;  đệm: 0 10px 0 10px;  float: left;}

 .subscribesubmitbutton {background: # ff370f;  chiều cao: 40px;  biên giới: không;  chiều rộng: 115px;  lề: -1px-60px 0 0;  phao: trái;  phông chữ họ: 'ProximaNovaRegular', sans-serif;  kích thước phông chữ: 12px;  màu sắc: #ffffff;  chuyển đổi văn bản: chữ hoa;  đệm: 0 1px 0 0;  con trỏ: con trỏ;} 

Chú ý lý do duy nhất tại sao chúng ta có ProximaNovaRegular là vì chúng ta đang sử dụng phông chữ đó bằng cách sử dụng phông chữ. Bạn sẽ cần phải thay thế bằng phông chữ mà bạn đang sử dụng trong chủ đề của bạn.

Một khi bạn tải lên CSS, kết quả cuối cùng của bạn sẽ như sau:

Danh sách 25 Optin

Bây giờ bạn đã hoàn thành phần kiểu dáng, bạn phải tạo các chiến dịch trong bảng điều khiển của MailChimp hoặc Aweber cho từng nhóm cụ thể. Chúng tôi sẽ sử dụng RSS cho các chiến dịch Email (Chiến dịch theo RSS). Nhấp vào mục trình đơn Chiến dịch, sau đó đưa chuột lên trên nút chiến dịch. Bạn sẽ thấy tùy chọn Chiến dịch Có RSS.

Chiến dịch Driven MailChimp RSS

Các bước sau đó khá trực quan. Bạn sẽ nhập RSS Feed URL, chọn thời gian. Sau đó, chọn phân đoạn của danh sách của bạn và đó là nó.

Chúng tôi hy vọng rằng bài báo này đã giúp bạn hiểu không chỉ cách tạo các bản tin email hàng ngày và hàng tuần, nhưng làm thế nào để phân chia và nhóm các danh sách email của bạn.