Helpdesk Malakatech
Mengenal Panel dan Widget Elementor untuk Pemula
Mengenal Tampilan Editor Elementor
Saat pertama kali membuka Elementor, kamu akan melihat dua area utama: Panel di sebelah kiri dan Canvas (area preview) di sebelah kanan. Memahami kedua area ini adalah kunci untuk bekerja efisien dengan Elementor.
Area Panel (Kiri)
Panel Elementor terdiri dari beberapa bagian penting:
- Tab Elements: Berisi semua widget yang bisa kamu drag ke canvas
- Tab Global: Pengaturan warna dan font global untuk seluruh website
- Navigator: Menampilkan struktur hierarki halaman (Section → Column → Widget)
- History: Riwayat perubahan, bisa undo/redo
Widget-Widget Penting di Elementor Free
- Heading: Untuk judul halaman dengan pilihan H1-H6
- Text Editor: Konten paragraf, mirip editor WordPress biasa
- Image: Menampilkan gambar dengan berbagai pilihan ukuran dan efek
- Button: Tombol CTA dengan kustomisasi lengkap
- Icon: Ikon dari library Font Awesome
- Divider: Garis pemisah antar section
- Spacer: Menambahkan jarak kosong
- Video: Embed video YouTube atau Vimeo
- Google Maps: Tampilkan lokasi bisnis
- Image Gallery: Galeri foto dengan lightbox
Struktur Halaman: Section, Column, Widget
Halaman Elementor tersusun dalam 3 lapisan hierarki:
- Section: Baris horizontal, wadah terbesar. Satu halaman bisa punya banyak section.
- Column: Kolom di dalam section. Satu section bisa dibagi menjadi 1-6 kolom.
- Widget: Konten aktual (teks, gambar, tombol) yang diletakkan di dalam kolom.
Tips Bekerja di Panel
- Gunakan Ctrl+Z untuk undo perubahan
- Klik kanan pada elemen untuk akses menu cepat (duplicate, delete, save as template)
- Gunakan Navigator untuk memilih elemen yang sulit diklik di canvas
