Tetapan Editor E-mel Seret dan Lepas Stripo

Published: 22 Oktober 2024 · Last updated: 21 Julai 2026 · By Marcus Biel

Di sebelah kanan editor e-mel Maildroppa, anda akan menemui Lajur Tetapan E-mel, yang menyediakan alat untuk membantu anda menyusun dan menyesuaikan kandungan serta penampilan e-mel anda. Lajur ini dibahagikan kepada dua tab: Kandungan dan Penampilan.

Tab Kandungan

Tab Kandungan ialah tempat anda mereka bentuk dan menyusun kandungan e-mel. Tab ini mengandungi dua bahagian utama: Struktur dan Blok.

1. Struktur

Struktur menentukan susun atur e-mel anda dengan menyusun kandungan ke dalam baris dan lajur. Anda boleh memilih daripada pelbagai susun atur yang telah direka bentuk, seperti:

• Satu lajur
• Dua lajur
• Pelbagai lajur

Anda tidak terhad kepada pilihan ini—anda boleh menggabungkan berbilang blok untuk mencipta sebarang susun atur tersuai yang anda inginkan, memberikan fleksibiliti sepenuhnya mengikut keperluan reka bentuk anda.

• Seret dan Lepas: Hanya seret struktur daripada bahagian ini dan lepaskannya ke kawasan reka bentuk e-mel anda untuk mula menambah kandungan.
• Penyesuaian: Setelah struktur ditambah, anda boleh mengisinya dengan blok kandungan yang berbeza seperti imej, teks atau butang.

2. Blok

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

Jenis blok yang tersedia ialah:

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

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

Penjelasan 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 anda.

Menambah Blok Imej

Anda boleh menambah Blok Imej ke e-mel anda melalui dua cara:

Pilihan 1

Halakan kursor ke kawasan "Lepaskan Kandungan Di Sini" dalam struktur, kemudian klik ikon Imej. Struktur yang dipilih akan ditukar serta-merta menjadi blok imej.

Pilihan 2

Pergi ke bahagian Blok di bawah Tab Kandungan. Seret Blok Imej ke dalam struktur yang dikehendaki dalam susun atur e-mel anda. Kaedah ini memberi anda lebih kawalan terhadap lokasi tepat imej anda.

Memuat Naik Imej

Setelah anda menambah Blok Imej, terdapat dua kaedah untuk memuat naik imej:

Seret dan Lepas

Anda boleh menyeret dan melepaskan fail imej (PNG, JPG, GIF) terus dari komputer anda ke dalam kotak muat naik yang muncul di dalam Blok Imej.

Muat Naik dari Komputer

Sebagai alternatif, anda boleh mengklik ikon awan dalam Blok Imej untuk membuka pelayar fail, lalu memilih imej daripada komputer anda (sehingga 2MB). Setelah dipilih, imej akan muncul dalam blok dan juga dalam tab kandungan di sebelah kanan.

Menukar Imej

Untuk menggantikan imej, gunakan pilihan Tukar Imej yang terdapat dalam tab kandungan. Klik ikon bulat Tukar Imej, yang membolehkan anda memuat naik imej baharu atau memautkan imej daripada URL luaran.

Mengedit Imej

Selepas memuat naik imej, anda mungkin mahu membuat pengeditan tambahan terus dalam platform. Editor Imej terbina dalam Stripo membolehkan anda mempertingkat dan melaraskan imej tanpa meninggalkan editor e-mel.

Mengakses Editor Imej

1. Setelah imej dimuat naik, klik butang Edit Imej. Antara muka Editor Imej akan dibuka.
2. Editor ini menawarkan pelbagai alat, yang dipaparkan dalam bar menu di bahagian atas.

Alat Pengeditan Imej yang Tersedia

• Penapis Gunakan pelbagai penapis dengan satu klik, seperti:

  • Skala Kelabu
  • Hitam Putih
  • Tajamkan
  • Songsangkan
  • Sepia
  • Kecerahan
  • Warna

• Ubah Saiz Laraskan dimensi imej anda. Anda boleh:

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

• Pangkas Pilih bahagian imej yang ingin dikekalkan dan buang bahagian yang tidak diperlukan.

• Transformasi Putar atau balikkan imej:

  • Secara mendatar
  • Secara menegak

• Lukis Gunakan alat lukisan untuk menambah elemen bebas tangan, seperti garisan atau bentuk tersuai, di atas imej anda.

• Teks Tambah teks terus pada imej. Sesuaikan:

  • Fon
  • Saiz
  • Warna
  • Penjajaran

• Bentuk dan Pelekat Tingkatkan imej anda dengan menindihkan:

  • Bentuk siap digunakan
  • Pelekat menarik

• Bingkai Pilih daripada pelbagai bingkai untuk memberikan sempadan bergaya pada imej anda.

• Bucu Laraskan gaya bucu untuk penampilan yang kemas.

• Latar belakang Buang atau gantikan latar belakang imej untuk penampilan yang lebih bersih.

Menyimpan Pengeditan

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

Tetapan Imej

Selepas memuat naik imej, anda boleh menyesuaikannya menggunakan pilihan Tetapan Imej yang tersedia dalam Tab Kandungan di sebelah kanan.

Pautan

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

• Laman web (HTTP, HTTPS)
• Mel (mailto:)
• Fail (ftp)
• Perkongsian Sosial (Facebook, X (dahulunya Twitter), LinkedIn, Pinterest)

Anda boleh menemukan pilihan ini dalam menu lungsur tetapan pautan.

Teks Alternatif

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

Penjajaran

Pilih cara imej hendak dijajarkan dalam bekasnya. Anda boleh menjajarkannya ke Kiri, Tengah atau Kanan.

Saiz

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

Anda juga boleh mengaktifkan pilihan "Laraskan kepada Lebar" supaya imej memenuhi keseluruhan lebar bekas secara automatik.

Imej Responsif

Aktifkan pilihan "Imej Responsif" untuk memastikan imej menyesuaikan diri dengan saiz skrin yang berbeza, khususnya pada peranti mudah alih.

Jidar Dalam

Sesuaikan jidar di sekeliling imej untuk mengawal jumlah ruang antara imej dengan kandungan di sekelilingnya. Anda boleh menggunakan jidar yang sama pada semua sisi atau menyesuaikannya bagi setiap sisi (Atas, Bawah, Kiri, Kanan).

Pautan Sauh

Anda boleh menetapkan pautan sauh pada imej, yang membolehkan penerima pergi ke bahagian tertentu dalam e-mel yang sama apabila mereka mengklik imej tersebut. Walau bagaimanapun, ambil perhatian bahawa pautan sauh mungkin tidak berfungsi dalam klien e-mel tertentu seperti Gmail dan Apple Mail.

Blok Teks

Tingkatkan blok teks anda dengan menyesuaikan penampilan dan fungsinya menggunakan tetapan berikut. Setiap pilihan membolehkan anda memperhalus cara teks dipaparkan supaya selaras sepenuhnya dengan keutamaan reka bentuk anda.

Bar Alat Teks

Apabila anda mengklik dalam blok teks, Bar Alat Teks muncul di atas kawasan kandungan dan menyediakan akses pantas kepada pelbagai pilihan pemformatan teks biasa. Berikut ialah ciri yang tersedia dalam bar alat:

1. Format Perenggan

Tetapkan gaya perenggan dengan memilih pilihan seperti Biasa untuk teks biasa atau pelbagai aras tajuk (Tajuk 1 hingga Tajuk 6) bagi mewujudkan hierarki berstruktur dalam e-mel anda. Ini membantu menjadikan kandungan lebih mudah dibaca dan tersusun.

2. Keluarga Fon

Fon lalai ialah Arial, tetapi anda boleh memilih daripada pelbagai fon, termasuk pilihan biasa seperti Georgia, Helvetica dan Courier New. Terdapat juga fungsi carian untuk mencari fon tertentu dengan pantas.

3. Saiz Fon

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

4. Penggayaan Teks

Gayakan teks anda menggunakan pilihan berikut:

• Tebal (B): Menekankan teks dengan menjadikannya tebal.
• Italik (I): Menjadikan teks condong untuk penampilan yang lebih bergaya.
• Garis bawah (U): Menggaris bawah teks, yang lazimnya digunakan untuk hiperpautan.
• Coret (S): Melukis garisan merentasi teks, berguna untuk pengeditan atau kandungan yang dibuang.

5. Penggayaan Teks Lanjutan (Menu Tiga Titik)

Mengklik tiga titik dalam bar alat akan membuka pilihan tambahan:

• Subskrip: Menurunkan teks di bawah garis dasar (berguna untuk nota kaki atau formula kimia).
• Superskrip: Menaikkan teks di atas garis dasar (lazim digunakan untuk eksponen atau nombor ordinal).
• Buang Pemformatan: Membuang semua pemformatan yang digunakan dan mengembalikan teks kepada gaya lalainya.

6. Warna Teks dan Latar Belakang

• Warna Teks: Klik butang Warna Teks untuk memilih daripada palet atau memasukkan kod heks bagi kawalan tepat terhadap warna teks.
• Warna Latar Belakang: Pilih warna latar belakang (serlahan) untuk teks anda.

7. Penjajaran Teks

Jajarkan teks anda dalam blok:

• Jajar Kiri: Menjajarkan teks ke kiri.
• Tengah: Menengahkan teks.
• Jajar Kanan: Menjajarkan teks ke kanan.
• Justifikasi: Mengagihkan teks secara sama rata merentasi lebar blok.

8. Senarai

Cipta senarai bernombor dan tidak bernombor:

• Sisip/Buang Senarai Berbulet: Menambah atau membuang titik bulet.
• Sisip/Buang Senarai Bernombor: Menambah atau membuang senarai bernombor.

9. Balutan Baris

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

10. Inden

Laraskan inden teks anda:
- **Tambah Inden**: Mengalihkan teks lebih jauh dari margin, berguna untuk subperkara atau petikan.
- **Kurangkan Inden**: Mengurangkan inden dan membawa teks lebih dekat kepada margin kiri.
![Inden Teks](https://cms.maildroppa.com/assets/0146b155-9fe5-4495-be1c-19dcf1427639)

11. Sisip Hiperpautan

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

Langkah Menambah atau Mengedit Pautan

a) Serlahkan Teks

Pilih teks yang ingin anda jadikan hiperpautan.

b) Klik Ikon Pautan

Dalam 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.
• Tag: Tambah tag untuk melabel pelanggan atau mencetuskan automasi.

Membaiki Pautan Selepas Penghantaran

Tiada apa yang lebih mengecewakan daripada menghantar kempen baharu kepada 2,365 pelanggan, kemudian mendapati salah satu pautan rosak disebabkan kesilapan menaip yang mudah. Selamat tinggal, jualan Black Friday!

Nasib baik, kami membolehkan anda membaiki pautan yang rosak—walaupun e-mel tersebut telah dihantar kepada pelanggan anda.

a) Lihat Kempen

Cari kempen yang telah dihantar dalam gambaran keseluruhan, klik tiga titik, kemudian pilih Lihat Kempen.

b) Ubah Suai Pautan atau Tag

Tatal ke senarai pautan dalam butiran kempen untuk:

• Kemas Kini Sasaran Pautan: Betulkan URL yang salah.
• Urus Tag: Tambah atau buang tag untuk automasi.

Nota: Pastikan Penjejakan Klik diaktifkan dalam tetapan kempen untuk menggunakan ciri penyasaran semula pautan.

Menyesuaikan Penampilan Pautan

Dalam Panel Tetapan di Sebelah Kanan, anda boleh melaraskan penampilan pautan:

• Warna Pautan: Pilih warna atau masukkan kod heks.

• Garis Bawah Pautan: Aktifkan atau nyahaktifkan garis bawah untuk penampilan yang lebih kemas.

12. Tag Pemperibadian

Gunakan Tag Pemperibadian untuk menambah kandungan dinamik, seperti nama pertama penerima atau medan tersuai lain.

• Akses menu lungsur Tag Pemperibadian dalam bar alat untuk memilih medan biasa seperti Nama Pertama, E-mel atau Negara, atau tentukan medan tersuai bagi menyesuaikan e-mel untuk setiap penerima.

13. Emoji

Tambahkan daya tarikan visual pada teks anda dengan menyertakan emoji.

• Klik Ikon Emoji dalam bar alat untuk membuka senarai emoji yang dikategorikan supaya mudah dilayari.
• Nota Keserasian: Uji e-mel dalam klien tertentu seperti Outlook kerana sesetengahnya mungkin tidak memaparkan emoji dengan betul.

14. Jadual dan Aksara Khas

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

Penyisipan Jadual

Cipta dan sesuaikan jadual untuk meningkatkan susun atur e-mel anda.

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

Sisip Aksara Khas

Tingkatkan teks anda dengan simbol, aksara beraksen dan aksara bukan standard lain.

• Akses pilihan Aksara Khas untuk menyemak imbas pelbagai jenis aksara.

Tetapan Blok Teks Tambahan (Panel Kanan)

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

1. Warna Teks

Tentukan 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 belakang adalah telus.

3. Tetapan Khusus Pautan

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

• Warna Pautan: Laraskan warna pautan menggunakan pemilih warna atau kod heks.

• Garis Bawah Pautan: Hidupkan atau matikan pilihan 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 tag untuk pautan menggunakan menu lungsur berlabel "Tag."

4. Penjajaran

Jajarkan blok teks dalam bekasnya: Kiri, Tengah atau Kanan.

5. Tinggi Tetap

Tetapkan tinggi tetap untuk blok teks dengan mengaktifkan pilihan ini. Anda juga boleh mengawal penjajaran teks menegak: Atas, Tengah atau Bawah.

6. Jarak Baris

Kawal ruang antara baris teks. Pilih daripada Rapat, Biasa atau Lebar.

7. Jidar Dalam

Laraskan ruang di sekeliling blok teks. Gunakan jidar yang sama pada semua sisi atau sesuaikan setiap sisi: Atas, Bawah, Kiri dan Kanan.

8. Pautan Sauh

Cipta pautan sauh untuk membolehkan pembaca pergi ke bahagian tertentu dalam e-mel anda. Ambil perhatian bahawa sesetengah klien e-mel tidak menyokong pautan sauh.

Blok Butang

Blok Butang membolehkan anda menambah butang yang boleh diklik ke e-mel dengan tetapan yang boleh disesuaikan untuk fungsi dan gaya.

Tetapan Pautan

Pilihan Pautan menentukan tindakan yang dicetuskan apabila penerima mengklik butang.

Jenis Pautan yang Tersedia

• Pautan Laman Biasa (HTTP atau HTTPS): Mengarahkan pengguna ke halaman web.
• Pautan 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: Tentukan 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 untuk mencerminkan seruan tindakan anda. Label lalai ialah "Butang", tetapi anda boleh menukarnya kepada pilihan seperti "Ketahui Lebih Lanjut", "Langgan Sekarang" atau "Beli Sekarang".

Gaya Teks

Tetapan Gaya Teks 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

Untuk fon bukan standard, pilihan tambahan 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 tahap ketara teks butang yang anda inginkan.
• 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: Tentukan warna teks butang. Warna lalai ialah putih (#ffffff). Pilih warna yang mempunyai kontras yang baik dengan latar belakang butang supaya mudah dibaca.

3. Warna Latar Belakang: Laraskan latar belakang bekas butang. Secara lalai, latar belakang ini telus, tetapi anda boleh menukarnya supaya butang lebih menonjol berbanding latar belakang e-mel.

Jejari Sempadan

Kawal kebulatan bucu butang menggunakan tetapan Jejari Sempadan.

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

Nota: Untuk memastikan bucu bulat dipaparkan dengan betul dalam Microsoft Outlook, aktifkan pilihan "Sokongan Outlook" dalam tab Penampilan.

Penjajaran

Letakkan butang dalam kawasan kandungannya menggunakan tetapan Penjajaran.

• Pilihan: Kiri, Tengah, Kanan.
• Penggunaan Biasa: Penjajaran tengah untuk penekanan, penjajaran kiri atau kanan untuk keseragaman reka bentuk.

Tinggi Tetap

Aktifkan pilihan Tinggi Tetap untuk mengekalkan dimensi butang yang konsisten.

1. Lalai: Dinyahaktifkan.
2. Tinggi Minimum: 44 piksel.
3. Penjajaran Menegak Kandungan: Apabila tinggi tetap diaktifkan, jajarkan kandungan butang ke Atas, Tengah atau Bawah untuk penempatan yang tepat.

Butang dengan Ikon

Pilihan Butang dengan Ikon membolehkan anda menyertakan ikon di sebelah teks butang, meningkatkan 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 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. Pertimbangkan perkara ini jika sebahagian besar khalayak anda menggunakan klien tersebut.

Tetapan Sempadan

Sesuaikan sempadan butang untuk menambah gaya dan penekanan.

• Lebar Sempadan: Tetapkan lebar bagi setiap sisi (kiri, kanan, atas dan bawah) secara berasingan, sehingga 40 piksel.
• Gaya Sempadan: Pilih gaya Pejal, Putus-putus atau Bertitik.
• Warna Sempadan: Gunakan pemilih warna atau masukkan kod heks untuk menyelaraskan warna sempadan dengan jenama atau skema reka bentuk anda.

Jidar Dalam

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

• Pilihan Penyesuaian: Tentukan nilai jidar untuk sisi Kiri, Kanan, Atas dan Bawah, sehingga maksimum 99 piksel.
• Kesan: Jidar dalam mempengaruhi saiz keseluruhan butang dan kedudukan kandungan dalam butang.

Jidar Luar

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

• Pilihan Penyesuaian: Tetapkan nilai jidar luar untuk sisi Kiri, Kanan, Atas dan Bawah, sehingga maksimum 40 piksel.
• Kes Penggunaan: 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, memberikan navigasi pantas dalam surat berita yang lebih panjang.

• Nama Sauh: Tentukan sasaran dalam e-mel dan pautkan butang ke sauh ini. Apabila diklik, e-mel akan menatal ke bahagian yang ditentukan, sekali gus memudahkan navigasi pengguna.

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

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

Uji e-mel anda dengan teliti untuk memastikan fungsi berjalan pada 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. Di bawah ialah butiran tentang dua jenis penjarak: Penjarak Biasa dan Penjarak Dinamik.

1. Penjarak Biasa

Penjarak Biasa ialah elemen garisan yang memisahkan bahagian-bahagian dalam e-mel anda 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 antara pejal, putus-putus atau bertitik.
   • Warna: Tetapkan warna tersuai menggunakan kod heks atau pemilih warna (lalai: #cccccc).

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

3. Penjajaran Jajarkan garisan ke kiri, tengah atau kanan agar sepadan dengan susun atur anda.

4. Jidar Dalam Kawal jarak dalaman di sekeliling penjarak:

   • Lalai: Jidar ditetapkan kepada 20 pada semua sisi.
   • Gunakan togol Lagi untuk menentukan jidar bagi setiap sisi:
     • Atas
     • Kanan
     • Bawah
     • Kiri

Kes Penggunaan

Penjarak Biasa sesuai untuk mewujudkan pemisahan visual yang kemas antara bahagian-bahagian dalam e-mel anda, bagi memastikan susun atur yang teratur dan profesional.

2. Penjarak Dinamik

Penjarak Dinamik ialah blok ruang kosong yang tidak kelihatan, direka untuk mewujudkan ruang dalam susun atur e-mel anda.

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 telus, tetapi anda boleh menggunakan warna latar belakang tersuai melalui kod heks atau pemilih warna. Ini membolehkan penjarak berfungsi sebagai blok yang kelihatan jika diperlukan.

3. Tingkah Laku Responsif Pilihan Penjarak Responsif 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 pemisahan tanpa elemen visual.

3. Tambah Pautan Sauh

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

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

• Microsoft Outlook
• Gmail (pada mudah alih)

Blok Video

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

1. Pautan ke Video

Tambah URL video dalam medan Pautan ke Video. Platform yang disokong termasuk YouTube, Vimeo dan perkhidmatan lain yang boleh dibenamkan.

• Tingkah Laku Automatik: Apabila URL yang sah ditambah:

  • Imej pratonton dijana secara automatik menggunakan lakaran kecil video daripada platform tersebut.
  • Medan Teks Alternatif diisi secara automatik dengan tajuk atau penerangan video (jika tersedia).

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

2. Teks Alternatif

Medan Teks Alternatif memastikan 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: Hidupkan pilihan Lakaran Kecil Tersuai.
• Format yang Disokong: PNG, JPG atau GIF.
• Bila Hendak Digunakan: Gantikan lakaran kecil yang dijana apabila ia tidak sepadan dengan reka bentuk e-mel anda.

4. Butang Main

Sesuaikan Butang Main tindanan untuk lakaran kecil video.

• Pilihan yang Tersedia:
  • Pilih daripada gaya butang main YouTube, Vimeo atau gaya lain.
  • Pilih “Tiada” untuk menyembunyikan butang main sepenuhnya.

5. Saiz

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

• Lebar dan Tinggi: Gunakan butang + dan - atau masukkan nilai secara manual untuk mengawal saiz.
• Reka Bentuk Responsif: Pastikan video dipaparkan dengan lancar pada pelbagai peranti.

6. Laraskan kepada Lebar

Aktifkan togol Laraskan kepada Lebar supaya video memenuhi lebar bekasnya secara automatik. Ini memastikan video mengekalkan reka bentuk responsif pada pelbagai peranti.

7. Imej Responsif

Togol Imej Responsif memastikan lakaran kecil video dilaraskan agar sepadan dengan lebar skrin pada peranti mudah alih.

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

8. Penjajaran

Gunakan tetapan Penjajaran untuk mengawal kedudukan mendatar video dalam blok:

• Kiri: Menjajarkan video ke kiri.
• Tengah: Menengahkan video.
• Kanan: Menjajarkan video ke kanan.

9. Pilihan Khusus Mudah Alih

Sesuaikan tingkah laku dan penampilan video pada peranti mudah alih:

1. Sembunyikan Elemen pada 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 Mudah Alih Laraskan jidar di sekeliling video untuk paparan mudah alih.

   • Gunakan togol Lagi untuk menetapkan nilai jidar individu bagi:
     • Atas
     • Kanan
     • Bawah
     • Kiri

10. Sertakan dalam AMPHTML atau HTML

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

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

Pilihan ini memastikan video disertakan dengan sewajarnya berdasarkan versi e-mel yang dihantar.

Blok HTML

Blok HTML membolehkan anda menyisipkan kod HTML dan CSS tersuai ke dalam e-mel, menawarkan fleksibiliti untuk penyesuaian lanjutan sambil mengekalkan keserasian dengan klien e-mel. Sama ada anda menambah satu elemen HTML atau mereka bentuk keseluruhan e-mel, blok ini ialah alat anda untuk reka bentuk yang disesuaikan.

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 suai kod tersuai. Editor ini mengandungi dua bahagian:

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

2. Pelarasan Saiz Fon

Laraskan saiz fon kod dalam editor untuk kebolehbacaan yang lebih baik:

• Gunakan butang A+ untuk meningkatkan saiz fon.
• Gunakan butang A- untuk mengurangkan saiz fon.

3. Pelarasan Saiz Tetingkap Editor

Ubah saiz tetingkap editor kod mengikut keutamaan kerja anda:

• Cara Melaras:
  • Halakan kursor ke tiga titik di bahagian tengah atas tetingkap editor.
  • Seret kawalan pelungsur ke atas atau ke bawah untuk menambah atau mengurangkan saiz editor.

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

4. Editor CSS

Editor CSS membolehkan anda mengurus gaya untuk kandungan HTML dan boleh diakses melalui butang di penjuru kanan atas editor kod.

Pertimbangan Penting:

• Sokongan Terhad: Banyak klien e-mel tidak menyokong ciri CSS lanjutan seperti Flexbox, Grid atau pertanyaan media.
• Gunakan Asas: Gunakan CSS sebaris asas untuk keserasian maksimum.
• Gaya Diprakonfigurasi: Elakkan memadam gaya yang telah diprakonfigurasi kerana gaya tersebut memastikan pemaparan yang betul merentas klien e-mel utama.

5. Keserasian Klien E-mel

HTML e-mel memerlukan perhatian khusus disebabkan enjin pemaparan yang lapuk dalam banyak klien e-mel.

Garis 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.
• Jangkakan tingkah laku yang tidak konsisten untuk pertanyaan media dan sifat CSS kecil.
• Pengujian: Sentiasa uji e-mel dalam berbilang klien (contohnya Gmail, Outlook, Apple Mail) untuk memastikan pemaparan yang betul.

6. Jidar Dalam

Tetapan Jidar Dalam melaraskan ruang di sekeliling kandungan HTML anda:

• Jidar Dalam Lalai: Ditetapkan kepada 0 secara lalai.
• Jidar Dalam Tersuai: Aktifkan togol Lagi untuk melaraskan jidar individu bagi:
  • Atas
  • Kanan
  • Bawah
  • Kiri

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

7. Tambah Pautan Sauh

Ciri Tambah Pautan Sauh membolehkan anda mencipta pautan yang boleh diklik di tempat lain dalam e-mel untuk pergi ke Blok HTML.

Cara Menggunakan:

• Hidupkan pilihan tersebut dan masukkan nama sauh dalam medan.

Had:

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

8. Menulis HTML Tersuai

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

Amalan Terbaik:

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

9. Petua untuk Berjaya

1. Mulakan Secara Kecil: Gunakan Blok HTML untuk bahagian tertentu jika anda baharu dalam pembangunan e-mel.
2. Sahkan Kod: Pastikan HTML anda mematuhi keperluan klien e-mel.
3. Uji dengan Teliti: Gunakan alat untuk melihat pratonton dan menguji e-mel anda merentas pelbagai klien dan peranti.