Advertisement
  1. Web Design
  2. Email

Memulai dengan Email Designer MailChimp

Scroll to top
Read Time: 4 min

() translation by (you can also view the original English article)

MailChimp adalah alat pemasaran email yang membantu Anda mendesain newsletter email, mendistribusikannya melalui daftar yang dikelola, berbagi pada jaringan sosial, mengintegrasikan dengan layanan pihak ketiga, dan melacak kinerja email.

Menyapa Freddie

Dengan asumsi Anda sudah familiar dengan langkah-langkah dasar untuk membuat dan mengatur kampanye MailChimp, tutorial ini akan menunjukkan langkah-langkah menggunakan alat Email Designer MailChimp khususnya untuk membantu Anda membangun Newsletter yang bersih dan ramah-mobile.

Jika Anda membutuhkan info lebih lanjut tentang langkah-langkah dasar, lihat di Mailchimp di Bagaimana cara saya membuat kampanye menggunakan Campaign Builder? untuk petunjuk lebih lanjut.

Memulai

Baik dari tab Dashboard atau Campaigns, klik menu drop-down Create Campaign di pojok kanan atas layar dan pilih Regular Ol' Campaign.

Membangun kampanye terdiri dari lima langkah, tetapi untuk melanjutkan tutorial ini kita akan melewati dua yang pertama (Recipients dan Setup) berfokus semata-mata pada tahap Design.


Klik Start Designing untuk membangun sebuah tata letak email kustom dengan Email Designer.

Menggunakan Email Designer

Langkah 1: Tab Template/Tata Letak

Karena ini adalah pertama kalinya Anda membuat kampanye dengan Email Designer, satu-satunya pilihan yang tersedia untuk Anda adalah Basic Template. Tapi untuk kampanye yang berikutnya, template Anda yang sudah tersimpan akan dapat diakses dari My Campaigns, dan Anda akan dapat menggunakannya kembali untuk menghemat waktu.

Anda akan disajikan dengan daftar tata letak template:

  • 1 Kolom
  • 1 Kolom - Banded
  • 1:2 Kolom
  • 1:2 Kolom - Banded
  • 1:3 Kolom
  • 1:3 Kolom - Banded
  • 2 Kolom
  • 2 Kolom - Banded
  • 2:1 Kolom
  • 2:1 Kolom - Banded
  • Sidebar Kiri
  • Sidebar Kanan

Sebagai contoh, kami telah memilih 1:3 Kolom - Banded yang memiliki bagian atas satu kolom dan bagian bawah dibagi menjadi tiga kolom.

Banded berarti bahwa template memiliki "pita" warna yang membentang dari kiri ke kanan di halaman di tingkat footer. Ikon Smartphone menunjukkan bahwa template ini dioptimalkan mobile, yang memang benar dari setiap template yang tersedia melalui Email Designer.

Sebelum Anda memilih template, Anda dapat memeriksa pratinjau cepat dengan mengklik tombol Preview. Ini akan menunjukkan versi desktop dan mobile dalam modus potret dan lansekap (dari pilihan Rotate).

Setelah Anda telah menemukan tata letak yang ingin Anda gunakan, klik Select.

Langkah 2: Tab Content

Editor konten memungkinkan Anda untuk mengatur, mengedit, duplikat, dan menghapus blok konten secara langsung.

Anda dapat menggabungkan blok konten yang berbeda untuk menciptakan tampilan yang unik untuk email Anda:

  • Teks
  • Kotak Teks
  • Pembagi
  • Gambar
  • Grup Gambar
  • Kartu Gambar
  • Keterangan Bawah
  • Keterangan Kiri
  • Keterangan Kanan
  • Berbagi Sosial
  • Ikuti Sosial
  • Tombol
  • Footer

Mulailah dengan men-drag dan men-drop blok konten dari sisi kanan layar Anda ke tata letak email Anda di sebelah kiri. Setelah blok konten dimasukkan, Anda masih dapat men-drag ke atas, bawah atau ke samping. Untuk melakukannya, cukup hover mouse ke blok konten dan klik ikon Panah di sudut kiri atas.

Setelah Anda selesai memindah blok konten di sekitar, hover mouse ke blok konten yang ingin Anda edit dan klik pada ikon Pencil. Editor akan muncul di sisi kanan layar Anda.

Tab Content memungkinkan Anda untuk memasukkan teks, membuat link hypertext, meng-upload gambar, dll.

Sebagian besar blok konten memiliki tab Style dan Settings yang menyediakan pilihan tambahan untuk styling konten, spasi, dan keselarasan.

Perhatian: Jika Anda menyalin dan menyisipkan teks dari sumber eksternal seperti halaman web atau perangkat lunak pengolah kata, mungkin ada beberapa gaya tertanam yang tersembunyi bertentangan dalam konten Anda. Untuk menyingkirkannya, sorot konten Anda dan klik pada ikon Eraser di toolbar editor.

Apakah Anda tahu bahwa MailChimp memungkinkan Anda untuk mempersonalisasi konten Anda dengan Merge tags? Merge tags memungkinkan Anda untuk mengisi email Anda dengan semua jenis data dinamis yang berhubungan dengan Anda, kampanye, penerima dan seterusnya. Misalnya, Anda dapat menyisipkan kode berikut ke editor konten: "Dear *|FNAME|* *|LNAME|*". Dengan cara ini, ketika kampanye Anda dikirim keluar, MailChimp akan secara otomatis mengganti Merge tags dengan setiap nama pertama dan nama terakhir penerima. Misalnya "Dear John Doe".

Catatan: Nama pertama dan terakhir pelanggan Anda harus diisi dalam daftar email Anda.

Untuk mempelajari lebih lanjut tentang Merge Tags, yang ada banyak, cek Semua Merge Tags di dokumentasi MailChimp.

Langkah 4: Tab Design

Sekarang akhirnya konten Anda berada di tempatnya, simpan dan navigasi ke tab Design di sisi kanan layar Anda. Ini adalah dimana Anda men-style email dengan border dan warna latar belakang, gaya teks dan link, dan rincian lainnya.

Anda akan disajikan dengan daftar bagian template. Klik pada salah satu dari mereka untuk mengontrol penampilannya:

  • Halaman
  • Preheader
  • Header
  • Body
  • Kolom
  • Footer
  • Gaya Mobile
  • Monkey Rewards

Langkah 4: Tab Comments (Opsional)

Di sini Anda dapat memposting komentar yang dapat dilihat oleh tim yang bekerja sama dengan Anda dalam kampanye ini. Mereka bisa menjawab, berlangganan pemberitahuan dan menandai komentar sebagai telah dibaca.

Menguji Email Anda

Modus pratinjau sangat bagus untuk mendapatkan gambaran singkat dari email Anda. Cukup klik Preview & Test di sudut kanan atas layar dan pilih Enter Preview Mode.

Namun, cara terbaik untuk memastikan bahwa email Anda tampak hebat pada setiap klien email utama adalah mengirim email pengujian ke account email tes Anda (Gmail, Yahoo Mail, Hotmail, dll) dengan mengklik Send a Test Email, dan melihat mereka dari komputer dan smartphone Anda.

Atau, Anda dapat menjalankan pemeriksaan kotak masuk dengan mengklik pada Run Inbox Inspection. Untuk mempelajari lebih lanjut tentang Inbox Inspector, silakan lihat di dokumentasi.

Kesimpulan

Itu saja yang perlu Anda ketahui untuk memulai. Sekarang adalah giliran Anda untuk menggunakan Email Designer untuk menciptakan sebuah newsletter yang indah. Selamat bersenang-senang!

Jika Anda memiliki pertanyaan apa pun yang disebutkan dalam tutorial ini, jangan ragu untuk bertanya.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.