Cách tạo và gửi bản tin email miễn phí

Có nhiều tùy chọn trả phí được cung cấp bởi nhiều nhà cung cấp bản tin email, nhưng nếu bạn có thể gửi một từ Gmail, Yahoo, Hotmail và bất kỳ tài khoản email miễn phí nào khác, bạn có thể dự trữ thêm ngân sách của mình cho các mục khác.

Nếu bạn đang tìm kiếm một dịch vụ bản tin được quản lý tốt hơn với các công cụ để theo dõi chiến dịch email của bạn, hãy đi với dịch vụ trả phí, nhưng nếu bạn đang muốn gửi một bản tin cho một vài người bạn, bạn sẽ thích hướng dẫn này.

Chúng tôi sẽ hướng dẫn bạn cách lưu mẫu bản tin của riêng bạn dưới dạng mẫu HTML và bắt đầu gửi chúng, với sự trợ giúp của StrategMonitor.

Bắt đầu với Mẫu email trong Photoshop

Nếu bạn có một ý tưởng về những gì bạn muốn mẫu bản tin của bạn trông như thế nào, bạn có thể bắt đầu làm việc với Photoshop. Nếu không, bạn có thể tải xuống một mẫu từ nhiều nhà cung cấp mẫu email miễn phí. Không có chiều rộng và chiều cao cụ thể của mẫu email, nhưng để đảm bảo nó tương thích và dễ đọc trên bất kỳ email nào, chúng tôi khuyên bạn nên đặt kích thước chiều rộng không quá 650px. Tuy nhiên, không có giới hạn về độ cao, vì vậy tham số đó tùy thuộc vào bạn.

Mẫu email

Bạn có thể sáng tạo như bạn muốn với mẫu email của mình, nhưng hãy nhớ, với nhiều yếu tố sáng tạo hơn, sẽ có nhiều công việc hơn trong việc cắt từng yếu tố. Mẫu mà chúng tôi sẽ sử dụng chỉ có một vài yếu tố đơn giản: tiêu đề, ảnh, dòng và văn bản, vì lợi ích của hướng dẫn này.

Lựa chọn phông chữ

Bạn chắc chắn có thể sử dụng bất kỳ loại phông chữ có sẵn trên Photoshop của bạn. Nhưng nếu bạn đang tạo một bản tin, nên sử dụng các phông chữ web như Times New Roman, Arial và Georgia. Mặt khác, sử dụng phông chữ đặc biệt của bạn, nhưng lưu chúng dưới dạng hình ảnh, thay vì văn bản.

Cố gắng hạn chế phải lưu quá nhiều hình ảnh trong mẫu của bạn, vì điều này sẽ chỉ làm cho nó lớn hơn và do đó mất nhiều thời gian hơn để tải.

1. Cắt mẫu email của bạn

Trong hướng dẫn này, chúng tôi sẽ sử dụng một phiên bản chỉnh sửa của mẫu email miễn phí của CampaignMonitor. Tải về ở đây để làm theo hướng dẫn này.

Bây giờ bạn đã sẵn sàng với mẫu email của mình, hãy mở nó bằng Photoshop, chọn Công cụ cắt và bắt đầu cắt mọi phần tử của mẫu.

Trong quá trình này, bạn phải cắt từng khoảng trống, văn bản, dòng và hình ảnh.

Khi bạn cắt một văn bản, hãy đảm bảo bạn chọn kích thước chính xác, không để lại bất kỳ khoảng trống thừa nào trong vùng văn bản. Đối với các khoảng trống, hãy cắt chúng thành một lát lớn, nhưng tách chúng thành các hình vuông.

Công cụ tiếp theo bạn cần sử dụng với Photoshop là Công cụ chọn lát. Sử dụng công cụ này để sửa từng phần tử được cắt trong mẫu của bạn. Hãy chắc chắn rằng mọi dòng được kết nối, không để lại bất kỳ khu vực trống nào mà không cắt chúng.

Với Công cụ Chọn lát, thu phóng mẫu của bạn và kiểm tra từng lát bạn đã thực hiện. Đảm bảo mọi dòng được kết nối và cố định.

Kết quả sẽ như thế này.

2. Lưu dưới dạng mẫu HTML

Khi bạn đã sẵn sàng với mẫu được cắt lát của mình, hãy đi tới Tệp và chọn Lưu cho Web & Thiết bị.

Một cửa sổ với các tùy chọn lưu sẽ bật lên. Đầu tiên, nhấp đúp vào thành phần hình ảnh của bạn và đặt tên cho nó để bạn có thể dễ dàng nhận ra tệp hình ảnh khi nó được lưu. Nhấp chuột được sau khi bạn đã đặt tên cho chúng.

Tiếp theo ở góc trên cùng bên phải của cửa sổ bật lên, đặt loại hình ảnh là JPEG từ menu thả xuống. Chất lượng có thể được đặt thành 60 hoặc là 80. Nếu bạn đặt chất lượng thành 100, chất lượng hình ảnh sẽ tối đa nhưng nó sẽ làm cho mẫu của bạn nặng.

Bây giờ bấm vào Tiết kiệm nút ở dưới cùng của cửa sổ.

Một cửa sổ bật lên mới sẽ xuất hiện. Tại đây, chọn đích bạn muốn lưu tệp tại đó, sau đó thay đổi định dạng thành HTML và hình ảnh và đặt Lát đến Tất cả các lát.

Tiếp theo, dưới Cài đặt menu thả xuống, chọn Khác.

Một cửa sổ bật lên khác sẽ xuất hiện, bên dưới HTML phần, đảm bảo các lựa chọn trong phần 'Định dạng' như dưới đây; làm tương tự cho phần 'Mã hóa'.

Bây giờ từ HTML menu thả xuống, chọn Lát, và chọn Đầu ra lát đến Tạo bảng và đặt các cột như sau.

Bây giờ từ Lát, đi đến Lưu tập tin từ menu thả xuống, đi xuống phần 'Tập tin được tối ưu hóa' và kiểm tra Đặt hình ảnh trong thư mục và đặt tên thư mục hình ảnh. Thư mục hình ảnh mặc định sẽ là 'hình ảnh'. Sau đó nhấp vào 'ĐƯỢC'.

Nhấp vào OK sẽ đưa bạn trở lại cửa sổ bật lên trước đó, bây giờ nhấp vào Tiết kiệm.

Sau khi bạn nhấn nút lưu, hãy mở thư mục vị trí nơi bạn đã lưu tệp và bạn sẽ thấy thư mục html và hình ảnh chứa các hình ảnh được cắt đã được lưu cho mẫu email của bạn.

Mở tệp '.html' trong trình duyệt của bạn và bạn sẽ thấy rằng bản tin của bạn hiện đã được chuyển đổi thành mẫu HTML.

3. sửa lỗi HTML, Thay đổi hình ảnh văn bản thành phông chữ web

Ở cuối các bước sau, bạn sẽ nhận được mẫu email hoàn chỉnh ở định dạng HTML.

Tất cả các yếu tố trong bản tin HTML được lưu trong hình ảnh, bao gồm tất cả văn bản. Bây giờ bạn cần chuyển đổi hình ảnh văn bản sang phông chữ web. Để làm điều đó, hãy mở tệp '.html' bằng trình soạn thảo HTML. Trong ví dụ này, tôi đang sử dụng Dreamweaver.

Nhấp vào tiêu đề và kiểm tra HTML được tô sáng.

HTML sẽ giống như thế này;

Bây giờ, hãy xóa từng dòng được tô sáng, thay vào đó, nhấp vào hình ảnh tiêu đề và nhấn xóa. Sau khi xóa, bạn sẽ thấy khu vực chứa đầy màu nền mặc định.

Bây giờ hãy quay lại Photoshop, kiểm tra chi tiết phông chữ của người đứng đầu. Bạn cần phải có loại phông chữ, màu sắc và kích thước.

Khi bạn nhận được các chi tiết của phông chữ, hãy nhập văn bản tiêu đề vào vùng tiêu đề của mẫu và bao gồm cả các chi tiết phông chữ. Trong ví dụ của tôi, HTML văn bản tiêu đề của tôi như sau:

Bản tin ABC

Dòng HTML ở trên có 'kiểu' bao gồm. Đó là nơi bạn xác định màu nền, họ phông chữ, cỡ chữ cũng như khoảng cách chữ. Cố gắng lấp đầy không gian văn bản với khoảng cách chữ và cỡ chữ phù hợp; đảm bảo nó không phá vỡ mẫu của bạn.

Bây giờ bạn cần lặp lại quy trình tương tự cho mọi văn bản trong mẫu của bạn. Đảm bảo rằng tất cả các hình ảnh văn bản được chuyển đổi thành phông chữ web và tránh các hình ảnh không cần thiết trong HTML.

Tiếp theo là tùy chọn, nhưng bạn có thể đặt bản tin thành chính giữa, thêm căn chỉnh trong

phần.

Để xem lại mẫu cuối cùng của bạn, hãy mở tệp '.html' trên trình duyệt của bạn;

Bạn cũng có thể tải mẫu cuối cùng ở đây để bạn tham khảo.

4. Gửi HTML dưới dạng bản tin qua Gmail

Bây giờ đây là một mẹo nhỏ để giúp bạn gửi email HTML trực tiếp từ Gmail. Để thực hiện điều này, bạn thực sự cần phải tải thư mục bản tin lên máy chủ web của mình, nhưng trong trường hợp bạn không có, hãy để nó được thực hiện với Dropbox thay thế.

Sử dụng thư mục công cộng Dropbox

Nếu bạn đã đăng ký tài khoản Dropbox trước ngày 1 tháng 8 năm 2012, bạn có thể làm theo các bước dưới đây.

1. Đăng ký tài khoản miễn phí với Dropbox, sau đó cài đặt ứng dụng vào PC hoặc Mac để bạn có thể bỏ qua quá trình tải lên qua Web. Hãy để ứng dụng tải lên cho bạn.

   

2. Mẫu email bạn đã tạo được lưu trong một thư mục. Sao chép thư mục và dán nó vào Công cộng thư mục được tìm thấy trong Dropbox của bạn (Dropbox> Công khai).

   

3. Bây giờ, định vị tệp '.html' của bạn trong thư mục, nhấp chuột phải và chọn Sao chép liên kết công khai.

   

4. Khi bạn chọn 'Sao chép liên kết công khai', liên kết sẽ được lưu trong bộ nhớ máy tính của bạn. Dán liên kết này vào trình duyệt web của bạn, sau đó mở nó dưới dạng trang web.

   

5. Bạn cần sao chép nội dung của bản tin này, vì vậy hãy sử dụng bàn phím của bạn và nhấn Ctrl + A để chọn tất cả và sau đó Crtl + C để sao chép toàn bộ nội dung (đối với Mac, sử dụng Cmd + A để chọn tất cả và Cmd + C để sao chép)

6. Mở Gmail của bạn, nhấp Soạn, biên soạn để nhận email trống, nhấp chuột vào trường văn bản và sau đó nhấn Ctrl + V để dán bản tin của bạn vào trường nội dung email. Người dùng Mac có thể nhấn Cmd + V

   

7. Bản tin của bạn bây giờ xuất hiện dưới dạng nội dung email của bạn. Nhập chủ đề và địa chỉ email và gửi bản tin email đầu tiên của bạn!

Sử dụng ứng dụng Site44

Vì Dropbox không còn cung cấp tính năng thư mục Công cộng cho người dùng Dropbox đã đăng ký sau ngày 1 tháng 8 năm 2012, bạn có thể dùng thử Site44, một ứng dụng biến thư mục Dropbox thành trang web.

1. Truy cập Site44 và đăng nhập bằng Dropbox để bắt đầu.

   

2. Cho phép Site44 kết nối với tài khoản Dropbox của bạn. Trong hầu hết các trường hợp, bạn được yêu cầu xác minh địa chỉ email của bạn.

   

3. Nhấp vào "Nhấp vào trang web mới" để bắt đầu.

   

4. Trong phần "Sử dụng tên miền site44.com", nhập tên thư mục ưa thích của bạn cho trang web này trong Dropbox của bạn và nhấp vào "Tạo". Trong trường hợp này, tôi đang sử dụng "bản tin"làm tên thư mục của tôi. Sau đó, chấp nhận các điều khoản sử dụng để tiếp tục.

   

5. Bây giờ, Site44 đã tạo các thư mục mới cho trang web trong Dropbox của bạn.

   

6. Sao chép thư mục newsletter.html và hình ảnh mà bạn đã tạo trước đây vào thư mục mynewsletter.site44.com Dropbox.

   

7. Mở trình duyệt web và truy cập http://mynewsletter.site44.com/newsletter.html.

   

8. Bạn cần sao chép nội dung của bản tin này, vì vậy hãy sử dụng bàn phím của bạn và nhấn Ctrl + A để chọn tất cả và sau đó Crtl + C để sao chép toàn bộ nội dung (đối với Mac, sử dụng Cmd + A để chọn tất cả và Cmd + C để sao chép)

9. Mở Gmail của bạn, nhấp Soạn, biên soạn để nhận email trống, nhấp chuột vào trường văn bản và sau đó nhấn Ctrl + V để dán bản tin của bạn vào trường nội dung email. Người dùng Mac có thể nhấn Cmd + V

   

10. Bản tin của bạn bây giờ xuất hiện dưới dạng nội dung email của bạn. Nhập chủ đề và địa chỉ email và gửi bản tin email đầu tiên của bạn!

Phần kết luận

Miễn là thư mục HTML bản tin vẫn được lưu trong thư mục Dopbox Public, người nhận của bạn sẽ có thể xem bản tin của bạn một cách chính xác, nhưng một khi bạn xóa thư mục, liên kết sẽ bị hỏng và người nhận sẽ chỉ có thể xem bản văn. Tôi hy vọng bạn có thể làm theo hướng dẫn này về cách tạo một bản tin HTML cơ bản bằng Photoshop sau đó được gửi dưới dạng HTML qua Gmail. Nếu bạn có những cách khác, hãy chia sẻ với những độc giả còn lại của chúng tôi.