Laman » E-Commerce » Membina E-mel Responsif Cepat dengan Rangka Kerja MJML

    Membina E-mel Responsif Cepat dengan Rangka Kerja MJML

    Merancang dan mengarang surat berita memakan masa. Anda boleh mendapatkan banyak tip reka bentuk tetapi pengkodkan surat berita anda menjadi templat adalah bahagian yang paling sukar.

    Itulah di mana Rangka kerja MJML datang bermain. Ia adalah salah satu rangka kerja e-mel terbaik di luar sana dan ia mengkompil ke HTML / CSS tulen, itu berfungsi untuk semua pelanggan e-mel.

    Salah satu perkara yang lebih mengecewakan tentang pengkodan surat berita ialah mendapatkannya berfungsi di semua platform. Ini berlipat ganda untuk reka bentuk responsif yang perlu bekerja untuk pelanggan mudah alih dan desktop juga.

    Syukurlah, dengan rangka kerja MJML anda mendapatkan abstraksi HTML mudah, jadi anda tidak mengodkan setiap baris dengan tangan. Mereka mempunyai panduan pemula yang bagus untuk sesiapa sahaja yang baru untuk pembangunan e-mel.

    Awak akan gunakan elemen tersuai seperti kepada membina lajur dan baris untuk template anda. Anda dengan cepat boleh menambah teks, butang, dan jarak, berdasarkan keperluan anda. Rangka kerja MJML mengalihkan kod anda dari markup MJML ke HTML & CSS yang mematuhi piawaian.

    Dari sana, anda boleh menguji surat berita anda untuk melihat bagaimana ia kelihatan dalam pelbagai pelanggan. Walaupun, berdasarkan carta keserasian, saya akan mengatakan MJML adalah pilihan yang hebat untuk semua e-mel moden.

    Perhatikan anda perlu mempunyai pengetahuan tentang perkembangan frontend untuk menggunakan MJML dengan betul. Ia menjalankan bahasa templat proprietari sendiri dan menukarkannya ke dalam HTML, tetapi anda harus memahami apa yang dilakukan oleh kod anda.

    Untuk mengetahui lebih lanjut mengenai bagaimana alat ini berfungsi, lihat Halaman FAQ atau melayari rasmi Repo GitHub (ya, ini adalah sumber terbuka!)

    Atau, anda boleh menggunakannya editor penyemak imbas secara langsung untuk mengelirukan dengan kod MJML, tanpa memuat turun apa-apa.

    Editor langsung ini berfungsi sebagai transpiler dalam pelayar, jadi anda boleh menggunakannya menukar kod anda ke templat surat berita.

    Sebaik sahaja anda mempunyai beberapa MJML yang ditulis, anda hanya klik “Lihat HTML” pautan di atas panel pratonton. Ini memaparkan keseluruhan HTML mentah, jadi anda boleh menyalin / paste dan menggunakannya untuk templat anda sendiri.

    Siapa pun yang baru untuk surat berita e-mel harus bermula dengan rangka kerja. Tidak ada sebab yang baik untuk mengodkan semuanya dengan tangan, jadi MJML adalah penyelamat masa yang besar.

    Untuk bermula, layari dokumen dalam talian atau cuba mencuba salah satu template mereka dalam editor langsung. Dengan hanya beberapa jam bekerja, anda boleh mempunyai surat berita e-mel yang terakhir dikodkan & bersedia untuk pergi.