warna:#234322; - perintah pengaturan warna tidak relevan untuk gambar.

batas = "0" - perintah pembingkaian gambar. Nilai 0 menghilangkan batas putih di sekitar gambar, nilai yang lebih besar dari itu akan mengeluarkan lebar piksel yang sesuai.

Pastikan untuk memasukkan perintah ini. Misalnya, Outlook secara otomatis menetapkan bingkai ke gambar jika Anda tidak mendaftarkan perintah ini.

Menemukan potongan kode dengan gambar akan lebih mudah di browser. Untuk melakukan ini, klik kanan pada gambar yang diperlukan dan pilih "Lihat Kode" (ini adalah nama opsi ini di Google Chrome, nama dan jalurnya mungkin berbeda di browser lain). Browser akan secara otomatis menyorot bagian yang tepat untuk Anda, salin kodenya dan tempelkan ke pencarian Sublime.

Saat mengganti gambar, berhati-hatilah - jika ukuran gambar barunya berbeda dari ukuran yang sebelumnya, Anda perlu mengubah semua parameter lebar dan tinggi ke yang sekarang.

kata penutup

Kami memberi tahu Anda tentang opsi paling "tanpa rasa sakit" untuk mengedit kode email. Jika Anda perlu membuat perubahan yang lebih signifikan, kami sangat menyarankan untuk mempercayakan tugas seperti itu kepada spesialis tata letak, atau setidaknya buat salinan kode sebelum mengedit.

Baca dua bagian sebelumnya, kuasai yang ketiga, dan Anda akan dipersenjatai dengan semua pengetahuan teknis untuk sepenuhnya bekerja di editor baru!

Bagaimana cara menarik kode email dari editor baru?

Jadi, saya bekerja di versi baru konstruktor. Secara umum, saya menyukainya. Namun, kelemahannya adalah tidak memungkinkan Anda untuk mengubah huruf yang dibuat, bersama dengan teks dan gambar, menjadi kode HTML. Sedih. Tapi ada jalan keluar. Anda perlu mengekstrak kodenya sendiri. Bagaimana cara melakukannya?

Sekarang saya akan memberitahu Anda. Secara umum, Anda memiliki surat. Atau templat surat. Jika tidak, kembalilah membaca bagian ini setelah Anda membuat templat (atau surat yang sudah jadi berdasarkan itu).

Sejak awal

Jadi, mari kita melalui seluruh prosedur sepenuhnya. Sejak awal. Kami melakukan semuanya dalam empat langkah.

Langkah dua. Pilih template yang disimpan.

Langkah ketiga. Klik tombol "Pratinjau". Selanjutnya, saya akan menjelaskan prosedurnya di browser Google Chrome. Dengan mengklik tombol "Pratinjau", surat itu dibuka dalam bentuk di mana pelanggan akan melihatnya.

Langkah empat. Klik kanan untuk membuka menu, di mana kami memilih opsi "Lihat Kode". Di browser Chrome, setelah itu, jendela tambahan ("jendela di jendela") terbuka dari bawah dengan kode HTML surat itu.

Untuk membuatnya lebih jelas, di bawah ini adalah tangkapan layar dari semua langkah.

Cara mendapatkan kode HTML email

Jika Anda memindahkan kursor mouse ke baris kode apa pun, maka di jendela pratinjau pesan (kami telah membukanya, itu tidak pergi ke mana pun) bidang yang dijelaskan oleh baris ini akan ditandai.

Bergerak ke atas, kita mencapai bagian paling awal dari surat kita. Ini mungkin teks pertama, misalnya, "Halo, pelanggan yang terhormat", atau gambar - logo situs Anda.

Surat saya dimulai dengan logo. Jadi kita akan mencari kode dari mana deskripsi semua elemen surat dimulai: teks dan gambar.

Jendela dengan kode dapat ditempatkan secara horizontal (di bagian bawah jendela browser), vertikal (di sisi kanan jendela browser), atau sebagai jendela independen yang terpisah. Tetapi kita tidak memerlukan jendela independen yang terpisah, karena kita akan menelusuri kode dan melihat elemen huruf mana yang ditampilkannya. Lebih nyaman bagi saya bahwa jendela tambahan terletak di bagian bawah jendela browser.

Cara mengatur jendela tambahan

Memilih lokasi jendela tambahan itu sederhana.

1. Di menu atas jendela tambahan, di bagian kanan, di sebelah tanda silang, ada elemen yang ditunjukkan oleh tiga titik vertikal. Ini disebut Kustomisasi dan kontrol DevTools (namanya ditampilkan saat Anda mengarahkan kursor ke mouse). Kami membukanya.
2. Pilih Dock ke mode bawah.

Semuanya. Sekarang jendela tambahan kami terletak di bagian bawah. Dalam hal ini, mode Elemen harus dipilih di bagian kiri menu atas.

Menyalin kode email dari browser

Sekarang mari kita menelusuri kode dari atas ke bawah. Setelah kami menemukan kode yang secara bersamaan mencakup semua elemen pada halaman surat kami, kami memanggil menu dengan tombol kanan mouse dan pilih Edit sebagai HTML.

Blok terbuka: persegi panjang, di dalamnya ada banyak kode. Salin semua kode di dalam persegi panjang ini (pertama tekan kombinasi tombol Ctrl + A, lalu Ctrl + C).

Itu saja, kami menyalin kode HTML ke clipboard, yaitu ke memori sementara komputer kami. Sekarang Anda dapat menyimpan kode ini sebagai template di SmartResponder.

Bidang kosong dari templat baru terbuka, di menu di mana Anda harus mengklik tombol "Sumber" (baru hari ini saya melihat bahwa sekarang tombol ini telah diubah namanya menjadi "kode HTML").

Kemudian kita paste kode HTML kita dengan shortcut keyboard Ctrl + V . Kemudian tunjukkan subjek surat (ini adalah bidang yang wajib diisi) dan tekan tombol "Simpan". Siap!

Menyimpan kode email dengan benar

Ya, itu sudah beres. Sekarang Anda juga dapat menyimpan kode sebagai file HTML di komputer Anda. Untuk melakukan ini, cukup buka Notepad dan simpan kode di dalamnya. Kemudian ubah ekstensi *.txt menjadi *.html dan buka file tersebut. Anda akan melihat salinan surat Anda di jendela browser.

Sebenarnya, untuk menyimpan kode program, lebih baik unduh editor NotePad++. Saya selalu menggunakannya karena Notepad adalah:

a) tampilan visual dari struktur kode;
b) penyorotan sintaks (yaitu, tautan antara elemen kode: di mana apa yang membuka dan menutup dan apa yang tertulis di antara "di mana apa" ini ditulis).

Benar, dalam mempelajari cara memproses kode surat yang dibuat khusus di layanan pengiriman surat SmartResponder, bahkan NotePad ++ tidak membantu saya mendapatkan markup kode yang indah. Dibantu disini Adobe Dreamweaver CC.

Hanya berkat dia, dimungkinkan untuk menyusun kode menggunakan perintah "Format source code".

Sekarang Anda dapat mentransfer kode ke NotePad++ dan menyimpannya. Meskipun, tidak. Sebelum menyimpan, Anda perlu mengklik "Konversikan ke ANSI" agar tidak ada coretan alih-alih teks saat melihat.

Anda juga dapat memilih "Lihat" - "Bungkus garis". Kemudian semua kode akan ditempatkan pada lebar halaman, dan tidak dalam satu baris.

Setelah itu, semuanya harus terbuka dan ditampilkan seperti pada templat surat pada layanan SmartResponder.

Jaring pengaman: simpan kode di SmartResponder

Karena kami "mengambil" kode dari surat kami yang dibuat di editor baru, karena kami sudah memilikinya, kami dapat menyimpannya di layanan SmartResponder untuk keamanan. Untuk apa? Untuk membuat huruf baru berdasarkan itu, ubah, dan, yang paling penting, gunakan di sumber lain (saya ingatkan Anda bahwa tidak ada fitur seperti itu di editor baru).

Untuk melakukan ini, kode yang disalin dari browser Google Chrome harus ditempelkan ke konstruktor SmartResponder lama.

Ini dilakukan dengan mudah.

1. Di tab "Mailouts", pilih bagian "Daftar templat surat".
2. Klik tombol "Buat Templat".
3. Pilih jenis "Email HTML Berwarna-warni (editor lama)" dan klik "Berikutnya".
4. Di editor yang terbuka, di menu alat untuk membuat surat, klik tombol "Kode HTML".
5. Tempel kode kita (tekan Ctrl + V). Kita dapat mengklik tombol “HTML code” lagi, yaitu mematikan mode tampilan kode dan mengaktifkan mode tampilan penampilan surat.
6. Pastikan untuk mengisi bidang "Subjek surat" (dalam bahasa Rusia: kami memberikan nama pada templat kami).
7. Saya menekan tombol "Simpan".

Sebenarnya, hanya itu yang ingin saya ceritakan kepada Anda tentang editor SmartResponder baru setelah saya membuat surat pertama saya di dalamnya.

Saya ingin mengatakan bahwa saya sama sekali tidak akrab dengan layanan SmartResponder sebelumnya. Artinya, saya tidak memiliki keterampilan dalam bekerja baik di editor lama atau di editor baru. Tapi saya mendaftar dan menemukan jawabannya. Nah, sekarang Anda tahu cara bekerja di konstruktor SmartResponder baru.

Dan layanan untuk membuat dan mengirim surat apa yang Anda gunakan dalam pekerjaan Anda?

Halo semua!

Rustem meninggalkan kami ke Sochi, untuk menikmati iklim laut yang hangat. Saya dan Alina diperintahkan untuk melanjutkan cerita tentang pemasaran Email. Nah, minggu ini adalah postingan saya. Saya akan memberi tahu Anda tentang OpenRate.

Tingkat terbuka surat (Open Rate dalam bahasa Inggris) adalah salah satu yang paling penting. Anda mengirim 10.000 surat dan hanya 10 orang yang membacanya. OpenRate adalah 0,1%. Kesedihan! Tetapi jika ada 2.000 orang, maka itu tidak buruk - 20%. Namun timbul pertanyaan, bagaimana cara mengetahui berapa banyak orang yang telah membaca surat tersebut? Layanan seperti Unisender, Mailchimp, dll. menyediakan informasi ini di antarmuka. Mari kita coba mencari tahu bagaimana mereka mendapatkan data ini. Untungnya, ada beberapa cara - hanya dua.

Opsi 1. Gambar piksel tunggal.

Metodenya sangat sederhana! Layanan menyisipkan gambar 1x1 piksel transparan ke dalam email. Saat pengguna membuka email, gambar dimuat di browser. Pada saat yang sama, gambar tersebut tampaknya berada di server "mailer". Ketika permintaan gambar masuk (permintaan ke server), layanan dapat melacak gambar mana yang diminta. Dan untuk menarik kesimpulan - surat mana, dari mana milis dibuka.

Omong-omong, Anda dapat melacak pembukaan satu huruf dengan cara ini dengan memasukkan kode GoogleAnalytics ke dalam kode, bukan alamat gambar. Dan kemudian jumlah bukaan akan ditampilkan dalam statistiknya.

Kontra dari pelacakan tersebut: tidak bekerja di semua antarmuka mailer (dan program mail), dan metode ini juga berlaku hanya jika surat Anda dalam format HTML. Bagaimanapun, ini adalah kode html tertentu. Dalam pesan teks biasa, metode ini tidak akan berfungsi.

Opsi 2. Ikuti tautan.

Solusi kedua juga ada di permukaan. Kami menandai tautan dalam surat itu, menambahkan kode khusus ke alamat setiap tautan. Jika seseorang mengikuti mereka ke situs kami, maka dia membuka surat itu. Dengan kode tersebut, Anda dapat mengidentifikasi dari milis mana pengguna berasal. Metode ini melengkapi opsi pertama: jika tidak berhasil, maka statistik akan diklarifikasi dengan klik tautan.

Omong-omong, pernah ada ide untuk melacak tingkat terbuka surat bukan untuk pengiriman, tetapi untuk yang dikirim oleh penjual dengan penawaran komersial. Sejumlah layanan asing ditemukan, yang pada akhirnya bekerja dengan prinsip yang hampir sama.

Itu pada dasarnya. Memiliki minggu kerja yang bermanfaat!