Cara membuat HTML-email: panduan langkah demi langkah

Milis adalah bagian penting dari kampanye pemasaran. Membuat email bagi mereka dalam banyak hal menyerupai pengembangan halaman Web sederhana. Pada saat yang sama harus mempertimbangkan beberapa perbedaan penting. Secara khusus, mengirim HTML-email akan efektif hanya jika mereka dibuat dengan benar dalam arti teknis, dan konten dan gaya mereka memenuhi tujuan Anda. Dalam hal ini, ada persepsi bahwa orang awam tidak bisa mengatasi dengan tugas ini. Artikel ini menyediakan rinci langkah demi langkah petunjuk, bagaimana menulis dan cara mengirim HTML-email.

Fitur penciptaan

manusia modern menerima harian rata-rata 5-6, dan kadang-kadang sampai 10 e-mail. Ini berarti bahwa Anda hanya memiliki kurang dari satu detik, untuk memiliki waktu untuk menarik perhatian penerima, sebelum pergi ke pembacaan korespondensi berikut. Jika tidak, Anda mengirim HTML-email akan benar-benar tidak efektif, dan Anda hanya membuang-buang waktu.

Salah satu nuansa yang meningkatkan peluang Anda untuk menarik perhatian pelanggan potensial atau target pemirsa lainnya adalah penciptaan korespondensi, yang disesuaikan dengan perangkat mobile. Setelah semua, sebagian besar dari mereka kepada siapa ditujukan untuk melihat email, mungkin menggunakannya lebih sering daripada komputer desktop dan laptop.

Untuk tujuan ini dapat digunakan, misalnya, "desain responsif" dengan mudah menyesuaikan dengan ukuran layar.

Apa yang harus menjadi surat Template

Ketika tata letak dokumen, dimaksudkan untuk mengirim koresponden, harus mematuhi persyaratan sebagai berikut:

• Ini harus dibuat cukup sempit, yaitu. E. Dalam ukuran tidak melebihi kisaran 500-600 piksel yang memberikan tampilan yang benar dari teks dan konten lainnya pada perangkat dari jenis apa pun.
• Anda perlu menggunakan font yang cukup besar untuk semua informasi teks serta iOS-perangkat HTML-mail akan tidak nyaman untuk membaca jika ukuran font minimal 13 piksel.
• Elemen di mana Anda dapat mengklik untuk dilakukan, harus cukup besar dan terisolasi dari link terdekat. Dalam hal ini, penerima dapat dengan mudah mengaktifkan mereka pada percobaan pertama.

latihan

Sebelum pengembangan HTML huruf, Anda harus membuat salah satu drive folder baru dan beri nama, misalnya, "News". Selain itu, Anda harus men-download dan menginstal perangkat lunak Dreamweaver CS3. produk ini dari Adobe adalah alat situs web desain cukup sederhana dan cocok untuk pengembangan mailing huruf dalam format HTML.

Membuat dan menyimpan dokumen

Sebelum Anda menulis teks surat itu, Anda perlu:

• membuka cukup populer Program-desainer HTML-email Dreamweaver CS3 (DW);
• membuat dokumen dengan memilih jenis "Transisi HTML 4.01»;
• simpan file dengan ekstensi «.html»;
• di menu atas untuk menemukan perintah editing;
• menghapus centang dari kotak centang "Gunakan CSS bukan tag HTML».

Panduan langkah demi langkah

Sekarang, mari kita lihat cara membuat HTML-email. Untuk melakukan hal ini:

• Konsisten buka tab menu "Insert" dan "Tabel" dan mengekspos parameter yang diperlukan dari meja. Misalnya, garis - 2 kolom - 1, Lebar - 700, header - atas. Batas-batas dapat diatur, dan Anda dapat melakukannya tanpa mereka, menentukan 0.
• Bentuk header pesan. Sejak HTML huruf dimaksudkan untuk jumlah yang lebih besar dari penerima manfaat, sehingga menggunakan operator [first_name], untuk menggantikan nama penerima yang diinginkan.
• Pada jendela yang lebih rendah, "Properties" memasang parameter yang diperlukan untuk font, ukuran dan warna teks judul dan warna latar belakang.
• "Keluar" dari kolom header. Di bagian bawah layar untuk memindahkan kursor put option "Centered" dan "Di tengah."
• Menyisipkan pesan teks disiapkan atau "menulis" dengan benar dalam program DW dengan memilih jenis dan ukuran font, dan penyelarasan teks pada halaman.

Membuat link hypertext

Kami akan mencoba untuk membuat HTML huruf lebih profesional dan canggih. Dengan tujuan dalam konten menyembunyikan hyperlink. Untuk melakukan ini, pilih tempat dalam teks, yang dipilih sebagai link hypertext. Di sudut kiri harus "terbuka" ikon yang sesuai dan menyisipkan link dari kotak drop di bagian atas layar. Dalam hal ini, jangan lupa untuk menempatkan tanda centang di check-box «_blank», untuk membuka link di jendela baru, dan penerima setelah pertunjukan tidak kehilangan akses ke surat utama.

Cara menyisipkan gambar

Biasanya surat dalam format HTML melengkapi rincian kontak, sebaiknya dengan foto dari penulis atau gambar tematik yang relevan. Hal ini dapat didownload dari internet atau dengan mendownload di Internet, karena Anda akan memerlukan URL gambar. Hal ini paling baik dilakukan oleh salah satu layanan gratis.

Untuk mengeluarkan seperti akhir yang bagus:

• dimasukkan ke bagian bawah pesan, ke dalam tabel basis lain 3 dan kolom 0 parameter untuk piksel batas;
• menempatkan kursor pada tabel, di mana mereka ingin melihat gambar;
• tanda di jendela yang lebih rendah, "tengah" dan "ujung atas" untuk setiap bagian;
• memilih dari bagian atas menu tab "Insert";
• melakukan klik pada tulisan "Image" di menu popup, sisipkan alamat kontak disalin;
• tekan «Ok» 2 kali.

tinjauan

Sekarang Anda tahu bagaimana melakukan HTML huruf, Anda harus memastikan bahwa penerima akan melihatnya dalam bentuk yang benar. Untuk tujuan ini, sebelum mengirimkan Anda ingin melihat pekerjaan Anda di browser Dreamweaver CS3. Untuk melakukan ini, klik pada ikon dengan dunia di menu atas tengah. Jika bukan huruf muncul di layar, abrakadabra, Anda harus dimasukkan ke dalam browser Anda pengaturan avtokodirovku.

encoding

Dari bagian "Project" dan pergi ke bagian kode - "Kode". Pada jendela yang memisahkan dan menyalin semua yang terletak di antara tag dan . Menyimpan file. Berikutnya, masukkan kode HTML.

Mengirim HTML-email

Untuk membuat surat terbuka "Smartresponder" (SR). maka:

• memilih atau membuat email baru dengan mengisi string "nama" dan "alamat pengirim."
• mengisi "tema huruf" line;
• mark di menu sebelah kiri HTML-code atas;
• kode embed disalin ke program DW-kode di lapangan besar "Sumber";
• memeriksa kebenaran dari cara tampilan alat "Preview";
• Menghapus versi teks surat;
• menguji untuk spam, menggunakan tombol yang sesuai di samping "Kirim" tombol.

Beberapa template populer

Menggunakan kerangka membantu secara signifikan mempercepat proses penulisan dan membuatnya lebih mudah diakses oleh pengembang, yang hanya mengerti dasar-dasar membuat web-dokumen. Pola yang paling populer:

• Cerberus. set ini disebut template responsif untuk membuat surat, biasanya ditampilkan dalam aplikasi mobile Gmail, dan Outlook. Hal ini memungkinkan Anda untuk menggunakan blok HTML-code, baik sendiri atau dengan menggabungkan mereka.
• Tinta - adalah pemanenan email, surat yang hampir universal dan kompatibel dengan semua perangkat dan klien.
• Benar-benar sederhana Template email HTML. template memungkinkan Anda untuk membuat mailing surat yang sangat mudah dan cepat. Namun, mereka akan memiliki desain yang sangat sederhana dalam bentuk kolom, yang masuk ke dalam panggilan untuk bertindak.

Cara untuk menyisipkan HTML ke dalam

Mari kita mempertimbangkan masalah yang sedikit berbeda. Untuk menyisipkan kode HTML dalam email, misalnya, gmail menggunakan, seperti pada contoh di bawah ini, browser Google Chrome, Anda harus:

• klik pada tombol «F12», atau pilih sesuai urutan perintah dalam menu;
• di jendela yang terbuka untuk saat ini pelanggan halaman kode gmail menemukan tempat di mana untuk dimasukkan ke dalam HTML huruf, membuat klik kanan dan pilih «Edit seperti HTML».
• paste kode HTML;
• tekan kombinasi dua tombol «Ctrl» dan «Masukkan».

Untuk tujuan yang sama Anda dapat men-download mudah ispolzovnii Program thunderbird Mozilla. Dengan itu Anda dapat membuat surat, maka pertama pilih "Insert" dan kemudian "HTML" dan paste kode mailing Anda.

instrumen

Vordpressovsky e-Newsletter Plugin memungkinkan Anda untuk profesional mengelola newsletter dan pelanggan. Dan kemudian, dan lain dilakukan langsung melalui panel admin WordPress. Keadaan ini memberikan kontrol lengkap dan benar-benar gratis, yang tidak bisa tidak bersukacita.

Alat lain yang sederhana - gambar latar belakang peluru, yang merupakan alat sederhana yang memungkinkan Anda untuk mendapatkan kode untuk gambar latar belakang yang diciptakan oleh surat-surat. Hal ini dapat membantu Anda membuat korespondensi lebih indah. Untuk pendaftaran surat itu hanya harus memasukkan URL dari gambar latar belakang Anda menyukai dan cadangan warna, dan apakah parameter ini diterapkan ke seluruh tubuh dari HTML-mail atau mereka hanya dimaksudkan untuk salah satu sel tabel. Hasilnya adalah kode siap pakai yang ingin Anda copy dan paste ke template Anda.

Sekarang Anda tahu bagaimana cara mengirim HTML-email. penciptaan ini tidak terlalu sulit, terutama jika Anda menggunakan template siap pakai di mana web ada kekurangan. Oleh karena itu, bahkan mereka yang tidak memiliki pengetahuan khusus, dapat dengan mudah mengatasi dengan tugas ini.