Basic Tutorial - Komponen Email Marketing

Anda dapat menambahkan komponen di dalam email yang sedang dibuat. Komponen yang kami sediakan adalah sebagai berikut:

Text

Anda dapat menambahkan komponen berupa teks. Pada text Anda dapat melakukan pengaturan meliputi:

  • Content : melakukan pengaturan pada teks berupa color text, font type, font size dan line height.
  • Background : melakukan pengaturan berupa color background dan padding.
  • Links : melakukan pengaturan berupa pemberian warna dan underline pada link.

Image

Anda dapat menambahkan komponen berupa gambar. Pada image Anda dapat melakukan pengaturan meliputi:

  • Content
    • Source : Ada 3 pilihan, melalui File Manager MTARGET, public url, atau dari contact.
    • Width : untuk mengatur ukuran gambar.
    • Align : pengaturan letak image (center, left, right).
  • Background & Spacing : melakukan pengaturan berupa color background, padding dan margin.
  • Links : menentukan kemana image akan melakukan direct.
    • Web : melakukan direct ke suatu web, Anda cukup memasukkan URL dari website yang dituju.
    • Mailto : melakukan direct untuk membalas pesan yang dikirimkan. User harus memasukkan alamat email, subject dan body.
    • Phone : melakukan direct untuk langsung menuju ke nomor yang ditulis.
    • WhatsApp : melakukan direct untuk mengirimkan pesan kepada nomor WhatsApp yang dituju.

Maksimal ukuran gambar yang dapat Anda gunakan di email adalah 5mb. Sedangkan untuk gambar GIF, kurang dari 1mb agar mendapatkan hasil yang maksimal.

Catatan: Jika penerima menggunakan email outlook, image dalam bentuk gif yang ditambahkan, saat ini tidak dapat ditampilkan dalam tampilan desktop dan mobile.

Button

Anda dapat menambahkan komponen berupa button untuk mengarah ke suatu link tertentu. Di dalam button Anda dapat melakukan pengaturan meliputi:

  • Content
    • Title : pengaturan pada warna teks, serta jenis dan ukuran font pada button
    • Button : pengaturan pada title button, radius, warna (background), lebar (width) dan line height.
    • Border : pengaturan pada warna dan ukuran dari border (garis tepi).
    • Align : pengaturan letak button
  • Background & Spacing : melakukan pengaturan berupa color background, padding dan margin.
  • Links : menentukan kemana image akan melakukan direct.
    • Web : melakukan direct ke suatu web, Anda cukup memasukkan URL dari website yang dituju.
    • Mailto : melakukan direct untuk membalas pesan yang dikirimkan. User harus memasukkan alamat email, subject dan body.
    • Phone : melakukan direct untuk langsung menuju ke nomor yang ditulis.
    • WhatsApp : melakukan direct untuk mengirimkan pesan kepada nomor WhatsApp yang dituju.
    • Add to Calendar: Melakukan direct untuk langsung menambahkan agenda pada tanggal yang sudah ditentukan.

Download

Anda dapat menambahkan komponen berupa button yang berfungsi untuk melakukan download pada suatu file. Di dalam download Anda dapat melakukan pengaturan meliputi:

  • Select File : Anda dapat mengunggah berkas yang ingin Anda lampirkan pada button download, atau memberikan langsung link download.
  • Content
    • Title : pengaturan pada warna teks, serta jenis dan ukuran font pada download button.
    • Download Button : pengaturan pada title download button, radius, warna (background), lebar (width) dan line height.
    • Border : pengaturan pada warna dan ukuran dari border (garis tepi).
    • Align : pengaturan letak button
    • Background & Spacing : melakukan pengaturan berupa color background, padding dan margin.
  • Background & Spacing : melakukan pengaturan berupa color background, padding dan margin.

Image Text

Anda dapat menambahkan komponen berupa gambar dan teks dalam satu component.

Image Text Button

Anda dapat menambahkan komponen berupa gambar, teks dan button dalam satu component.

Social Media

Anda dapat menambahkan komponen berupa social media button (sebuah button yang akan mengarah pada sosial media Anda). Cukup dengan melakukan copy paste URL profile social media Anda.

Content

Anda dapat melakukan generate konten dari suatu web, semudah melakukan copy paste link pada konten tersebut. Di dalam content Anda dapat melakukan pengaturan meliputi:

  • Content : melakukan generate konten dengan copy paste URL web yang diinginkan. Load javascript “Yes”, jika Anda ingin memproses script javascript. Load javascript “No”, jika Anda tidak ingin memproses script javascript.
    • Style contents : pengaturan letak konten
    • Show Image : memunculkan gambar
    • Show Description : memunculkan teks deskripsi konten
  • Image
    • Source : upload gambar
    • Align : pengaturan letak gambar
  • Title : penulisan judul, serta pengaturan pada warna, jenis, ukuran teks dan line height pada judul konten.
  • Description : pengaturan pada warna, jenis, ukuran teks dan line height pada deskripsi konten.
  • Background & Spacing : melakukan pengaturan berupa color background, padding dan margin.

Catalog

Anda dapat melakukan generate katalog dari suatu web, semudah melakukan copy paste link pada konten tersebut. Catalog dapat Anda gunakan untuk menambahkan konten berupa produk pada email. Di dalam catalog Anda dapat melakukan pengaturan meliputi:

  • Content : melakukan generate katalog dengan copy paste URL web yang diinginkan. Load javascript “Yes”, jika Anda ingin memproses script javascript. Load javascript “No”, jika Anda tidak ingin memproses script javascript.
    • Style contents : pengaturan letak produk
    • Image : memunculkan gambar produk
    • Product Name : memunculkan nama produk
    • Price : memunculkan harga produk
    • Rating : memunculkan rating produk
    • Description : memunculkan deskripsi produk
    • Button : memunculkan tombol produk
  • Image
    • Source : upload gambar
    • Align : pengaturan letak gambar
  • Product Name : penulisan judul, serta pengaturan pada warna, jenis, ukuran teks dan line height pada judul konten.
  • Price : penulisan harga, serta pengaturan pada warna, jenis, ukuran teks dan line height pada judul konten.
  • Rating : penulisan rating, serta pengaturan ikon rating.
  • Description : pengaturan pada warna, jenis, ukuran teks dan line height pada deskripsi konten.
  • Button : pengaturan tombol produk
  • Background & Spacing : melakukan pengaturan berupa color background, padding dan margin.

Separator

Anda dapat menambahkan komponen berupa separator. Pada separator Anda dapat melakukan pengaturan meliputi:

  • Content
    • Color : mengubah warna separator
    • Size : ukuran ketebalan separator
    • Length % : ukuran panjang separator
    • Style : mengubah style separator

Code

Anda dapat menambahkan snippet kode html ke dalam email. Namun untuk embed html seperti youtube, twitter, instagram tidak memungkinkan ditambahkan ke dalam email karena adanya keterbatasan pada email client.

Video

Anda dapat melakukan generate konten dalam bentuk video dari suatu web, semudah melakukan copy paste link pada konten tersebut. Di dalam content Anda dapat melakukan pengaturan meliputi:

  • Content : melakukan generate konten video dengan copy paste URL web yang diinginkan. Load javascript “Yes”, jika Anda ingin memproses script javascript. Load javascript “No”, jika Anda tidak ingin memproses script javascript.
    • Style contents : pengaturan letak konten.
    • Image : memunculkan gambar.
    • Caption : memunculkan teks berupa judul atau deskripsi untuk video yang ditampilkan.
  • Image
    • Source : upload gambar.
    • Align : pengaturan letak gambar.
  • Caption : penulisan judul, serta pengaturan pada warna, jenis, ukuran teks dan line height pada judul konten.
  • Description : pengaturan pada warna, jenis, ukuran teks dan line height pada deskripsi konten.
  • Background & Spacing : melakukan pengaturan berupa color background, padding dan margin.
  • Links : berisi URL dari video yang ditampilkan.

Please note: Untuk sementara, tautan video yang support di komponen video adalah Youtube dan Google Drive.

Table

  • Content
    • Column : banyaknya jumlah kolom pada tabel.
    • Row : banyaknya jumlah baris pada tabel.
    • Border : memunculkan dan menentukan warna garis pada tabel.
    • Background : menentukan background warna dan header pada tabel.
  • Text Formatting : pengaturan pada warna (color), jenis font (font type), ukuran font (font size) dan line height.
  • Background and Spacing : melakukan pengaturan berupa color background, padding dan margin.
  • Links : melakukan pengaturan berupa pemberian warna dan underline pada link.

Voucher

  • Code
    • Type : pengaturan tipe code apakah static, dynamic atau import.
    • Code : menentukan code yang akan digunakan pada voucher.
    • Code Length : panjang code.
    • Text : pengaturan warna (color), jenis font (font type) dan ukuran font (font size) pada teks code.
    • Text Box : pengaturan text box pada voucher, meliputi background color, width, height, border color, border width, radius.
  • Background : pengaturan tipe dan warna background.
  • Discount : pengaturan jumlah diskon yang diberikan, selain itu juga menentukan teks yang akan ditampilkan, warna, jenis dan ukuran font, serta line height.
  • Expired Date : menentukan masa berlaku voucher, selain itu juga menentukan teks yang akan ditampilkan, warna, jenis dan ukuran font, serta line height.
  • Button
    • Enable : pengaturan button apakah akan ditampilkan atau tidak.
    • Content : pengaturan teks yang akan ditampilkan dan style pada button. Style pada button meliputi warna button, jenis dan ukuran font, radius, warna background, panjang dan lebar.
    • Border : pengaturan border pada button, meliputi warna dan ukuran.
    • Link : menentukan kemana button akan melakukan direct.

Chart

Anda dapat melakukan generate konten dalam bentuk chart. Pada chart anda dapat melakukan pengaturan meliputi:

  • Content
    • Type : dapat melakukan pengaturan tipe chart Bar, Line dan Pie.
    • Label : melakukan pelabelan pada chart.
  • Data Group
    • Nama : melakukan set nama item pada chart.
    • Value : memberikan nilai dari masing masing chart.
  • Add Goup : Untuk menambahkan grup data.
  • Prepare Chart Data : melakukan kostumisasi isi chart seperti nama, label, value dan group.
  • Background : pengaturan tipe dan warna background.

Catatan: Jika penerima menggunakan email outlook, komponen chart yang ditambahkan, saat ini tidak dapat ditampilkan dalam tampilan desktop.

Barcode

Anda dapat melakukan generate konten dalam bentuk barcode. Pada Barcode anda dapat melakukan pengaturan meliputi:

  • Content
    • Color : anda dapat melakukan kostumisasi warna pada barcode.
    • Background : melakukan kostumisasi background pada barcode.
    • Data : melakukan input data untuk digenerate menjadi barcode.
    • width (%) : membuat ukuran barcode berdasarkan presentase.
    • align : merubah posisi barcode seperti center, left dan right
    • generate : untuk melakukan generate data menjadi barcode.
  • Background : pengaturan warna dan padding.

QR Code

Anda dapat melakukan generate konten dalam bentuk QR Code. Pada QR Code anda dapat melakukan pengaturan meliputi:

  • Content
    • Color : anda dapat melakukan kostumisasi warna pada QRCode.
    • Background : melakukan kostumisasi background pada QRCode.
    • URL : copy atau tuliskan url untuk digenerate menjadi QRCode.
    • width (%) : membuat ukuran QRCode berdasarkan presentase.
    • align : merubah posisi QRCode seperti center, left dan right
    • generate : untuk melakukan generate data menjadi QRCode.
  • Background : pengaturan warna dan padding.

Time Countdown

Anda dapat melaukan generate konten dalam bentuk Time Countdown. Pada countdown anda dapat melakukan pengaturan meliputi:

  • Content
    • Exp Date : menerapkan setting countdown.
    • Width (%) : membuat ukuran countdown berdasarkan presentase.
    • Type : memilih type coundown solid atau outline.
    • Color : menentukan warna yang digunakan black, blue, red dan green.
  • title : anda dapat melakuakan yes atau no untuk menampilakn judul.
    • title name : memberikan nama judul.
    • style : menentukan letak judul bisa Top / Bottom.
    • font type : menentukan font tulisan untuk judul.
    • color : menentukan warna tulisan untuk judul.
  • Background : pengaturan warna dan padding.

Catatan: Jika penerima menggunakan email outlook, komponen Time Countdown yang ditambahkan, saat ini tidak dapat ditampilkan dalam tampilan desktop.

Anda dapat melakukan penambahan header yang berisi url pada konten email anda.

  • Content
    • Style : Untuk merubah posisi menu center, left dan right.
    • Image : Untuk menambahkan gambar pada header pilih yes untuk menggunakan dan no untuk tidak menggunakan gambar.
      • Source : untuk memilih gambar dari File Manager MTARGET.
      • Link Image : untuk menggunakan gambar berdasarkan dari link url.
    • Menu color : menentukan warna pada menu.
    • Title : membuat judul pada header.
    • url : menambahkan link url pada menu header.
Was this article helpful?
Pelajari bagaimana user kami memaksimalkan fitur MTARGET
Pelajari bagaimana pelanggan kami meningkatkan leads dan revenue melalui personalisasi dan banyak fitur lainnya. Pelajari cerita mereka di sini!
×

Subscribe

The latest tutorials sent straight to your inbox.