LUXEE HELPS
Tampilan Portal Agensi Kaku? Ini Cara Edit Style Tampilan Luxee Toolkit!
📌 Mengapa Kustomisasi Visual Portal Toolkit itu Krusial?
Halaman portal toolkit adalah wajah layanan agensi Anda di hadapan klien. Jika tampilan portal menggunakan warna default yang tidak selaras dengan identitas brand agensi, klien akan merasa kurang yakin dengan profesionalisme Anda. Menyesuaikan palet warna, tipografi judul, lebar container, dan gaya hover tombol generator menciptakan kesan prestige dan profesional yang meningkatkan kepercayaan klien.
Bayangkan Anda memiliki brand agensi undangan adat Jawa dengan identitas warna Cokelat Sogan dan Emas Batik. Jika portal toolkit Anda masih menampilkan warna biru-abu default Elementor, klien yang membuka halaman tersebut akan langsung merasakan ketidakselarasan antara tampilan website dan identitas agensi. Menyetel warna, font, dan gaya visual portal agar satu nafas dengan brand guide agensi Anda memperkuat kepercayaan visual (visual trust) klien secara signifikan.
✨ Checklist Kustomisasi Visual
- Brand Guide Agensi: Siapkan kode warna HEX atau RGB utama dan sekunder brand agensi Anda (misal:
#5C3D11untuk cokelat sogan premium). - Font Khas Agensi: Tentukan jenis tipografi heading (H1/H2) dan body text yang mewakili estetika agensi Anda, bisa diunduh dari Google Fonts atau diimpor via Use Any Font.
- Gaya Tombol Konsisten: Selaraskan bentuk sudut (border-radius) tombol-tombol generator agar satu gaya dengan tombol-tombol di halaman undangan utama klien.
🛠️ Langkah Mengedit Style Tampilan Toolkit
Langkah 1: Mengakses Tab Style di Elementor
Buka halaman portal toolkit di editor Elementor. Klik pada elemen Section, Container, atau Widget yang ingin Anda ubah tampilannya, lalu pindah ke tab **Style** di panel pengaturan sebelah kiri.
Langkah 2: Menyesuaikan Warna & Tipografi
Di tab Style, atur warna latar belakang (Background Color) container, warna teks (Color) pada widget heading dan paragraf, serta warna fill dan warna hover pada setiap tombol generator. Gunakan kode HEX brand agensi Anda untuk memastikan konsistensi warna di seluruh elemen.
Langkah 3: Menonton Video Demo Edit Style Toolkit
Silakan saksikan rekaman panduan video berikut untuk melihat demonstrasi visual lengkap cara mengedit tampilan gaya portal toolkit:
Manfaatkan fitur **Global Colors** dan **Global Fonts** di menu Site Settings Elementor. Dengan mendaftarkan warna dan font brand Anda sekali saja di sana, perubahan otomatis akan diterapkan secara serentak ke seluruh elemen halaman portal toolkit tanpa perlu mengubah satu per satu.
🔗 Modul Panduan Terkait
Lengkapi konfigurasi portal toolkit Anda dengan panduan berikutnya:
💡 Pertanyaan Sering Ditanya (FAQ)
Tidak, selama Anda menggunakan Global Colors yang berbeda atau mengubah warna secara lokal (per-elemen) di halaman toolkit. Perubahan style di halaman toolkit bersifat independen dan tidak akan mengubah desain halaman undangan klien di halaman lain.
Klik pada Container atau Section utama halaman, masuk ke tab Style, lalu ubah Background Type menjadi Classic dan pilih warna gelap (misal #1A1A1A atau #0D0D0D). Jangan lupa sesuaikan juga warna teks dan tombol agar tetap kontras terbaca di atas latar gelap tersebut.
Pastikan file font kustom Anda sudah terdaftar dan diaktifkan dengan benar melalui plugin Use Any Font. Jika menggunakan Google Fonts bawaan Elementor, aktifkan opsi Load Google Fonts Locally di pengaturan performa Elementor agar font tampil konsisten di semua perangkat tanpa bergantung pada koneksi server Google.