Pengaturan Tampilan Editor Email Stripo

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

Tab Appearance memungkinkan Anda mengontrol gaya global email, seperti font, warna latar belakang, gaya tombol, dan pemformatan khusus perangkat seluler. Dengan demikian, tampilan email tetap konsisten dan adaptif di berbagai perangkat serta klien email.

Berikut penjelasan terperinci tentang setiap bagian dalam Tab Appearance.

---

1. Pengaturan Umum

Sesuaikan tampilan dan perataan email secara keseluruhan. Pengaturan ini diterapkan secara global di semua bagian.

• Perataan Pesan: Ratakan konten email ke Kiri, Tengah, atau Kanan.
• Padding Default: Atur jarak seragam di sekitar struktur baru atau sesuaikan padding setiap sisi (Atas, Kanan, Bawah, Kiri) secara terpisah.
• Warna Latar Belakang Umum: Atur warna latar belakang email menggunakan kode heksadesimal atau pemilih warna.
• Font: Pilih font standar seperti Arial, Helvetica, atau font dekoratif seperti Roboto dan Lato.
• Jarak Baris: Sesuaikan jarak antarbaris dengan empat opsi yang telah ditentukan.
• Jarak Bawah Paragraf: Aktifkan atau nonaktifkan jarak antarparagraf.
• Garis Bawah Tautan: Secara otomatis memberi garis bawah pada semua tautan di email (aktif/nonaktif).
• Desain Responsif: Aktifkan untuk memastikan email menyesuaikan diri dengan berbagai ukuran layar, terutama perangkat seluler.
• Arah Teks RTL: Aktifkan untuk bahasa seperti Arab atau Ibrani.
• Gambar Latar Belakang: Tambahkan gambar latar belakang dengan opsi untuk menautkannya. Seret dan lepas untuk mengunggah gambar.

---

2. Stripe

Stripe mewakili bagian struktural besar dalam email Anda (misalnya Header, Konten, Footer, Area Info). Setiap stripe dapat diberi gaya secara terpisah.

Stripe Header

• Ukuran Teks: Sesuaikan ukuran teks header (8–72).
• Warna Latar Belakang: Atur warna latar belakang solid atau biarkan transparan.
• Warna Latar Belakang Konten: Sesuaikan warna latar belakang di dalam bagian header.
• Warna Font: Tentukan warna teks.
• Warna Tautan: Atur warna tautan navigasi atau tautan header lainnya.
• Gambar Latar Belakang: Tambahkan gambar latar belakang opsional.

Stripe Konten

Bagian utama email Anda untuk teks, gambar, dan elemen interaktif.

• Ukuran Teks: Sesuaikan ukuran teks konten (8–72).
• Warna Latar Belakang Konten: Tentukan warna latar belakang area konten utama.
• Warna Font: Atur warna default teks.
• Warna Tautan: Sesuaikan warna tautan.

Stripe Footer

Biasanya digunakan untuk detail kontak, informasi hukum, atau tautan media sosial.

• Ukuran Teks: Atur ukuran teks (8–72).
• Warna Latar Belakang: Pilih latar belakang solid atau biarkan transparan.
• Warna Latar Belakang Konten: Tentukan latar belakang bagian dalam footer.
• Warna Font: Atur warna font.
• Warna Tautan: Sesuaikan warna tautan footer.
• Gambar Latar Belakang: Tambahkan gambar dengan tautan yang dapat diklik secara opsional.

Stripe Area Info

Digunakan untuk penafian, pemberitahuan hukum, atau informasi tambahan.

• Ukuran Teks: Tentukan ukuran font (8–72).
• Warna Font: Atur warna font.
• Warna Tautan: Sesuaikan warna tautan di stripe ini.

---

3. Heading

Tentukan gaya visual heading (H1, H2, H3) untuk hierarki dan struktur email Anda.

• Font: Pilih font untuk heading.
• Jarak Baris: Sesuaikan jarak antarbaris agar mudah dibaca.
• Ukuran Heading: Sesuaikan ukuran heading H1, H2, dan H3 (8–72).
• Gaya Teks: Terapkan gaya Tebal atau Miring.
• Warna Font: Atur warna unik untuk setiap jenis heading.

---

4. Tombol

Desain tombol di email Anda untuk meningkatkan interaksi.

• Dukungan Outlook: Aktifkan untuk memastikan tampilan yang tepat di Microsoft Outlook menggunakan kode VML (dapat meningkatkan ukuran email).
• Warna Tombol: Atur warna default tombol.
• Sorot Tombol saat Diarahkan: Aktifkan atau nonaktifkan efek warna saat kursor diarahkan.
  • Warna Hover: Pilih warna hover.
• Warna Font: Tentukan warna teks tombol.
• Gaya Teks:
  • Font: Pilih font untuk teks tombol.
  • Ukuran Font: Sesuaikan ukuran teks (8–72).
  • Gaya: Terapkan gaya teks Tebal atau Miring.
• Radius Batas: Bulatkan sudut tombol (0–100).
• Batas:
  • Jenis: Pilih batas solid, putus-putus, atau bertitik.
  • Warna: Tentukan warna batas.
• Padding: Sesuaikan padding internal tombol (Atas, Kanan, Bawah, Kiri).

---

5. Pemformatan Seluler

Pastikan email Anda tampil dengan baik di perangkat seluler menggunakan pengaturan khusus seluler.

• Ukuran Teks Header, Konten, Footer, dan Area Info: Sesuaikan ukuran teks untuk setiap bagian di perangkat seluler.
• Ukuran Font Item Menu: Sesuaikan ukuran font untuk item menu navigasi.
• Ukuran Heading: Atur ukuran H1, H2, dan H3 untuk tampilan seluler.
• Perataan Heading: Ratakan heading (Kiri, Tengah, Kanan).
• Ukuran Teks Tombol: Sesuaikan ukuran teks tombol untuk perangkat seluler.
• Tombol Lebar Penuh: Aktifkan tombol agar memenuhi seluruh lebar layar.
• Padding Atas dan Bawah: Sesuaikan padding agar tampilan seluler lebih baik.
• Margin Konten: Sesuaikan margin di sekitar konten untuk perangkat seluler (0–100).

---

Catatan Akhir

• Pengujian: Selalu uji email Anda di berbagai perangkat dan klien email untuk memastikan konsistensi.
• Aksesibilitas: Gunakan font yang mudah diakses, struktur heading yang tepat, dan teks alternatif untuk gambar agar email dapat diakses semua orang.
• Optimasi: Minimalkan ukuran file untuk pemuatan yang lebih cepat dan performa yang lebih baik, terutama bagi pengguna perangkat seluler.