Component pada Page

Layout

Sebelum Anda menambahkan content, Anda dapat memberikan layout ketika membuat page. Terdapat tujuh macam layout yang kami sediakan, yaitu :

  • 1 column : menambahkan sebuah layout berupa satu section dalam satu baris memanjang pada page compose.
  • 2 column : menambahkan sebuah layout berupa dua kolom dengan ukuran tiap-tiap kolom yang sama besar dalam satu section pada page compose.
  • 3 column : menambahkan sebuah layout berupa tiga kolom dengan ukuran tiap-tiap kolom yang sama besar dalam satu section pada page compose.
  • 4 column : menambahkan sebuah layout berupa empat kolom dengan ukuran tiap-tiap kolom yang sama besar dalam satu section pada page compose.
  • Wide left : menambahkan sebuah layout berupa dua kolom dengan ukuran kolom sebelah kiri lebih besar daripada kanan dalam satu section pada page compose.
  • Wide right : menambahkan sebuah layout berupa dua kolom dengan ukuran kolom sebelah kanan lebih besar daripada kiri dalam satu section pada page compose.
  • Wide middle : menambahkan sebuah layout berupa tiga kolom dengan ukuran kolom yang ditengah lebih besar daripada kolom sebelah kanan dan kiri dalam satu section pada page compose.

Anda dapat melakukan drag and drop untuk mengatur letak layout per section sesuai dengan kebutuhan Anda.

Component

Anda dapat menambahkan komponen di dalam page 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 & Spacing : melakukan pengaturan berupa color background, padding dan margin.
  • 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 : upload image
    • Edge to edge : pengaturan ukuran image. Jika Anda melakukan upload gambar dengan ukuran kecil dan edge to edgenya berada pada pengaturan “Yes”, maka gambar akan berukuran full kanan kiri. Jika pengaturan pada “No” maka gambarnya akan sesuai dengan ukurannya yang asli
    • Align : pengaturan letak image (center, left, right)
  • Background & Spacing : melakukan pengaturan berupa color background, padding dan margin.
  • Links : menentukan kemana image akan melakukan direct URL. Anda hanya perlu menuliskan URL yang dimaksud.

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.

Form

Anda dapat menambahkan komponen form yang sebelumnya sudah Anda buat melalui menu Form API atau membuat form baru dari komponent tersebut.

Anda ingin membuat form baru?

Anda dapat klik Create New. Kemudian masukan nama form yang Anda inginkan. Kemudian lakukan pengaturan pada Simpan Kontak. Jika “Yes”, maka data dari orang-orang yang melakukan pengisian form Anda secara otomatis akan tersimpan di dalam kontak. Jangan lupa untuk memberi label pada kontak tersebut untuk memudahkan Anda. Jika “No”, maka data dari orang-orang yang melakukan pengisian form tidak akan tersimpan di dalam kontak.

Anda ingin menggunakan form yang telah tersedia?

Anda dapat memilih salah satu form yang telah tersimpan dengan melakukan klik Select.

Pengaturan yang dapat Anda lakukan di dalam Form adalah sebagai berikut:

  • Form Detail : untuk mengganti form yang digunakan atau melakukan edit pada form.
  • Content : melakukan pengaturan warna, jenis dan ukuran pada teks, serta mengganti warna background form.
  • Background & Spacing : melakukan pengaturan berupa color background, padding dan margin.
  • Button : melakukan pengaturan berupa warna, ukuran teks, letak, background color, dan radius pada button. Selain itu juga mengatur padding dan margin button.

Image Text

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

Product

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:

  • Generate 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.

Code

via GIPHY

Anda dapat embed kode html apa saja ke dalam page MailTarget, seperti video Youtube, post Instagram, twitter ataupun yang lainnya.


Dalam menambahkan komponen, Anda dapat langsung menambahkan komponen atau membuat layoutnya terlebih dahulu. Anda dapat menambahkan komponen di dalam kolom pada layout. Untuk menambahkan komponen Anda dapat dengan klik plus button atau dengan melakukan drag and drop component. Dalam satu kolom, Anda dapat menambahkan lebih dari satu komponen.

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

Countdown

Anda dapat menambahkan komponen berupa countdown. Pada countdown, Anda dapat menggunakannya untuk menghitung waktu mundur. Misalnya, digunakan untuk menghitung waktu mundur perilisan produk Anda. Untuk pengaturan countdown meliputi:

  • Content
    • Expiration Date: Tanggal kadaluarsa countdown, dapat Anda gunakan beserta detail jam.
    • Style: Untuk mengubah model countdown
    • Size: Untuk mengubah ukuran countdown
    • Align: Mengubah posisi countdown
    • Color: Mengubah warna countdown
    • Label: Mengubah label tanggal pada countdown
  • Text Formatting Untuk text formatting, Anda dapat melakukan perubahan pada pengaturan pada warna, jenis, ukuran teks dan line height
×

Subscribe

The latest tutorials sent straight to your inbox.