Tetapan editor e-mel seret dan lepas Stripo

Diterbitkan: 22 Oktober 2024 · Kemas kini terakhir: 12 September 2026 · Oleh Marcus Biel

Di sebelah kanan editor e-mel Maildroppa, terdapat lajur tetapan e-mel dengan alat untuk menyusun dan menyesuaikan kandungan serta penampilan e-mel. Lajur ini dibahagikan kepada dua tab: Content (kandungan) dan Appearance (penampilan).

Tab kandungan

Tab Content ialah tempat anda mereka bentuk dan menyusun kandungan e-mel. Tab ini mengandungi dua bahagian utama: Structures (struktur) dan Blocks (blok).

1. Struktur

Struktur menentukan susun atur e-mel dengan menyusun kandungan ke dalam baris dan lajur. Anda boleh memilih pelbagai susun atur siap reka, seperti:

• Satu lajur
• Dua lajur
• Berbilang lajur

Anda tidak terhad kepada pilihan ini. Gabungkan beberapa blok untuk mencipta susun atur tersuai yang diingini, dengan fleksibiliti penuh mengikut keperluan reka bentuk anda.

• Seret dan lepas: Seret struktur daripada bahagian ini dan lepaskannya ke kawasan reka bentuk e-mel untuk mula menambah kandungan.
• Penyesuaian: Selepas menambah struktur, isikannya dengan blok kandungan seperti imej, teks atau butang.

2. Blok

Blok ialah elemen kandungan yang diletakkan di dalam struktur untuk membina e-mel.

Jenis blok yang tersedia ialah:

• Image (imej): Muat naik imej (PNG, JPG, GIF) dan sesuaikan penampilannya.
• Text (teks): Tambah dan format teks untuk menyampaikan mesej anda.
• Button (butang): Tambah butang yang boleh diklik dengan teks, pautan dan gaya yang boleh disesuaikan.
• Spacer (penjarak): Sisipkan ruang kosong untuk melaraskan susun atur antara blok lain.
• Video: Benamkan kandungan video daripada platform seperti YouTube, Vimeo dan lain-lain.
• HTML: Tambah kod HTML dan CSS tersuai untuk penyesuaian kandungan e-mel yang lebih lanjutan.

Setiap blok direka supaya fleksibel dan boleh disesuaikan, membolehkan anda mencipta e-mel yang selaras dengan rupa dan gaya jenama anda.

Penerangan terperinci tentang blok kandungan

Blok imej

Blok imej dalam editor e-mel seret dan lepas Stripo membolehkan anda menambah dan menyesuaikan imej dalam kempen e-mel.

Menambah blok imej

Anda boleh menambah blok imej pada e-mel melalui dua cara:

Pilihan 1

Halakan kursor ke kawasan "Drop Content Here" dalam struktur, kemudian klik ikon Image. Struktur yang dipilih akan terus ditukar menjadi blok imej.

Pilihan 2

Pergi ke bahagian Blocks di bawah tab Content. Seret blok Image ke dalam struktur yang dikehendaki dalam susun atur e-mel. Kaedah ini memberi anda lebih kawalan untuk meletakkan imej di lokasi yang tepat.

Memuat naik imej

Selepas menambah blok imej, anda boleh memuat naik imej melalui dua kaedah:

Seret dan lepas

Seret dan lepaskan fail imej (PNG, JPG, GIF) terus dari komputer ke dalam kotak muat naik yang muncul di dalam blok imej.

Muat naik dari komputer

Sebagai alternatif, klik ikon awan dalam blok imej untuk membuka pelayar fail, kemudian pilih imej daripada komputer anda (sehingga 2 MB). Selepas dipilih, imej akan muncul dalam blok dan juga dalam tab Content di sebelah kanan.

Menukar imej

Untuk menggantikan imej, gunakan pilihan Change Image dalam tab Content. Klik ikon bulat Change Image untuk memuat naik imej baharu atau memautkan imej daripada URL luaran.

Mengedit imej

Selepas memuat naik imej, anda mungkin mahu mengeditnya lagi terus dalam platform. Editor imej terbina dalam Stripo membolehkan anda menambah baik dan melaraskan imej tanpa meninggalkan editor e-mel.

Mengakses editor imej

1. Selepas imej dimuat naik, klik butang Edit Image untuk membuka antara muka editor imej.
2. Editor ini menawarkan pelbagai alat yang dipaparkan pada bar menu di bahagian atas.

Alat pengeditan imej yang tersedia

• Filters (penapis) Gunakan pelbagai penapis dengan satu klik, seperti:

  • Grayscale (skala kelabu)
  • Black & White (hitam putih)
  • Sharpen (tajamkan)
  • Invert (songsangkan)
  • Sepia
  • Brightness (kecerahan)
  • Color (warna)

• Resize (ubah saiz) Laraskan dimensi imej. Anda boleh:

  • Menetapkan lebar dan tinggi tertentu.
  • Mengekalkan nisbah bidang.

• Crop (pangkas) Pilih bahagian imej yang ingin dikekalkan dan buang bahagian yang tidak diperlukan.

• Transform (transformasi) Putar atau balikkan imej:

  • Secara mendatar
  • Secara menegak

• Draw (lukis) Gunakan alat lukisan untuk menambah elemen lukisan bebas, seperti garisan atau bentuk tersuai, pada imej.

• Text (teks) Tambah teks terus pada imej. Sesuaikan:

  • Fon
  • Saiz
  • Warna
  • Penjajaran

• Shapes and Stickers (bentuk dan pelekat) Serikan imej dengan menindihkan:

  • Bentuk siap guna
  • Pelekat yang menarik

• Frames (bingkai) Pilih daripada pelbagai bingkai untuk memberikan sempadan bergaya pada imej.

• Corners (bucu) Laraskan gaya bucu untuk penampilan yang kemas.

• Background (latar belakang) Buang atau gantikan latar belakang imej untuk penampilan yang lebih kemas.

Menyimpan hasil pengeditan

Selepas membuat perubahan yang dikehendaki, klik butang Save di bahagian kiri atas editor. Imej yang diedit akan menggantikan imej asal dalam susun atur e-mel secara automatik.

Tetapan imej

Selepas memuat naik imej, sesuaikannya menggunakan pilihan tetapan imej dalam tab Content di sebelah kanan.

Pautan

Tambah pautan pada imej. Anda boleh memilih pelbagai jenis pautan, seperti:

• Website (laman web: HTTP, HTTPS)
• Mail (e-mel: mailto:)
• File (fail: ftp)
• Social Sharing (perkongsian sosial: Facebook, X (dahulunya Twitter), LinkedIn, Pinterest)

Pilihan ini tersedia dalam menu lungsur tetapan pautan.

Teks alternatif

Tambah teks alternatif yang akan dipaparkan jika imej gagal dimuatkan. Teks ini juga membantu dari segi kebolehcapaian, kerana pembaca skrin boleh menerangkan imej kepada penerima yang mempunyai masalah penglihatan.

Penjajaran

Pilih cara imej dijajarkan dalam bekasnya: Left (kiri), Center (tengah) atau Right (kanan).

Saiz

Laraskan lebar dan tinggi imej secara manual menggunakan butang tambah/tolak atau dengan menaip dimensi yang dikehendaki.

Anda juga boleh mengaktifkan pilihan "Adjust to Width" supaya imej memenuhi keseluruhan lebar bekas secara automatik.

Imej responsif

Aktifkan pilihan "Responsive Image" supaya imej menyesuaikan diri dengan saiz skrin yang berbeza, khususnya pada peranti mudah alih.

Jidar dalam

Sesuaikan jidar dalam di sekeliling imej untuk mengawal ruang antara imej dengan kandungan di sekelilingnya. Gunakan nilai yang sama pada semua sisi atau sesuaikan setiap sisi melalui Top (atas), Bottom (bawah), Left (kiri) dan Right (kanan).

Pautan sauh

Anda boleh menetapkan pautan sauh pada imej supaya penerima boleh pergi ke bahagian tertentu dalam e-mel yang sama apabila mengklik imej tersebut. Namun, pautan sauh mungkin tidak berfungsi dalam klien e-mel tertentu seperti Gmail dan Apple Mail.

Blok teks

Sesuaikan penampilan dan fungsi blok teks menggunakan tetapan berikut. Setiap pilihan membolehkan anda memperhalus paparan teks supaya selaras dengan reka bentuk yang diingini.

Bar alat teks

Apabila anda mengklik dalam blok teks, bar alat teks muncul di atas kawasan kandungan untuk memberikan akses pantas kepada pelbagai pilihan pemformatan teks yang lazim digunakan. Berikut ialah ciri yang tersedia:

1. Format perenggan

Tetapkan gaya perenggan dengan memilih Normal untuk teks biasa atau aras tajuk daripada Heading 1 hingga Heading 6 untuk membentuk hierarki kandungan dalam e-mel. Ini menjadikan kandungan lebih mudah dibaca dan tersusun.

2. Keluarga fon

Fon lalai ialah Arial, tetapi anda boleh memilih pelbagai fon lain, termasuk pilihan biasa seperti Georgia, Helvetica dan Courier New. Fungsi carian turut tersedia untuk mencari fon tertentu dengan pantas.

3. Saiz fon

Laraskan saiz fon daripada 8pt hingga 72pt. Saiz lalai ialah 14pt, yang sesuai untuk kebanyakan teks utama e-mel. Gunakan menu lungsur untuk menetapkan saiz fon yang dikehendaki dengan pantas.

4. Gaya teks

Gayakan teks menggunakan pilihan berikut:

• Bold (B): Menebalkan teks untuk memberikan penekanan.
• Italic (I): Mencondongkan teks untuk memberikan gaya yang berbeza.
• Underline (U): Menggariskan teks, lazimnya digunakan untuk hiperpautan.
• Strikethrough (S): Meletakkan garisan merentasi teks, berguna untuk menandakan pengeditan atau kandungan yang dibuang.

5. Gaya teks lanjutan (menu tiga titik)

Klik tiga titik pada bar alat untuk membuka pilihan tambahan:

• Subscript: Merendahkan teks ke bawah garis dasar, berguna untuk nota kaki atau formula kimia.
• Superscript: Menaikkan teks ke atas garis dasar, lazimnya digunakan untuk eksponen atau nombor ordinal.
• Remove Formatting: Membuang semua pemformatan yang digunakan dan mengembalikan teks kepada gaya lalai.

6. Warna teks dan latar belakang

• Text Color: Klik butang ini untuk memilih warna daripada palet atau memasukkan kod heks bagi menetapkan warna teks dengan tepat.
• Background Color: Pilih warna latar belakang (serlahan) untuk teks.

7. Penjajaran teks

Jajarkan teks dalam blok:

• Align Left: Menjajarkan teks ke kiri.
• Center: Menjajarkan teks ke tengah.
• Align Right: Menjajarkan teks ke kanan.
• Justify: Mengagihkan teks secara sekata merentasi lebar blok.

8. Senarai

Cipta senarai bernombor dan senarai berbulet:

• Insert/Remove Bulleted List: Menambah atau membuang bulet.
• Insert/Remove Numbered List: Menambah atau membuang senarai bernombor.

9. Balutan baris

Aktifkan atau nyahaktifkan balutan baris dalam blok teks. Apabila diaktifkan, baris teks yang panjang akan bersambung ke baris seterusnya secara automatik.

10. Inden

Laraskan inden teks:
- **Increase Indent**: Mengalihkan teks lebih jauh dari margin, berguna untuk subperkara atau petikan.
- **Decrease Indent**: Mengurangkan inden untuk mendekatkan teks kepada margin kiri.
![Inden teks](https://cms.maildroppa.com/assets/0146b155-9fe5-4495-be1c-19dcf1427639)

11. Sisipkan hiperpautan

Ketahui cara menambah, mengedit dan mengurus hiperpautan dalam kandungan e-mel.

Langkah menambah atau mengedit pautan

a) Serlahkan teks

Pilih teks yang ingin dijadikan hiperpautan.

b) Klik ikon pautan

Pada bar alat teks, klik ikon pautan.

c) Edit pautan dalam panel tetapan

Panel tetapan di sebelah kanan akan muncul dengan pilihan pautan:

• Medan pautan: Masukkan URL atau pilih daripada pilihan yang telah ditetapkan.
• Teg: Tambah teg untuk melabel pelanggan atau mencetuskan automasi.

Membaiki pautan selepas penghantaran

Memang mengecewakan apabila kempen baharu sudah dihantar kepada 2,365 pelanggan, kemudian anda mendapati salah satu pautan rosak akibat kesilapan menaip. Peluang jualan Black Friday pun boleh terlepas begitu sahaja.

Mujurlah, kami membolehkan anda membaiki pautan yang rosak walaupun e-mel sudah dihantar kepada pelanggan.

a) Lihat kempen

Cari kempen yang telah dihantar pada halaman gambaran keseluruhan, klik tiga titik, kemudian pilih View Campaign.

b) Ubah pautan atau teg

Tatal ke senarai pautan dalam butiran kempen untuk:

• Mengemas kini sasaran pautan: Betulkan URL yang salah.
• Mengurus teg: Tambah atau buang teg untuk automasi.

Nota: Pastikan Click Tracking diaktifkan dalam tetapan kempen untuk menggunakan ciri menukar sasaran pautan ini.

Menyesuaikan penampilan pautan

Dalam panel tetapan di sebelah kanan, anda boleh melaraskan penampilan pautan:

• Link Color: Pilih warna atau masukkan kod heks.

• Underline Links: Aktifkan atau nyahaktifkan garis bawah untuk penampilan yang lebih kemas.

12. Teg pemperibadian

Gunakan teg pemperibadian untuk menambah kandungan dinamik, seperti nama pertama penerima atau medan tersuai lain.

• Buka menu lungsur Personalization Tags pada bar alat untuk memilih medan biasa seperti First Name, Email atau Country, atau tetapkan medan tersuai untuk menyesuaikan e-mel bagi setiap penerima.

13. Emoji

Jadikan teks lebih menarik secara visual dengan menambah emoji.

• Klik ikon emoji pada bar alat untuk membuka senarai emoji yang disusun mengikut kategori agar mudah dicari.
• Nota keserasian: Uji e-mel dalam klien tertentu seperti Outlook kerana sesetengah klien mungkin tidak memaparkan emoji dengan betul.

14. Jadual dan aksara khas

Di hujung bar alat, klik tiga titik untuk membuka lebih banyak pilihan lanjutan.

Menyisipkan jadual

Cipta dan sesuaikan jadual untuk menambah baik susun atur e-mel.

• Tetapkan baris, lajur, jarak sel, jidar dalam dan saiz sempadan mengikut keperluan.

Sisipkan aksara khas

Lengkapkan teks dengan simbol, aksara beraksen dan aksara bukan standard yang lain.

• Buka pilihan Special Characters untuk melihat pelbagai aksara yang tersedia.

Tetapan tambahan blok teks (panel kanan)

Panel kanan memberi anda kawalan menyeluruh terhadap penampilan dan fungsi blok teks. Berikut ialah tetapan yang tersedia:

1. Warna teks

Tetapkan warna teks menggunakan pemilih warna atau dengan memasukkan kod heks.

2. Warna latar belakang

Tetapkan warna latar belakang tersuai untuk blok teks. Secara lalai, latar belakangnya lutsinar.

3. Tetapan khusus pautan

Apabila blok teks mengandungi pautan, pilihan tambahan akan muncul dalam tetapan:

• Link Color: Laraskan warna pautan menggunakan pemilih warna atau kod heks.

• Underline Links: Aktifkan atau nyahaktifkan garis bawah untuk pautan dalam blok teks.

• Pengeditan pautan: Pilih pautan dalam kawasan kandungan untuk mengedit URL-nya dalam panel tetapan. Anda juga boleh menetapkan atau mengemas kini teg pautan menggunakan menu lungsur berlabel "Tags".

4. Penjajaran

Jajarkan blok teks dalam bekasnya menggunakan Left (kiri), Center (tengah) atau Right (kanan).

5. Tinggi tetap

Aktifkan pilihan Fixed Height untuk menetapkan tinggi blok teks. Anda juga boleh mengawal penjajaran teks menegak melalui Top (atas), Middle (tengah) atau Bottom (bawah).

6. Jarak baris

Kawal ruang antara baris teks. Pilih Tight (rapat), Normal (biasa) atau Wide (lebar).

7. Jidar dalam

Laraskan ruang di sekeliling blok teks. Gunakan jidar dalam yang sama pada semua sisi atau sesuaikan setiap sisi melalui Top (atas), Bottom (bawah), Left (kiri) dan Right (kanan).

8. Pautan sauh

Cipta pautan sauh supaya pembaca boleh pergi ke bahagian tertentu dalam e-mel. Sesetengah klien e-mel tidak menyokong pautan sauh.

Blok butang

Blok butang membolehkan anda menambah butang yang boleh diklik pada e-mel, dengan tetapan fungsi dan gaya yang boleh disesuaikan.

Tetapan pautan

Pilihan Link menentukan tindakan yang dicetuskan apabila penerima mengklik butang.

Jenis pautan yang tersedia

• Pautan laman biasa (HTTP atau HTTPS): Mengarahkan pengguna ke halaman web.
• Pautan e-mel: Membuka klien e-mel pengguna untuk menulis e-mel baharu.
• Pautan fail (FTP, FTPS): Memautkan ke fail pada pelayan FTP.
• Skype: Memulakan panggilan atau sembang Skype.
• Telefon (tel): Memulakan panggilan telefon pada peranti yang serasi.
• SMS: Membuka aplikasi pemesejan dengan nombor penerima yang telah diisi.
• Viber: Membuka aplikasi Viber untuk pemesejan atau panggilan.
• Jenis protokol lain: Menetapkan protokol tersuai yang tidak disenaraikan di atas.

Pilihan perkongsian sosial

Anda juga boleh menetapkan butang untuk perkongsian sosial atau e-mel:

• Facebook
• X (dahulunya Twitter)
• LinkedIn
• Pinterest
• Perkongsian e-mel

Medan URL

Di sebelah jenis pautan, medan URL (biasanya bermula dengan https://) membolehkan anda memasukkan alamat khusus yang sepadan dengan jenis pautan tersebut.

Label butang

Sesuaikan label butang dengan seruan tindakan anda. Label lalai ialah "Button", tetapi anda boleh menukarnya kepada "Ketahui lebih lanjut", "Langgan sekarang" atau "Beli sekarang".

Gaya teks

Tetapan Text Style membolehkan anda melaraskan penampilan teks butang.

Pemilihan fon

Pilih daripada pelbagai fon standard, termasuk:

• Arial
• Comic Sans MS
• Courier New
• Georgia
• Helvetica
• Lucida Sans Unicode
• Tahoma
• Times New Roman
• Trebuchet MS
• Verdana

Pilihan tambahan untuk fon bukan standard termasuk:

• Arvo
• Lato
• Lora
• Merriweather
• Merriweather Sans
• Noticia Text
• Open Sans
• Playfair Display
• Roboto
• Source Sans Pro

Di bahagian atas senarai fon, kotak carian membantu anda mencari fon tertentu dengan pantas.

Saiz dan pemformatan fon

• Saiz fon: Pilih daripada 8 hingga 72, bergantung pada sejauh mana anda mahu teks butang menonjol.
• Pemformatan teks: Gunakan gaya tebal atau italik melalui ikon "B" atau "I" untuk menekankan teks butang.

Tetapan warna

Sesuaikan penampilan butang dengan melaraskan tetapan warnanya.

1. Warna butang: Tukar warna latar belakang butang. Warna lalai ialah hijau (#31cb4b). Gunakan medan kod heks atau pemilih warna untuk memilih warna baharu.

2. Warna teks: Tetapkan warna teks butang. Warna lalai ialah putih (#ffffff). Pilih warna yang jelas berkontras dengan latar belakang butang supaya teks mudah dibaca.

3. Warna latar belakang: Laraskan latar belakang bekas butang. Secara lalai, latar belakang ini lutsinar, tetapi anda boleh menukarnya supaya butang lebih menonjol pada latar belakang e-mel.

Jejari sempadan

Kawal kebulatan bucu butang menggunakan tetapan Border Radius.

• Nilai lalai: 30 (bucu sederhana bulat).
• Julat: 0 (bucu segi empat sama) hingga 100 (butang berbentuk pil).

Nota: Untuk memastikan bucu bulat dipaparkan dengan betul dalam Microsoft Outlook, aktifkan pilihan "Support of Outlook" dalam tab Appearance.

Penjajaran

Letakkan butang dalam kawasan kandungannya menggunakan tetapan Alignment.

• Pilihan: Left (kiri), Center (tengah), Right (kanan).
• Penggunaan biasa: Penjajaran tengah untuk memberikan penekanan; penjajaran kiri atau kanan untuk keseragaman reka bentuk.

Tinggi tetap

Aktifkan pilihan Fixed Height untuk mengekalkan dimensi butang yang konsisten.

1. Tetapan lalai: Dinyahaktifkan.
2. Tinggi minimum: 44 piksel.
3. Penjajaran menegak kandungan: Apabila tinggi tetap diaktifkan, jajarkan kandungan butang melalui Top (atas), Middle (tengah) atau Bottom (bawah) untuk penempatan yang tepat.

Butang dengan ikon

Pilihan Button with Icon membolehkan anda menyertakan ikon di sebelah teks butang untuk menambah daya tarikan visual dan mengukuhkan seruan tindakan. Ciri ini dinyahaktifkan secara lalai.

• Format yang disokong: Muat naik ikon dalam format PNG, JPG atau GIF, dengan saiz fail maksimum 2 MB.
• Kedudukan ikon: Pilih Left atau Right untuk memaparkan ikon di sebelah kiri atau kanan teks butang.

Nota: Ikon tidak dipaparkan dalam versi Microsoft Outlook tertentu pada Windows, termasuk:

• Outlook 2002, 2007, 2010, 2013, 2016 dan 2019. Had ini berpunca daripada cara klien e-mel tersebut memaparkan e-mel HTML. Ambil kira perkara ini jika sebahagian besar khalayak anda menggunakan klien tersebut.

Tetapan sempadan

Sesuaikan sempadan butang untuk menambah gaya dan penekanan.

• Lebar sempadan: Tetapkan lebar setiap sisi (kiri, kanan, atas dan bawah) secara berasingan, sehingga 40 piksel.
• Gaya sempadan: Pilih Solid (garisan penuh), Dashed (putus-putus) atau Dotted (bertitik).
• Warna sempadan: Gunakan pemilih warna atau masukkan kod heks supaya warna sempadan sepadan dengan jenama atau skema reka bentuk anda.

Jidar dalam

Laraskan ruang di dalam butang, antara kandungan (teks dan ikon) dengan sempadan butang.

• Pilihan penyesuaian: Tetapkan nilai jidar dalam melalui Left (kiri), Right (kanan), Top (atas) dan Bottom (bawah), sehingga maksimum 99 piksel.
• Kesan: Jidar dalam mempengaruhi saiz keseluruhan butang dan kedudukan kandungan di dalamnya.

Jidar luar

Kawal ruang di luar butang untuk melaraskan kedudukannya berbanding elemen lain dalam susun atur e-mel.

• Pilihan penyesuaian: Tetapkan nilai jidar luar melalui Left (kiri), Right (kanan), Top (atas) dan Bottom (bawah), sehingga maksimum 40 piksel.
• Kegunaan: Memastikan butang tidak kelihatan terlalu dekat dengan kandungan lain atau tepi e-mel.

Tambah pautan sauh

Gunakan pautan sauh untuk mengarahkan pembaca ke bahagian tertentu dalam e-mel yang sama, supaya mereka boleh menavigasi buletin e-mel yang panjang dengan pantas.

• Nama sauh: Tetapkan sasaran dalam e-mel dan pautkan butang ke sauh ini. Apabila butang diklik, e-mel akan menatal ke bahagian yang ditetapkan untuk memudahkan navigasi.

Penting: Pautan sauh tidak disokong dalam klien e-mel tertentu, termasuk:

• Aplikasi Gmail untuk iOS
• Apple Mail untuk iOS
• Aplikasi Outlook untuk Android
• Aplikasi Outlook untuk macOS
• E-mel AMP

Uji e-mel dengan teliti untuk memastikan ciri ini berfungsi dalam pelbagai klien e-mel dan menentukan sama ada ciri ini sesuai untuk khalayak anda.

Blok penjarak

Blok penjarak membolehkan anda menambah ruang yang boleh dilaraskan dalam kandungan e-mel, dengan kawalan terhadap saiz, penjajaran, penampilan dan jarak dalamannya. Berikut ialah butiran tentang dua jenis penjarak: penjarak biasa dan penjarak dinamik.

1. Penjarak biasa

Penjarak biasa ialah elemen garisan yang memisahkan bahagian dalam e-mel secara visual.

Tetapan utama

1. Ketebalan dan gaya garisan Sesuaikan ketebalan, gaya dan warna garisan:

   • Ketebalan: Laraskan menggunakan butang + dan - (bermula daripada 1).
   • Gaya: Pilih garisan penuh, putus-putus atau bertitik.
   • Warna: Tetapkan warna tersuai menggunakan kod heks atau pemilih warna (lalai: #cccccc).

2. Lebar Tetapkan sejauh mana garisan penjarak merentasi kandungan. Laraskan lebar dalam piksel menggunakan butang + dan -.

3. Penjajaran Jajarkan garisan ke kiri, tengah atau kanan mengikut susun atur anda.

4. Jidar dalam Kawal jarak dalaman di sekeliling penjarak:

   • Tetapan lalai: Jidar dalam ditetapkan kepada 20 pada semua sisi.
   • Gunakan togol More untuk menetapkan jidar dalam bagi setiap sisi:
     • Top (atas)
     • Right (kanan)
     • Bottom (bawah)
     • Left (kiri)

Kegunaan

Penjarak biasa sesuai untuk memisahkan bahagian dalam e-mel secara visual dengan kemas, supaya susun atur kelihatan teratur dan profesional.

2. Penjarak dinamik

Penjarak dinamik ialah blok ruang kosong yang tidak kelihatan, direka untuk mewujudkan ruang dalam susun atur e-mel supaya tidak terlalu padat.

Ciri utama

1. Pelarasan tinggi Laraskan tinggi terus dalam kawasan kandungan atau melalui panel kawalan menggunakan butang + dan -. Tinggi menentukan jumlah ruang menegak yang ditambah antara bahagian.

2. Warna latar belakang Secara lalai, penjarak mempunyai latar belakang lutsinar, tetapi anda boleh menetapkan warna latar belakang tersuai menggunakan kod heks atau pemilih warna. Ini membolehkan penjarak berfungsi sebagai blok yang kelihatan jika diperlukan.

3. Sifat responsif Pilihan Responsive Spacer memastikan penjarak menyesuaikan diri secara dinamik dengan saiz skrin yang berbeza untuk susun atur optimum merentas peranti. Ciri ini diaktifkan secara lalai.

Perbezaan utama antara penjarak biasa dan dinamik

• Penjarak dinamik: Menambah ruang kosong tanpa garisan yang kelihatan.
• Penjarak biasa: Merangkumi tetapan khusus garisan seperti:
  • Lebar garisan
  • Penjajaran
  • Gaya garisan
  • Jidar dalam

Penjarak dinamik tidak menyokong ciri-ciri ini dan direka khusus untuk memisahkan kandungan tanpa elemen visual.

3. Tambah pautan sauh

Pautan sauh boleh digunakan pada kedua-dua jenis penjarak supaya pengguna boleh pergi terus ke lokasi penjarak daripada bahagian lain dalam e-mel. Ini amat berguna untuk menyediakan navigasi dalam buletin e-mel yang panjang.

Nota: Pautan sauh tidak disokong oleh klien e-mel tertentu, termasuk:

• Microsoft Outlook
• Gmail (pada peranti mudah alih)

Blok video

Blok video membolehkan anda membenamkan video dalam e-mel serta menyesuaikan penampilan dan cara video berfungsi. Blok ini menyokong pautan video daripada platform seperti YouTube dan Vimeo, dengan fleksibiliti dan kawalan terhadap cara video dipaparkan.

1. Pautan ke video

Tambah URL video dalam medan Link to Video. Platform yang disokong termasuk YouTube, Vimeo dan perkhidmatan lain yang membolehkan video dibenamkan.

• Tindakan automatik: Apabila URL yang sah ditambah:

  • Imej pratonton dijana secara automatik menggunakan lakaran kecil video daripada platform tersebut.
  • Medan Alternate Text diisi secara automatik dengan tajuk atau penerangan video, jika tersedia.

• Medan yang boleh diedit: Anda boleh mengedit atau menggantikan imej pratonton dan teks yang dijana secara manual jika perlu.

2. Teks alternatif

Medan Alternate Text menyokong kebolehcapaian dengan memaparkan penerangan video jika video gagal dimuatkan.

• Diisi secara automatik apabila URL video yang disokong ditambah.
• Boleh disesuaikan mengikut keperluan kandungan anda.

3. Lakaran kecil tersuai

Muat naik imej tersuai untuk menggantikan pratonton video lalai.

• Cara mengaktifkan: Aktifkan pilihan Custom Thumbnail.
• Format yang disokong: PNG, JPG atau GIF.
• Bila perlu digunakan: Gantikan lakaran kecil yang dijana apabila ia tidak sepadan dengan reka bentuk e-mel.

4. Butang main

Sesuaikan butang main yang ditindihkan pada lakaran kecil video.

• Pilihan yang tersedia:
  • Pilih gaya butang main YouTube, Vimeo atau gaya lain.
  • Pilih “None” untuk menyembunyikan butang main sepenuhnya.

5. Saiz

Laraskan dimensi video agar sesuai dengan reka bentuk e-mel.

• Lebar dan tinggi: Gunakan butang + dan - atau masukkan nilai secara manual untuk mengawal saiz.
• Reka bentuk responsif: Pastikan video dipaparkan dengan sesuai pada pelbagai peranti.

6. Sesuaikan mengikut lebar

Aktifkan togol Adjust to Width supaya video memenuhi lebar bekasnya secara automatik. Ini memastikan video kekal responsif pada pelbagai peranti.

7. Imej responsif

Togol Responsive Image memastikan lakaran kecil video dilaraskan mengikut lebar skrin pada peranti mudah alih.

• Nota: Keupayaan responsif bergantung pada sokongan peranti dan klien e-mel.

8. Penjajaran

Gunakan tetapan Alignment untuk mengawal kedudukan mendatar video dalam blok:

• Left: Menjajarkan video ke kiri.
• Center: Menjajarkan video ke tengah.
• Right: Menjajarkan video ke kanan.

9. Pilihan khusus peranti mudah alih

Sesuaikan cara video berfungsi dan dipaparkan pada peranti mudah alih:

1. Sembunyikan elemen pada peranti mudah alih Sembunyikan blok video pada peranti mudah alih jika perlu.

   • Nota: Ciri ini bergantung pada sokongan pertanyaan media dan mungkin tidak berfungsi dalam semua klien e-mel.

2. Jidar dalam untuk peranti mudah alih Laraskan jidar dalam di sekeliling video untuk paparan mudah alih.

   • Gunakan togol More untuk menetapkan nilai jidar dalam bagi setiap sisi:
     • Top (atas)
     • Right (kanan)
     • Bottom (bawah)
     • Left (kiri)

10. Sertakan dalam AMPHTML atau HTML

Pilih sama ada blok video dipaparkan dalam versi e-mel tertentu:

• Kedua-dua AMPHTML dan HTML
• AMPHTML sahaja
• HTML sahaja

Pilihan ini memastikan video disertakan mengikut versi e-mel yang dihantar.

Blok HTML

Blok HTML membolehkan anda menyisipkan kod HTML dan CSS tersuai ke dalam e-mel. Blok ini menawarkan fleksibiliti untuk penyesuaian lanjutan dengan mengambil kira keserasian klien e-mel. Sama ada untuk menambah satu elemen HTML atau mereka bentuk keseluruhan e-mel, gunakan blok ini untuk menghasilkan reka bentuk tersuai.

1. Antara muka editor kod

Apabila anda memilih blok HTML, tetingkap editor kod berwarna hitam akan muncul dalam panel kandungan. Editor ini membolehkan anda menulis, menampal atau mengubah kod tersuai. Terdapat dua bahagian:

• Bahagian HTML: Tambah atau edit struktur HTML e-mel.
• Bahagian CSS: Buka editor CSS berasingan untuk menggayakan kandungan.

2. Pelarasan saiz fon

Laraskan saiz fon kod dalam editor supaya lebih mudah dibaca:

• Gunakan butang A+ untuk membesarkan saiz fon.
• Gunakan butang A- untuk mengecilkan saiz fon.

3. Pelarasan saiz tetingkap editor

Ubah saiz tetingkap editor kod mengikut keselesaan anda:

• Cara melaras:
  • Halakan kursor ke tiga titik di bahagian tengah atas tetingkap editor.
  • Seret kawalan peluncur ke atas atau ke bawah untuk membesarkan atau mengecilkan editor.

Ciri ini amat berguna untuk mengurus blok kod yang lebih besar atau terperinci.

4. Editor CSS

Editor CSS membolehkan anda mengurus gaya kandungan HTML. Akses editor ini melalui butang di penjuru kanan atas editor kod.

Perkara penting untuk dipertimbangkan:

• Sokongan terhad: Banyak klien e-mel tidak menyokong ciri CSS lanjutan seperti Flexbox, Grid atau pertanyaan media.
• Gunakan ciri asas: Gunakan CSS sebaris asas untuk keserasian maksimum.
• Gaya yang telah dikonfigurasi: Elakkan memadam gaya sedia ada yang telah dikonfigurasi kerana gaya tersebut memastikan paparan yang betul dalam klien e-mel utama.

5. Keserasian klien e-mel

HTML e-mel memerlukan perhatian khusus kerana banyak klien e-mel menggunakan enjin pemaparan yang lapuk.

Panduan utama:

• Gunakan susun atur berasaskan jadual dan bukannya susun atur berasaskan <div> untuk sokongan yang lebih baik.
• Elakkan ciri CSS lanjutan seperti animasi, Flexbox atau Grid.
• Pertanyaan media dan sifat CSS kecil mungkin berfungsi secara tidak konsisten.
• Pengujian: Sentiasa uji e-mel dalam beberapa klien, contohnya Gmail, Outlook dan Apple Mail, untuk memastikan paparan yang betul.

6. Jidar dalam

Tetapan Padding melaraskan ruang di sekeliling kandungan HTML:

• Jidar dalam lalai: Ditetapkan kepada 0 secara lalai.
• Jidar dalam tersuai: Aktifkan togol More untuk melaraskan jidar dalam bagi setiap sisi:
  • Top (atas)
  • Right (kanan)
  • Bottom (bawah)
  • Left (kiri)

Ciri ini sesuai untuk menjajarkan kandungan HTML dalam susun atur e-mel.

7. Tambah pautan sauh

Ciri Add Anchor Link membolehkan anda mencipta pautan di bahagian lain dalam e-mel yang boleh diklik untuk pergi ke blok HTML.

Cara menggunakan:

• Aktifkan pilihan tersebut dan masukkan nama sauh dalam medan.

Had:

• Pautan sauh tidak disokong oleh sesetengah klien e-mel, seperti:
  • Aplikasi Gmail untuk iOS
  • Apple Mail untuk iOS
  • Aplikasi Outlook (Android dan macOS)
  • E-mel AMP

8. Menulis HTML tersuai

Editor HTML direka untuk menulis atau menampal struktur HTML tersuai bagi e-mel anda.

Amalan terbaik:

• Gunakan HTML ringkas yang disokong secara meluas.
• Elakkan susun atur atau ciri yang kompleks seperti elemen <div>.
• Gunakan reka bentuk berasaskan jadual untuk keserasian yang lebih baik.

9. Petua untuk hasil yang baik

1. Mulakan dengan bahagian kecil: Jika anda baru dalam pembangunan e-mel, gunakan blok HTML untuk bahagian tertentu dahulu.
2. Sahkan kod: Pastikan HTML anda mematuhi keperluan klien e-mel.
3. Uji dengan teliti: Gunakan alat untuk melihat pratonton dan menguji e-mel dalam pelbagai klien dan pada pelbagai peranti.