Làm thế nào để tạo HTML email: hướng dẫn từng bước

danh sách gửi thư là một phần quan trọng trong các chiến dịch marketing. Tạo email cho họ bằng nhiều cách nó giống sự phát triển của các trang Web đơn giản. Đồng thời nó nên đưa vào tài khoản một số khác biệt quan trọng. Đặc biệt, gửi HTML email sẽ chỉ có hiệu lực nếu họ được tạo thành từ một cách chính xác theo nghĩa kỹ thuật, nội dung và phong cách của họ đạt được mục tiêu của bạn. Trong trường hợp này, có một quan niệm cho rằng một giáo dân không thể đối phó với nhiệm vụ này. Bài viết này cung cấp bước chi tiết bằng cách hướng dẫn bước, làm thế nào để viết và làm thế nào để gửi HTML email.

Đặc điểm của sự sáng tạo

Con người hiện đại nhận được hàng ngày trung bình 5-6, và đôi khi lên đến 10 e-mail. Điều này có nghĩa rằng bạn chỉ còn lại ít hơn một giây, để có thời gian để vẽ sự chú ý của người nhận, trước khi nó đi vào việc đọc thư sau. Nếu không, gửi HTML email của bạn sẽ được hoàn toàn không hiệu quả, và bạn chỉ lãng phí thời gian.

Một trong những sắc thái làm tăng khả năng thu hút sự chú ý của khách hàng tiềm năng hoặc đối tượng mục tiêu khác là việc tạo ra các thư từ, được thích nghi với các thiết bị di động. Sau khi tất cả, hầu hết những người mà nó được đề cập để xem email, có lẽ sử dụng chúng thường xuyên hơn máy tính để bàn và máy tính xách tay.

Với mục đích này có thể được sử dụng, ví dụ, "responsive design" một cách dễ dàng thích nghi với kích thước màn hình.

Điều gì nên là mẫu thư

Khi bố trí của các tài liệu, nhằm gửi phóng viên, phải tuân thủ các yêu cầu sau:

• Nó nên được thực hiện khá hẹp, tức là. E. Trong kích thước không vượt quá phạm vi 500-600 pixel cung cấp màn hình hiển thị chính xác của văn bản và nội dung khác trên các thiết bị của bất kỳ loại.
• Bạn cần phải sử dụng một phông chữ đủ lớn cho tất cả các thông tin văn bản cũng như iOS thiết bị HTML-mail sẽ không thoải mái để đọc nếu kích thước phông chữ tối thiểu là 13 pixel.
• Các yếu tố trên mà bạn có thể bấm vào để làm, phải đủ lớn và cách nhiệt từ các liên kết gần nhất. Trong trường hợp này, người nhận có thể dễ dàng kích hoạt chúng lần thử đầu tiên.

đào tạo

Trước sự phát triển của HTML chữ, bạn nên tạo một trong những ổ đĩa một thư mục mới và đặt tên cho nó, ví dụ, "Tin tức". Bên cạnh đó, bạn phải tải về và cài đặt phần mềm Dreamweaver CS3. Sản phẩm này từ Adobe là một công cụ khá đơn giản thiết kế trang web và là rất thích hợp cho sự phát triển của một bức thư gửi thư ở định dạng HTML.

Tạo và lưu một tài liệu

Trước khi bạn viết nội dung của lá thư, bạn cần phải:

• mở khá phổ biến chương trình thiết kế HTML email Dreamweaver CS3 (DW);
• tạo một tài liệu bằng cách chọn một loại "Chuyển HTML 4,01»;
• lưu các tập tin với phần mở rộng «.html»;
• ở menu trên cùng để tìm ra lệnh soạn thảo;
• loại bỏ các đánh dấu từ hộp kiểm "Sử dụng CSS thay vì thẻ HTML».

Từng bước hướng dẫn

Bây giờ, chúng ta hãy xem làm thế nào để tạo HTML email. Để làm điều này:

• Liên tục mở tab menu "Insert" và "Bảng" và tiếp xúc với các thông số cần thiết của bảng. Ví dụ, dòng - 2 cột - 1, Width - 700, tiêu đề - đỉnh. Các ranh giới có thể được thiết lập, và bạn có thể làm mà không có họ, xác định 0.
• Mẫu tiêu đề thư. Kể từ HTML chữ dành cho một số lượng lớn người hưởng lợi, vì vậy sử dụng toán tử [first_name], để thay thế tên của người nhận mong muốn.
• Trong cửa sổ thấp hơn, các "Properties" đưa lên các thông số cần thiết cho việc font chữ, kích thước và màu sắc của văn bản tiêu đề và màu nền.
• "Thoát" từ lĩnh vực tiêu đề. Ở dưới cùng của màn hình để di chuyển các tùy chọn con trỏ đặt "làm trung tâm" và "Ở giữa."
• Chèn tin nhắn văn bản được chuẩn bị hoặc "viết" nó ngay trong chương trình DW bằng cách chọn kiểu và cỡ chữ, và sự liên kết của văn bản trên trang.

Tạo các liên kết siêu văn bản

Chúng tôi sẽ cố gắng làm cho HTML chữ chuyên nghiệp hơn và tiên tiến. Với mục tiêu này trong ẩn nội dung siêu liên kết. Để làm điều này, chọn diễn ra trong văn bản, mà đã được lựa chọn như một liên kết siêu văn bản. Ở góc trái nên "mở" biểu tượng thích hợp và chèn một liên kết từ hộp thả ở phía trên cùng của màn hình. Trong trường hợp này, đừng quên đặt một đánh dấu vào hộp kiểm «_blank», để mở liên kết trong một cửa sổ mới, và người nhận sau khi chương trình đã không bị mất quyền truy cập vào thư chính.

Làm thế nào để chèn hình ảnh

Thông thường thư ở định dạng HTML hoàn thành chi tiết liên lạc, tốt hơn với một bức ảnh của tác giả hoặc hình ảnh chuyên đề có liên quan. Nó có thể được tải về từ Internet hoặc bằng cách tải trên Internet, vì bạn sẽ cần địa chỉ URL của hình ảnh. Này được thực hiện tốt nhất bằng một trong những dịch vụ miễn phí.

Ban hành một kết thúc đẹp như vậy:

• chèn vào dưới cùng của tin nhắn, vào một bảng cơ sở 3 và cột 0 tham số cho pixel ranh giới;
• đưa con trỏ vào bảng, nơi họ muốn nhìn thấy hình ảnh;
• đánh dấu trong cửa sổ thấp hơn, "giữa" và "cạnh thượng" cho từng bộ phận;
• chọn từ tab menu trên cùng "Insert";
• làm nhấp chuột vào dòng chữ "Hình ảnh" trong menu popup, dán địa chỉ liên lạc sao chép;
• báo chí «Ok» 2 lần.

xem lại

Bây giờ bạn biết làm thế nào để làm HTML chữ, bạn nên chắc chắn rằng người nhận sẽ thấy nó dưới dạng chính xác. Để kết thúc này, trước khi trình bạn muốn xem công việc của bạn trong trình duyệt Dreamweaver CS3. Để làm điều này, nhấn vào biểu tượng với một quả địa cầu trong menu giữa đầu. Nếu thay vì chữ xuất hiện trên màn hình, thần chú, bạn nên đặt trong trình duyệt của bạn thiết lập avtokodirovku.

mã hóa

Từ phần "Dự án" và đi đến phần mã - "Mã". Trong cửa sổ tách ra và sao chép tất cả những gì nằm giữa các thẻ và . Lưu tập tin. Tiếp theo, chèn mã HTML.

Gửi email HTML

Để thực hiện qua đường bưu điện mở "Smartresponder" (SR). sau đó:

• chọn hoặc tạo một email mới bằng cách điền vào chuỗi "Tên" và "giải quyết cho người gửi."
• điền vào dòng "chủ đề của bức thư";
• đánh dấu ở menu bên trái mã HTML trên;
• mã nhúng sao chép vào chương trình DW-mã trong một lĩnh vực lớn "Nguồn";
• kiểm tra tính chính xác của các phương tiện hiển thị của một công cụ "Xem trước";
• Xóa phiên bản văn bản của bức thư;
• kiểm tra nó là spam, sử dụng nút thích hợp bên cạnh nút "Send".

Một số mẫu phổ biến

Sử dụng một khuôn khổ giúp tăng tốc đáng kể quá trình viết và làm cho nó dễ tiếp cận hơn cho các nhà phát triển, trong đó đã chỉ hiểu những điều cơ bản của việc tạo ra web tài liệu. Các mô hình phổ biến nhất:

• Cerberus. Điều này đặt các cái gọi là mẫu đáp ứng để tạo ra chữ, thường hiển thị trong một ứng dụng di động Gmail, và trong Outlook. Nó cho phép bạn sử dụng khối mã HTML, hoặc một mình hoặc bằng cách kết hợp chúng.
• Ink - được thu hoạch email, thư mà gần như phổ quát và tương thích với tất cả các thiết bị và các khách hàng.
• Thực sự đơn giản mẫu email HTML. Mẫu cho phép bạn tạo thư gửi thư là rất dễ dàng và nhanh chóng. Tuy nhiên, họ sẽ có một thiết kế rất đơn giản dưới dạng một cột, mà tham gia vào một cuộc gọi đến hành động.

Làm thế nào để chèn các đoạn HTML vào một

Bây giờ chúng ta hãy xem xét một vấn đề hơi khác nhau. Để chèn HTML trong một email, ví dụ, gmail sử dụng, như trong ví dụ dưới đây, trình duyệt Google Chrome, bạn nên:

• nhấn vào nút «F12», hoặc chọn trình tự thích hợp của các lệnh trong menu;
• trong cửa sổ mở ra cho gmail trang mã hiện tại của khách hàng tìm thấy một nơi để được chèn vào HTML chữ, nhấn chuột phải và chọn «Sửa dưới dạng HTML».
• dán mã HTML;
• nhấn một sự kết hợp của hai phím Ctrl «» và «Nhập».

Đối với cùng một mục đích, bạn có thể tải về dễ ispolzovnii chương trình thunderbird của Mozilla. Với nó, bạn có thể tạo ra một bức thư, thì trước tiên chọn "Insert" và sau đó "HTML" và dán mã chỉ gửi thư của bạn.

công cụ

Vordpressovsky Plugin e-Newsletter cho phép bạn quản lý một cách chuyên nghiệp và các bản tin thuê bao. Và rồi, và một người khác được thực hiện trực tiếp thông qua WordPress bảng quản trị. trường hợp này cung cấp điều khiển đầy đủ và hoàn toàn miễn phí, mà không thể nhưng vui mừng.

Một công cụ rất đơn giản - hình ảnh nền Bulletproof, mà là một công cụ đơn giản cho phép bạn lấy mã cho hình nền tạo ra bởi các chữ cái. Nó có thể giúp bạn thực hiện sự tương ứng đẹp hơn. Đối với đăng ký của bức thư nên chỉ cần nhập URL của hình nền bạn thích và bảo lưu màu, và cho dù các thông số này được áp dụng cho toàn bộ cơ thể của HTML-mail hoặc họ chỉ dành cho một trong những tế bào bảng. Kết quả là một mã làm sẵn mà bạn muốn sao chép và dán vào mẫu của bạn.

Bây giờ bạn biết làm thế nào để gửi HTML email. sáng tạo của nó không phải là đặc biệt khó khăn, đặc biệt nếu bạn sử dụng các mẫu làm sẵn, trong đó các trang web là không thiếu. Do đó, ngay cả những người không có kiến thức đặc biệt, có thể dễ dàng đối phó với nhiệm vụ này.