yang utama - Tips Pereka
Templat surat e-mel HTML. Templat dan Templat Editor untuk mel e-mel

Saya tidak mengetahui sehingga perlu untuk menunjukkan saiz gambar, jadi dalam pelan ini setakat ini huru-hara. Di suatu tempat - saya meletakkan, di suatu tempat - tidak. Selepas ujian, ia adalah perintah. Atau akan dikeluarkan sepenuhnya untuk memendekkan kod, atau perlu menambah di mana-mana jika ia akan dipaparkan dengan salah di beberapa pengirim.

Kod ini saya menambah rentetan dengan satu lajur, dalam jadual "Kandungan" dan letakkan gambar di dalamnya, dengan tulisan "SmartLanding":

Sekarang surat itu kelihatan seperti ini:



Semua ini dilakukan untuk mengindokkan kandungan. Kod html. Kandungan itu kelihatan seperti ini:

Sekarang adalah perlu untuk melaksanakan pengumuman artikel itu, ia cukup. 1 baris, 1 lajur dan teks di dalamnya:

Saya membuat markup yang sama untuk teks, tajuk utama:

Dan sekarang langkah terakhir ditinggalkan, buat footer. Saya tidak membuat jadual baru di bawahnya, dan diletakkan dalam kandungan, hanya menambah baris dan lajur baru:

Surat itu ternyata. Sekarang ada banyak ujian. Saya merancang untuk menguji susun atur dalam e-mel dan program berikut:

  • gmail.
  • yandex.
  • rambler.
  • mozilla Thunderbird.
  • outlook 2007.
  • outlook 2013.
  • kelawar itu.

Dalam proses ujian, saya akan menambah tajuk tajuk gaya dan teks, menetapkan semula sifat dan membuat penyesuaian lain. Dan selepas itu, saya akan menulis satu lagi jawatan terperinci mengenai topik ini. Mungkin sesuatu akan berubah ke artikel seterusnya, jadi melanggan kemas kini jika anda berminat topik ini Dan anda tidak mahu melepaskan bahan baru.

Jika anda mempunyai pengalaman membuat huruf HTML, sila email komen anda dan tentukan kesilapan. Saya akan sangat berterima kasih kepada anda. Dan hari ini - semua. Sehingga!

(Berkenalan dengan ujian awal surat HTML dalam enjin carian yang berbeza)

E-mel -Marketing setiap tahun terus mendapat momentum bersama-sama dengan peningkatan bilangan pengguna Internet. Pangkalan data syarikat berkembang, surat mel kepada setiap pelanggan secara manual menjadi tidak tertanggung. Email -Marketing membantu membuat proses pengedaran melalui e-mel lebih mudah, cepat, dan mewujudkan asas untuk kreativiti. Untuk pengedaran menggunakan HTML dan templat surat e-mel biasa.

Jika kita bercakap bahasa yang mudah, E-mel -Mailketing adalah sistem surat yang baik dalam surat dalam alamat e-mel dalam pangkalan data.

Pemasaran jenis ini diasaskan pada huruf dan halaman, yang tertanam dalam huruf.

Templat e-mel adalah 2 spesies:

  • Normal hanyalah surat teks dari beberapa tawaran dengan atau tanpa lampiran, jarang dengan pemformatan kreatif. Templat sedemikian untuk e-mel biasanya digunakan dalam surat-menyurat perniagaan.

  • Templat huruf HTML cerah, bertujuan untuk menarik perhatian dan mewujudkan minat halaman web yang diperkenalkan ke dalam surat itu.

Apakah kelebihan dan kekurangan?

Mari kita mulakan dengan templat biasa.

Sebilangan besar "plus" adalah penunjuk yang baik. Tetapi menjual surat tersebut dalam komunikasi pertama dengan pelanggan, terutama biasa, tidak mungkin dapat. Tidak seperti html -spices.

Buat html -pisses secara bebas tanpa latihan yang mencukupi adalah sukar, walaupun ia adalah tepat mesej seperti yang indah, sama dengan poskad, menarik lebih banyak perhatian daripada "hitam putih" yang mudah. Templat untuk HTML -Pemas dan surat e-mel boleh dibuat secara langsung di laman web yang telah lama termasuk fungsi ini sebagai mandatori untuk menyusun surat e-mel kepada pengguna.

Perkhidmatan utama.

Menggambarkan laman utama untuk mel e-mel, masuk akal untuk membandingkannya dengan ciri-ciri yang paling penting.

Stripo mencadangkan pemilihan luas Templat E-mel Percuma. Mereka dikelompokkan oleh bidang perniagaan dan kategori, seperti acara khas, cuti, dll. Templat kami sebelum ini direka untuk semua jenis mesej pencetus, untuk skop perkhidmatan undang-undang dan perundingan, untuk mesej promosi dan jenis mesej lain.

Di sini anda akan menemui pola pemasaran e-mel yang memenuhi permintaan anda dan memenuhi citarasa anda.

Kenapa kita yakin dengan ini:

    Reka bentuk web adaptif

    Semua templat Stripo adalah penyesuaian sepenuhnya. Ini bermakna bahawa semua peranti mudah alih dan kebanyakan pengirim mencerminkannya dengan betul.
    Walau bagaimanapun, anda boleh memilih mana-mana imej, blok atau struktur dan menjadikannya tidak menyesuaikan jika anda mahu item tertentu templat e-mel anda tidak berubah.
    Juga, terima kasih kepada kod html terbuka templat e-mel percuma kami, adalah mungkin untuk memilih imej dan blok yang akan dipaparkan pada peranti mudah alih, dan yang hanya pada peranti desktop.
    Gunakan template mesej HTML kami untuk pelbagai kempen pemasaran.

    Dua editor dalam satu

    Alat generasi baru kami menggabungkan kod HTML / CSS terbuka dan editor drag-and-drop.
    Ciri ini memberi anda peluang untuk bekerja pada reka bentuk elemen visual dan teks dengan menyeret ke bahagian-bahagian drag-and-drop alat. Terima kasih kepada kod HTML, anda boleh membenamkan video dan elemen interaktif ke dalam corak pengedaran dan kembali ke reka bentuk elemen visual, tanpa meninggalkan editor.

    Mewujudkan spanduk

    Menggunakan Stripo, anda boleh dengan mudah membuat spanduk, memprosesnya dalam editor dan meletakkan teks di atas spanduk. Terima kasih kepada ciri ini, anda mempunyai peluang untuk menggunakan sepanduk beberapa kali. Sekarang anda tidak memerlukan apa-apa alat tambahan (contohnya, penyuntingan foto) untuk membuat template html penyesuaian kreatif dan dikonfigurasikan mengikut kehendak anda.
    Adalah diketahui secara meluas bahawa pengirim menggantikan Font Decorative Web selamat. Pada masa yang sama, reka bentuk e-mel anda kehilangan pesona khasnya. Tetapi Stripo membolehkan anda memohon sebarang fon yang anda suka dari editor kami. Bagaimana hendak melakukannya? Hanya letakkan teks di atas spanduk, pilih untuknya warna yang sesuai Dan memohon font hiasan ke teks anda.
    Pelanggan Emeyl menganggap teks itu ditambah di atas mana-mana imej sebagai elemen imej itu sendiri. Oleh itu, para pelanggan akan melihat teks anda ditambah ke template HTML percuma, yang sama seperti yang dikandung.

    Automasi kerja - unsur pintar kami yang unik

    Mewujudkan kad barangan adalah proses yang agak membosankan. Tetapi Stripo melakukan segala-galanya untuk memudahkan kerja ini untuk anda. Selepas beberapa tetapan elemen pintar, anda perlu memasukkan pautan ke rentetan yang dikehendaki. Penerangan, kos, sampel barang akan dimasukkan secara automatik ke dalam bidang yang sesuai. Untuk kemudahan anda, kami telah menambah elemen pintar dalam beberapa templat mesej HTML. Stripo menjimatkan masa anda!

    Modul Perpustakaan Peribadi di Stripo

    Buat, edit dan simpan blok / struktur / jalur / bekas kandungan di Perpustakaan Peribadi anda. Anda boleh menggunakannya pada bila-bila masa apabila memulakan kempen e-mel baru.
    Templat percuma kami yang sedia ada secara automatik dibahagikan kepada modul yang sudah tersedia di Perpustakaan Peribadi.

    Eksport mudah

    Templat pemesejan Stripo Adaptive mudah dieksport ke kebanyakan pembekal e-mel dan pengirim yang popular, seperti Gmail dan Outlook.
    Berita hebat: Templat e-mel kami tersedia untuk diedit walaupun selepas eksport. Terima kasih kepada integrasi lanjutan, anda boleh membuat pelbagai perubahan dalam kod HTML, teks dan elemen visual. Pilihan ini menjadikan template html adaptif Stripo mesra berkaitan dengan pelanggan e-mel dan pembekal.
    Untuk kemudahan anda, anda juga boleh menyusun templat e-mel anda pada folder.

    Pemasaran Emeyl adalah keghairahan kami, dan oleh itu Stripo mengembangkan corak mel profesional dengan cinta sekarang.

Tunjukkan lebih banyak

Surat e-mel yang baik bermula dengan reka bentuk penulisan. Hari ini, apabila kebanyakan pelanggan pos dan platform e-mel Menyokong standard web baru, kami boleh menghantar e-mel adaptif kepada semua pelanggan menggunakan peranti pegun dan mudah alih. Templat HTML Adaptive. Surat Jaminan bahawa surat berita kami dilihat oleh pelanggan yang sama tanpa mengira peranti mana ia dibaca.

Untuk membantu anda membuat pilihan yang betulKami membawa pilihan templat surat yang paling popular untuk pemasaran e-mel. Di dalamnya, kita dianggap bukan sahaja template, tetapi juga rangka kerja penyesuaian yang boleh digunakan untuk membuat templat anda sendiri.

Cerberus.

Mewujudkan templat e-mel untuk mel dengan awal dalam dirinya sendiri boleh menjadi tugas yang sukar. Dan bila kami bercakap Mengenai mewujudkan susun atur penyesuaian, masih ada lebih banyak nuansa.yang perlu diambil kira. Itulah sebabnya rangka kerja seperti Cerberus boleh menjadi berguna.

Perpustakaan padat ini direka untuk membantu pengguna menggunakan template HTML berganda dalam membuat e-mel yang akan memberikan pengalaman melayari e-mel yang tidak dapat dilupakan untuk pelanggan anda. Corak kecil dibuat dengan menggunakan HTML. , Mereka tidak bertujuan untuk digunakan sebagai hasil akhir. Pemaju Cerberus disyorkan untuk bereksperimen dengan kod HTML untuk membuat pilihan mereka sendiri.

Litmus.


ia jenama terkenal Antara mereka yang suka menguji dan menganalisis kecekapan pemasaran e-mel. Kempen. Pasukan Litmus terkenal di mana komuniti kerap menyediakan pelbagai sumber percuma, salah satunya adalah satu set template e-mel adaptif.

Semua lima templat dari set merujuk kepada kategori yang berlainan. Antaranya: HTML Newsletter E-mel Template, templat untuk pengumuman produk baru, templat penerimaan untuk pemberitahuan kewangan, iklan untuk menghantar mesej ringkas dan bahkan templat surat biasa. Ia sesuai untuk pengguna yang mahukan surat mereka menjadi mudah, tetapi pada masa yang sama adaptif.

Rangka Kerja E-mel HTML Responsif


Ini adalah penyelesaian yang lengkap untuk membuat e-mel e-mel adaptif. Rangka kerja ini menyediakan dalam rangka pemaju satu set grid, modul, blok dan baris untuk kandungan, fungsi untuk menetapkan jarak antara unsur-unsur, butang, rentetan imej, dan unsur-unsur lain yang boleh digunakan untuk membangunkan templat huruf yang sempurna. Ia diuji dalam semua pelanggan pos yang popular.

Yayasan untuk e-mel.


Ini adalah satu set pelbagai rangka kerja dan platform untuk mengoptimumkan pembangunan web. Yayasan menyediakan pemaju dan pereka mudah untuk menggunakan rangka kerja CSS, yang membolehkan anda dengan cepat membuat e-mel adaptif yang berkesan.

Setiap editor corak huruf HTML pada mulanya menggunakan sistem asas. Kemudian ia boleh ditambah dengan unsur-unsur yang sering digunakan untuk tujuan tersebut. Tidak kira sama ada anda bekerja di bidang e-dagang atau penjenamaan perniagaan, Yayasan akan membantu dalam mewujudkan templat penyesuaian e-mel.

Antwort.


Antwort tidak diletakkan sebagai rangka kerja, mereka memanggil diri mereka sumber templat e-mel siap yang boleh menyesuaikan diri dengan pegun dan peranti mudah alih. Ia berfungsi dengan sempurna di bawah iOS dan Android, serta dengan pelanggan pos utama, seperti Yahoo!, Gmail dan Outlook.

Walaupun dengan beberapa versi Outlook yang tertua. Layouts direka untuk mengambil kira penambahan dinamik kandungan. Pada masa yang sama, gaya reka bentuk huruf adalah minimalis.

Taman permainan dari Zurb.


Ini adalah syarikat pemaju Yayasan HTML5-Rangka Kerja, serta pengendali perkhidmatan yang dipanggil dakwat. Hari ini, ia lebih terkenal sebagai e-mel asas.

Taman permainan dari Zurb menawarkan pilihan lima templat e-mel yang berbeza yang mudah disesuaikan dengan saiz skrin dan peranti. Semua templat dibekalkan dengan helaian gaya berasingan dan dokumen HTML. Templat ini akan serasi dengan mana-mana platform e-mel yang besar. Anda boleh dengan mudah mencari perkhidmatan, dalam kombinasi yang mana anda boleh menggunakan templat ini.

Mosaico.


Satu platform yang membolehkan mana-mana pengguna untuk membuat templat HTML yang indah. Mosaico menyediakan alat untuk menguruskan elemen tersuai dan reka bentuk penyesuaian. Dengan bantuan mereka, anda boleh memperibadikan semua susun atur dengan satu butang sentuhan.

Sistem kawalan terbina dalam membolehkan anda membatalkan dan mengulangi semua perubahan yang dibuat. Anda juga boleh memuat turun templat surat elektronik anda sendiri dan menyesuaikannya di Mosaico. Platform ini mempunyai kod sumber terbuka dan menggesa semua orang untuk mengambil bahagian dalam pembangunan projek.

Templat e-mel sumber terbuka


Platform pemasaran elektronik yang terkenal, yang menawarkan pemasar dan blogger keupayaan untuk mencipta dan mempromosikan templat mereka di pasaran sebagai sebahagian daripada persekitaran yang mudah digunakan. Sebagai terima kasih kepada komuniti pemasaran, Sendwithus menyediakan pengguna dengan perpustakaan dari sepuluh templat penyesuaian.

Semua templat mempunyai kod sumber terbuka, yang membolehkan anda membuat apa-apa perubahan dan penyesuaian mengikut budi bicara anda. Walaupun templat ini adalah percuma, tetapi mereka hanya sesuai untuk menetapkan pelanggan dan pemberitahuan akaun.

Corak E-mel Responsif.


Brian Graves meletakkan pangkalan yang boleh dipercayai untuk membuat dan bekerja dengan e-mel adaptif. Corak e-mel responsif projeknya adalah satu set templat yang disambungkan, yang mana anda dapat dengan cepat membuat surat penyesuaian untuk digunakan dengan platform e-mel kegemaran anda atau terus dalam klien mel. Templat termasuk elemen seperti senarai, media, navigasi dan mesh.

Templat E-mel HTML.


Perkhidmatan pemasaran elektronik yang berwibawa, membantu beratus-ratus ribu pemasar internet untuk mencapai keputusan yang optimum dengan surat berita. Monitor Kempen menyediakan fungsi untuk menguji kempen e-mel, serta pembina surat elektronik dan koleksi templat surat untuk meltai HTML. Ia mempunyai lebih daripada 20 templat unik yang sesuai untuk hampir semua situasi. Templat untuk menubuhkan perkongsian, rundingan perniagaan, templat surat berita tradisional dan templat pengumuman acara.

Inspirasi Reka Bentuk E-mel oleh Reka Bentuk E-mel HTML


Ini adalah repositori templat e-mel terbaik yang digunakan dalam mel di beberapa syarikat teknologi terkemuka: Dropbox, Udemy, Moo, Digitalocean dan banyak lagi. Templat yang paling luar biasa dalam sampel ini ialah mereka dihantar kepada pengguna sebenar. Terima kasih kepada ini, anda boleh dengan mudah menganalisis struktur templat untuk lebih memahami ciri-ciri pelaksanaan yang memastikan mereka kecekapan yang tinggi. Beratus-ratus templat e-mel yang boleh diambil sebagai asas.

MJML - Rangka Kerja E-mel Responsif


Rangka kerja ini dan bahasa markup pengguna terbina dalam yang direka untuk membantu pemaju dengan cepat membuat templat penyesuaian. Matlamat MJML adalah untuk memudahkan reka bentuk reka bentuk e-mel penyesuaian. Markup yang anda buat dengan MJML kemudiannya ditukar secara automatik sepenuhnya serasi dengan kod HTML5. Anda boleh menggunakannya dalam mana-mana pelanggan e-mel. Juga terdapat beberapa corak pratetap.

Respmail.


Bagi mereka yang tidak mahu kekacauan dengan rangka kerja yang kompleks, terdapat respail - penyelesaian e-mel penyesuaian yang mudah. Ia menyediakan pada pelupusan anda satu templat tunggal yang boleh diubah mengikut keinginan anda. Dari saat mewujudkan HTML, templat surat e-mel telah diperbaiki dan diperbaiki untuk memastikan keserasian dengan semua pelanggan pos utama.

Semangat.


Ini adalah templat surat yang kompleks yang menggunakan konsep reka bentuk web moden. Peluasan templat ini sangat mengagumkan. Pelbagai elemen Templat adalah komponen yang berasingan, dan anda hanya boleh memilih apa, pada pendapat anda, adalah perlu untuk surat mel.

Templat surat berita percuma.


Templat surat berita percuma. Ini adalah penyelesaian yang elegan dan minimum bagi mereka yang memerlukan susun atur e-mel yang mudah. Pada pendapat kami, templat ini mungkin berguna untuk blogger, artis, penulis yang ingin menyampaikan mesej mereka, tanpa perlu membebankan surat kepada unsur-unsur kompleks moden.

Mailportfolio.


MailportFolio mengakui falsafah yang sama seperti template HTML yang diterangkan huruf. Dengan satu-satunya perbezaan yang Mailportfolio lebih berorientasikan pada warna merah asas. Tetapi segala-galanya, nampaknya sama. Di ruang bawah tanah, anda boleh menentukan maklumat yang diperlukan mengenai Syarikat, yang untuk kebanyakan platform pemasaran e-mel adalah wajib.


Hari Valentine dengan cepat menghampiri! Untuk ini, kami memutuskan untuk memasukkan dalam ulasannya sangat template Cantik. Templat E-mel Hari Valentineyang boleh digunakan pada hari ini untuk mempromosikan cadangan anda, berita. Menggunakan pelbagai fungsi, anda boleh mengkonfigurasi templat ini untuk pelbagai kegunaan.

Edmdesigner.


Syarikat ini menghabiskan banyak masa untuk menyesuaikan diri dengan keperluan masyarakat. Hasilnya adalah platform berfungsi untuk membuat e-mel. Antara muka drag-and-drop membantu pemaju membuat susun atur yang indah. Tidak lagi perlu menghabiskan masa untuk mencipta semula kandungan yang sama sekali lagi. Dengan Edmdesigner, anda boleh menyimpan bukan sahaja templat huruf, tetapi juga item yang berasingan. Pada masa akan datang, anda boleh menggunakannya sekali lagi ke dalam mana-mana kempen masa depan.

E-mel HTML moden


Senarai templat percuma kami yang kami ingin melengkapkan buku itu. ia cara yang paling baik Ketahui cara membuat template e-mel adaptif. Pengarang salah seorang daripada mereka adalah Jason Rodriguez.. Buku ini akan membantu anda membuat templat HTML moden dan cantik yang akan berfungsi dengan sempurna pada semua peranti, dengan semua pelanggan dan dalam semua pelayar. Buku ini membincangkan aspek utama untuk mewujudkan e-mel, serta kaedah untuk menguji mel elektronik dan pengoptimuman menggunakan alat dan laporan analisis.

Corak E-mel HTML Adaptif Premium

Kami ingin memberitahu tentang templat penyesuaian surat untuk menghantar surat HTML dari segmen premium. Harga mereka sangat rendah ( berbanding dengan berapa banyak anda akan membayar pereka untuk kerja ini). Dan kami mendapati beberapa corak yang sangat baik.

Idea.


Templat berfungsi yang menyediakan semua yang ada unsur-unsur moden HTML5, yang boleh dibina ke dalam templat itu sendiri. Anda boleh dengan mudah bercakap tentang harga anda, ciri-ciri produk menggunakan item terbenam yang menjadikan keseluruhan proses mudah. Templat ini mengandungi modul seret dan-drop terbina dalam yang akan membantu mencipta huruf yang menakjubkan. Ia juga serasi sepenuhnya dengan pembekal pemasaran e-mel yang terkemuka.

Vibgyor.


Vibgyor boleh digambarkan sebagai templat pelbagai guna untuk pelbagai industri. Profesional penampilan Membuat vibgyor menarik untuk bidang perniagaan ini. Ia mengandungi pembina drag-and-drop, yang mana mudah untuk mengubah dan mengoptimumkan mana-mana bahagian templat mengikut budi bicaranya.

Hai semua. Pada hari yang lain saya memutuskan untuk berurusan dengan cara HTML surat. Dia menghabiskan beberapa jam di Internet, membaca berpuluh-puluh artikel mengenai subjek ini dan sampai pada kesimpulan bahawa ini adalah tugas yang sangat sukar.

Tetapi keinginannya, jadi saya mula menggali lagi. Mungkin di blog, saya akan segera menggantikan langganan e-mel dari FeedBurner (di bawah artikel) di antara yang lain, di mana anda boleh menjadikannya lebih cantik. Perkara utama adalah untuk mengambil kira semua nuansa susun atur di bawah pelanggan pos, dan percaya mereka tidak mencukupi.

Relevan mewujudkan huruf HTML untuk mel

Mel salah satu yang paling cara yang berkesan menjual barangan, menyampaikan berita kepada pelanggan, memberitahu tentang promosi dan perkhidmatan tambahan. Di samping itu, apabila anda mempunyai asas pelanggan, anda boleh mengembalikan pembeli "lama" dan menjalankan satu lagi jualan.

Anda boleh menghantar bahan mengenai perkhidmatan tambahan yang mungkin menjadi menarik kepada pelanggan anda selepas pembelian pertama.

Dan tentu saja, teori bilangan besar berfungsi di sini. Jika anda menghantar cadangan untuk menjual sesuatu 20,000 pelanggan, 1000 daripadanya mengenali cadangan itu dan sekurang-kurangnya 10 akan membeli, dan kos - 0. Anda hanya menghantar surat!

Tetapi seseorang tidak membuka surat, seseorang yang menemui dan tidak membacanya, kerana ada sebahagian daripada teks, seseorang tidak membuka gambar, dan seseorang pergi ke susun atur. Ia berlaku. Oleh kerana program pos tidak menyokong CSS serta penyemak imbas. Dan mengenai JavaScript - saya secara amnya diam.

Dan terdapat banyak masalah untuk ayat-ayat yang terlibat dalam mewujudkan huruf HTML.

Tetapi hari ini saya akan cuba memberitahu anda bagaimana untuk membuat surat HTML yang akan dibuka sama dengan baik dalam semua pelayar (termasuk mudah alih) dan program pos, agar surat anda kelihatan menarik, dan anda tidak kehilangan pelanggan. Ini bukan jawatan terakhir jika terdapat masalah dengan paparan, maka kemudian saya akan membetulkan yang satu ini, atau saya akan menulis kesinambungan. Saya juga akan berterima kasih kepada semua orang yang membantu menguji dan mengenal pasti masalah.

Masalah apabila meletakkan huruf HTML

Oleh kerana hakikat bahawa perkhidmatan pos tidak peraturan umum Memaparkan huruf HTML, Versoil terpaksa menggunakan peraturan 90-an. Sebahagian daripada itu tidak perlu digunakan, tetapi saya, mengaku, tidak pernah menetapkan gaya di dalam HTML dokumen, dan bukan hanya di dalam HTML dokumen dengan, iaitu, sebaris, untuk setiap elemen secara berasingan.

Sesetengah pemaju program mel umumnya dilumpuhkan sokongan untuk jadual gaya dan gaya seperti kaedah yang diterangkan di atas. Argumenting adalah hakikat bahawa huruf diperlukan untuk teks. Jadi anda perlu menulis gaya untuk setiap elemen secara berasingan.

Satu lagi kejutan ternyata tidak banyak perkhidmatan pos tidak menyokong inden terapung dan margin dan padding. Bagaimanakah kamu? Anda boleh membayangkan huruf HTML tiga-Strand yang sejuk berdasarkan Div (s), dan pengguna mempunyai Belibera seperti itu datang bahawa dia juga mengeluarkannya, dan tanpa menyedari bahawa dia akan mahu daripadanya.

Ya ya. Anda difahami dengan betul! Anda perlu menggunakan jadual, jika anda tidak bersedia untuk mengorbankan beribu-ribu pengguna yang tidak akan membuka surat anda dengan betul. Ternyata jadual adalah satu-satunya cara hari ini, untuk mencapai penyemak imbas silang.

Seperti yang ditulis di salah satu laman web:

Anda perlu ingat perkara-perkara yang menakutkan seperti: Cellpadding, Cellspacing, Colspan

Dalam kes saya, mereka perlu belajar, kerana saya tidak pernah menggunakan jadual. Mungkin tidak pernah memutuskan untuk menangani reka bentuk surat :)

Jika anda tidak mempunyai tabiat menetapkan Alt untuk imej, anda perlu bersenam untuk meletakkan surat, kerana sesetengah pelanggan e-mel, secara lalai, paparan gambar dimatikan, dan jika anda mempunyai banyak dalam surat saya, Pengguna akan melihat rangka kerja kosong, dan sebagainya di sana akan ada teks.

Namun, bagi saya ia menjadi masalah yang perlu anda tetapkan semula banyak nilai, contohnya, sempadan dalam gambar jika ia diminta sebagai pautan.

Setakat ini - semuanya! Sekiranya sesuatu yang masih muncul, maka saya akan menerangkan di sepanjang jalan. Dan sekarang saya ingin menunjukkan kepada anda bahawa saya telah ternyata, tanpa menambah gaya hiasan, seperti font, warna, saiz teks, dll. Ini hanya elemen di tempat yang betul. Dalam artikel seterusnya, saya akan menerangkan proses ujian dalam perkhidmatan pos yang berbeza dan pengeditan yang telah dibuat.

Seperti yang anda lihat, ada sesuatu untuk berfungsi. Biar saya terangkan proses susun atur sedikit. Suntikannya - ia tidak masuk akal, ke artikel seterusnya untuk berubah banyak. Malah, segala-galanya, nampaknya mudah, tetapi sebaliknya, pendudukan ini telah mengambil banyak masa.

Bagaimana untuk membuat surat HTML

Untuk permulaan, saya mencipta jadual bingkai untuk keseluruhan kandungan surat, 100% lebar dan latar belakang biru. Ia menyiarkan dua anak syarikat. Satu untuk header (ID \u003d "header"), kedua untuk kandungan (ID \u003d "kandungan"):

Newsletter dari laman web ini



Seperti yang telah anda perhatikan, saya menetapkan CellPadding \u003d "40" untuk jadual pembungkus. Ini adalah inden luaran. Indent di 20px menetapkan jadual yang bertanggungjawab untuk pengepala. Dan menambah indent dalaman ke meja di mana kandungannya akan ditempatkan. Juga, semua jadual berbaris pusat. Pergi lebih jauh ...

Sekarang perlu untuk membahagikan tajuk ke dalam 2 bahagian. Dalam satu kedudukan logo, dan yang lain saya buat tablet lain dengan 3 lajur dan letakkan pautan ke rangkaian sosial di sana.

Png "alt \u003d" (! Lang: logo" width="84" height="84"/> !}

Bagaimana untuk menutup rujukan luar dari indeksasi

Hai semua. Hari ini kita akan membincangkan bagaimana untuk menghilangkan pautan luar yang boleh dipercayai ke halaman pendaratan anda supaya berat tidak dihantar daripadanya, tetapi kekal di halaman anda. Seperti yang anda tahu, sekarang, walaupun anda telah menutup atribut rujukan, berat statik masih dihantar, dan oleh itu berkurangan dari halaman anda.

Sekarang anda perlu membuat struktur 3 lajur. Oleh kerana kita tidak boleh menggunakan float (s), anda perlu membuat 5 lajur. 3 Di bawah kandungan dengan gambar (150px), dan 2 - untuk menetapkan lekukan di antara mereka (60px).

Png "/\u003e

Bagaimana untuk membuat tag UTM dan apa yang mereka perlukan Kemas kini blog dan laporan mini mengenai pengoptimuman Skrip untuk ujian AB

SmartLanding | 2014.

Bilangan templat

Templat berkualiti.

Cemerlang.

Cemerlang.

Cemerlang.

Cemerlang.

Topik yang ada

Cuti

- Perniagaan

Kedai atas talian

- Pelancongan

- Umum, dsb.

-Dels.

- Sebuah restoran

- Pelancongan

- Perniagaan

Kedai dalam talian dan lain-lain.

- Umum

Cuti

- Pelancongan

- Perniagaan

Kedai atas talian

- Kedai Internet

- Kecantikan dan Kesihatan

- Pelancongan

- Cuti-cuti

Kedai atas talian

- Pelancongan

Adaptasi huruf untuk skrin yang berbeza

Ya (sehingga 1,500 huruf per 100 alamat)

Ya (sehingga 15,000 huruf untuk 2,000 alamat)

Ya (sehingga 6,000 huruf 5,000 alamat)

Kemungkinan penggunaan template percuma

Keupayaan untuk menggunakan template yang digunakan sebelum ini

  1. Unisender.

Salah satu perkhidmatan Russified yang paling popular untuk membuat kraf e-mel. 3 Editor boleh didapati: untuk templat blok (teks dan kandungan visual boleh ditukar mengikut budi bicaranya), untuk templat asas dan HTML yang sedia dibuat, untuk bekerja dengan e-mel e-mel HTML-Scab anda sendiri. Membongkar editor tidak sukar, sistem memberikan tip, dan semua alat yang diperlukan. Berada di bahagian atas halaman kerja.

  1. Sendpulse.

Tidak kurang popular, mudah difahami dan mudah untuk membuat templat HTML - mencetak dan bekerja dengan templat siap sedia. Antara yang dipertimbangkan ialah pakej percuma yang terbesar dan banyak templat untuk mencipta surat yang berjaya.

Laman ini memungkinkan untuk membuat template anda sendiri dalam HTML -Customer yang mudah, pereka atau melalui pemuatan templat anda sendiri dari komputer. Dalam pembina, mudah difahami, di dalamnya anda boleh membuat huruf yang indah "dari awal", memilih pada gambar anda sendiri, fon dan mendedahkan semuanya dalam keperluan lokasi.

  1. Rumaireer.

Modest dari segi laman reka bentuk dengan templat yang baik dan pakej percuma yang agak besar. Kerja berfungsi S. kuantiti terhad. Templat tidak selebar kerana saya ingin mengalami pengguna yang berpengalaman. Tiada editor blok mudah sama sekali.

Ditambah dengan perkhidmatan di hadapan ciri-ciri hebat apabila mengeksport pelanggan. Mereka boleh dipunggah oleh aktiviti, melalui helaian, serta log masuk atau domain di alamat elektronik.

  1. GetResponse.

Perkhidmatan ini terkenal dengan sendirinya kuantiti yang besar Templat yang ada dalam 24 kategori. Antara muka yang bagus di laman web itu sendiri dilengkapi dengan pengguna yang boleh difahami dengan editor blok yang selesai dan sendiri untuk surat kepada pelanggan.

Editor mudah digunakan. Blok boleh dengan mudah diseret, menukar tempat, memadam atau menambah. Apabila anda mengklik pada blok, menu kerja muncul dengan butang untuk melakukan tindakan asas dengan imej dan kandungan teks.

Untuk melihat templat, anda perlu mula bekerja dengan menghantar, memasuki data penghantar dan subjek huruf, dan kemudian pilih butang "Blok E-mel Pereka". Sekiranya pengguna mahu bekerja dengan templatnya sendiri, maka anda perlu memilih "Editor Kod HTML".

  1. MailerLite.

Laman web untuk e-mel mel, yang banyak pengguna memanggil yang paling mudah. Fungsi kerja dengan templat adalah agak terhad, tetapi tindakan utama dijalankan. Malah pendatang baru akan memahami editor, kerana Ia mudah dan mudah difahami. Juga, seperti pada platform lain, anda boleh memunggah HTML-Scabs anda untuk merangkak e-mel, mengedit dan menggunakannya.

Bagaimana untuk memilih templat HTML yang sesuai?

Memilih perkhidmatan dan templat untuk merangkak e-mel melalui e-mel - perniagaan yang bertanggungjawab yang anda perlukan untuk mendekati minda, kerana Daripada ini sebahagiannya bergantung kepada kejayaan yang berterusan dalam kerja organisasi komersial atau usahawan. Anda boleh bergantung kepada memilih perkhidmatan kepada ciri-ciri di atas, mengenai maklum balas daripada rakan atau pengguna di Internet, mengenai contoh-contoh kerja di laman web ini, serta pada perasaan anda sendiri dari satu atau perkhidmatan lain.

Jawapan tambahan kepada soalan "Bagaimana untuk mengetahui apa corak untuk dipilih?" Boleh melayani statistik mengenai perkhidmatan yang paling popular. Ia boleh, tetapi katakan betul,% daripada pembukaan, peralihan, klik, berhenti berlangganan dari perkhidmatan yang praktikal tidak bergantung. Satu-satunya perkara yang telah kami perhatikan bahawa contohnya dalam stenduls (had mewah secara percuma), sedikit lebih% daripada huruf dalam folder "spam", dan tidak dalam masuk. A% kesilapan yang diterbitkan oleh perkhidmatan itu sendiri, tiada siapa selain mereka akan dapat mengawalnya, kecuali secara empirik dalam satu kes.

Secara terperinci mengenai ciri-ciri percuma Mailings, kami menulis.

Bagaimana untuk mengetahui apa templat E-mel Surat. Sesuai dalam setiap kes? Ini boleh dilakukan hanya dengan bekerja dengan templat yang berbeza, menimbulkan reka bentuk dan kandungan terbaik. Banyak syarikat menggunakan pertama templat sedia ada., mengubahnya, dan selepas membuat mereka sendiri. ia pilihan yang baikJika kemahiran menulis huruf HTML dan Halaman Tidak, dan menghantar alat yang berguna.

Perkhidmatan Internet untuk perniagaan.
Rujukan kepada bahan adalah wajib!


Halo pembaca mahal - tapak!

Hari ini saya akan menunjukkan bagaimana untuk membuat surat yang indah untuk e-mel.

Ia telah lama tidak ada rahsia kepada sesiapa yang seluruh perniagaan di Internet dibina di atas pemasaran e-mel.

Setiap hari, dengan bantuan maklumat newsletter maklumat-ahli perniagaan, blogger dan bersentuhan dengan pelanggan mereka, menawarkan mereka pelbagai barangan dan perkhidmatan.

Tetapi apa yang akan dibayar kepada tawaran sedemikian, dan tidak segera dihantar ke folder "spam", anda perlu menarik perhatian kepadanya.

Untuk melakukan ini, ia akan sesuai untuk membuat templat HTML yang dihiasi dengan indah.

Terutama untuk anda, saya mengambil templat ujian yang akan menjadi manfaat visual.

Apa dan bagaimana kita akan lakukan?

Kami akan mencipta templat HTML yang paling mudah (), yang akan terdiri daripada kotak dialog utama dan dua lajur sekunder.

Mewujudkan jadual bingkai dan kontena

Untuk memulakan, kita perlu membuat rangka kerja HTML surat kami. Ia akan kelihatan seperti ini:

Templat HTML Surat.

Templat HTML Surat.



Sila ambil perhatian bahawa lebar jadual saya menetapkan 99%, meninggalkan sekitar jarak yang kecil. Ini bukan keinginan peribadi saya, tetapi keperluan beberapa pelanggan e-mel seperti Gmail dan Yahoo. Selebihnya e-mel kami akan berada di meja satu ini, yang terletak di pusat.

Langkah seterusnya adalah untuk membuat pembungkus meja kandungan sebenar surat itu. Simpan saiz reka bentuk maksimum tidak lebih daripada 600 piksel:

Templat HTML Surat.



Bersama-sama dengan bayang-bayang cahaya pada latar belakang putih Templat surat kami telah diregangkan kepada 640px, tetapi dia zon kerja Masih kekal sama dengan 600px.

Mewujudkan topi

Sekarang, apabila jadual utama dibuat, sudah tiba masanya untuk mengambil kandungan yang diperlukan. Saya akan bermula dari bahagian atas templat surat dan perlahan-lahan, saya akan turun.

Rentetan atas

Mulai sekarang, saya akan mengecualikan kod tertulis sebelum ini (Bingkai Jadual).

Oleh itu, baris pertama spreadsheet mempunyai latar belakang biru dengan font putih dan pautan ke versi web surat itu. Adalah sangat penting untuk melengkapkan surat anda untuk rujukan seperti itu, kerana tidak semua pelanggan mel mengeluarkan kandungannya dengan betul dengan betul.

Dan untuk penampilannya Jawapan gaya CSS:

/ * Font dan Typography * / .footer (Font-Family: Arial, Helvetica, Sans-serif; Font-Size: 11px; Warna: #fff; Padding-Right: 20px;)

Logo dan Ikon Rangkaian Sosial

Berlari di bawah, kita melihat logo dan yang terletak di satu tahap.

Untuk output mereka, kod ini bertanggungjawab:

Di samping itu, gaya berikut ditambah kepada semua imej kami dalam templat HTML:

/ * Latar Belakang * / .Mail_background (Lebar: 640px; Latar Belakang: URL ("Email_images / email_bg.jpg") ulang-y;) / * Imej * / img (paparan: blok; sempadan: tiada;)

Oleh itu, ikon sosial sedang duduk di tempat mereka di dalam sel bersarang mereka sendiri dan tidak berkaitan dengan partisyen lain. Ini membolehkan mereka berubah sebagai keperluan yang sesuai.

Menambah kandungan

Pertama, kita akan bermula dengan penambahan imej pertama, yang dalam reka bentuk ini mempunyai saiz 560px hingga 210px. Anda juga boleh melihat naungan yang cacat yang comel di bawah imej yang dibuat secara berasingan, yang membolehkan anda dengan cepat menukar imej tanpa kehilangan bayang-bayang. Mari pergi ke kod:

Di sini kami telah mencipta rentetan baru untuk memaparkan imej yang besar dengan menetapkan lebar ke 560px dengan penambahan indent 20px di kedua-dua belah pihak. Kami melatih tindakan yang sama dengan bayangan.

Menambah tajuk dan kandungan

Bergerak di bawah, kita melihat tajuk bahan utama dan kandungan itu sendiri. Di sini, kod ini bertanggungjawab untuk pertelingkahan:

Ini adalah cerita pilihan anda

Adalah dipercayai bahawa Pattaya menjadi resort yang popular kerana hakikat bahawa pelaut Amerika sering beristirahat di sini, yang, bagaimanapun, di sini dan kini sebilangan besar dan mereka sentiasa dikelilingi oleh beberapa taek. Sememangnya di kalangan rakan senegaranya, ia kurang popular daripada Mesir dan Turki. Tetapi ucapan asli didengar di sini di mana-mana)) dan di kompleks membeli-belah semasa membeli-belah dan dalam pelbagai bar tempatan)). Pattaya terutamanya terkenal dengan kehidupan malam, laut dan tekstilnya. Sudah tentu, antara lain, anda boleh menemui banyak perkara menarik lain di sini. Di sini anda boleh mengambil mana-mana kenderaan, termasuk jip dan skuter. Bagi pencinta motosikal, biasanya ada syurga. Untuk menyewa hak motosikal mungkin tidak memerlukan, dalam hanya 100-500 baht (ditambah deposit sebanyak 2,000 baht) boleh disewa skuter yang layak dan memandu ke dalam keseronokan anda!

Untuk menukar rupa tajuk dan teks templat surat, sudah cukup untuk menggunakan gaya berikut:

H1 (Warna: # E95F03; Font-Family: Futura, Verdana, Sans-serif; Padding: 0; Margin: 0; Saiz Font: 24px; Font-Weight: Normal;) .content (Padding: 0; Margin: 0 ;) P (Font-Family: Arial, Helvetica, Sans-serif; Saiz Font: 13px; Tinggi-Tinggi: 20px;)

Kandungan tambahan

Sekarang kita pergi ke kandungan tambahan template kami. Seperti yang anda perhatikan ia dipecahkan kepada dua lajur. Dalam setiap lajur terdapat foto, tajuk dan pratonton kecil. Semua ini dicipta dengan kod ini di sini:

Ini adalah tajuk menengah

Ini adalah tajuk menengah

Walaupun reputasi yang dimusnahkan Pattia, di sini anda boleh mengetahui bahawa urutan Thai yang terkenal bukan sahaja penutup untuk pelacuran. Thailand benar-benar membuat urutan yang baik, dan pakar terbaik dalam seni ini adalah Blindmasters. Rahsia mereka terletak pada peningkatan sensitiviti jari.

Central Street dan hati Pattaya, yang tidak meninggalkan sesiapa yang tidak peduli. Arbat tempatan, Times Square dan Sodom dengan Gomorrea dalam satu gelas, "Uoking Street" adalah sumber cinta dan kebencian sebenar bagi penduduk dan lawatan tempatan. Kami berkata "Pattaya", bermakna berjalan jalan.

Di sini kita masih perlu menambah gaya tambahan. Ini dia:

H2 (Warna: # E95F03; Font-Family: Futura, Verdana, Sans-serif; Padding: 0; Margin: 0; Font-Size: 18px; Font-Weight: Normal;)

Templat HTML Tutup

Jadi, kita menghampiri akhir template kita. Di sini kita perlu menutup tetingkap utama menggunakan imej dan kod berikut:

Salah satu yang paling aspek pentingAdalah tambahan pada akhir templat surat pautan untuk berhenti berlangganan daripada mendapatkan huruf tersebut (). Ya, ya, saya tahu anda tidak mahu kehilangan pelanggan. Tetapi ia juga mustahil untuk mengganggu mereka. Anda mesti menyediakan pelanggan dengan peluang untuk menolak untuk menerima, mungkin surat berita lama. Nah, pada masa yang sama mengingatkan siapa pengarang.

Di sini anda memerlukan kod seperti:

Newsletter dari: Ivanov Ivan
Blog Pengarang: Ivan.ru

Mahu enggan melanggan? Tekan di sini

Kesimpulannya

Rakan-rakan yang dihormati, untuk memaparkan semua elemen Grafik Dalam templat surat, mereka mesti dimuat turun ke mana-mana pelayan dalam talian, dan dalam barisan kod yang sesuai, anda mesti mendaftar jalan yang unik untuk imej-imej ini.

Tekan Templat HTML HTML diberikan sebagai manual yang boleh anda flip ke atas citarasa anda pada bila-bila masa.

Hari ini semuanya. Saya harap anda suka.

Sebelum artikel baru ...

Salam, Denis Chernikov!



 


BACA:



Applique dari daun - merry maaf-torry

Applique dari daun - merry maaf-torry

Topik: Maaf kandungan perisian: 1. Teruskan untuk membangunkan minat dalam cara baru untuk mengeluarkan aplliqués kertas. 2. Latihan di ...

Laporan Foto "Kreativiti Artistik

Laporan Foto

Topik: Maaf kandungan perisian: 1. Teruskan untuk membangunkan minat dalam cara baru untuk mengeluarkan aplliqués kertas. 2. Latihan di ...

Apa yang perlu dimasak dari quince. Quince. Resipi kosong untuk musim sejuk dari quince. Pemprosesan Kek Termal

Apa yang perlu dimasak dari quince. Quince. Resipi kosong untuk musim sejuk dari quince. Pemprosesan Kek Termal

Quince muncul di Asia 4000 tahun yang lalu. Buah-buahan mempunyai rasa astringen dan mengandungi asas tart masam manis. Rasa buah menyerupai gabungan ...

Alice In Wonderland Alice In Wonderland: Pozolota

Alice In Wonderland Alice In Wonderland: Pozolota

Apabila memohon teknologi gilding, anda boleh kembali ke bekas daya tarikan kepada hampir apa-apa hiasan tembaga atau perak. Produk dengan gilding ...

imej suapan. RSS.