aioberdaya – Jika kamu baru mulai menggunakan WordPress dan ingin membuat website dengan tampilan menarik, cara install Elementor adalah langkah pertama yang perlu kamu pelajari.
Elementor adalah plugin pembuat halaman yang memungkinkanmu merancang situs web tanpa memerlukan keterampilan pengkodean.
Dalam artikel ini, kami akan membahas cara install Elementor di WordPress, serta mengatasi masalah umum yang mungkin kamu temui selama instalasi. Simak penjelasan lengkapnya untuk memulai perjalanan desain webmu.
Persyaratan Sebelum Install Elementor
Untuk menginstal dan menjalankan Elementor, pembuat halaman WordPress yang populer, ada beberapa persyaratan sebelum Install Elementor yang perlu kamu penuhi:
Persyaratan Sistem Minimum
- Versi WordPress: Pastikan kamu menggunakan WordPress versi 5.0 atau lebih baru.
- Versi PHP: Server harus mendukung PHP versi 7.0 atau lebih baru untuk keamanan yang lebih baik.
- Versi MySQL: Minimal MySQL 5.6 atau MariaDB 10.0 diperlukan untuk pengelolaan database.
- Batas Memori WP: Disarankan memiliki batas memori setidaknya 128 MB, dengan 256 MB atau lebih tinggi untuk performa optimal, terutama saat menggunakan Elementor Pro.
- Pengaturan X-Frame Options: Atur ke “same origin” untuk menghindari masalah saat mengedit.
- Ekstensi PHP Z-Lib: Mengaktifkan ekstensi ini disarankan untuk fungsi yang lebih baik.
Kompatibilitas Browser dan Perangkat
- Browser yang Didukung: Elementor kompatibel dengan Google Chrome, Firefox, dan Safari. Pengeditan tidak didukung di Microsoft Edge versi lebih lama dari 79 atau Internet Explorer.
- Persyaratan Perangkat: Elementor hanya dapat digunakan di komputer desktop; perangkat mobile dan tablet tidak didukung untuk pengeditan.
Cara Install Elementor
Berikut penjelasan terkait cara install Elementor baik di WordPress dan Localhost, antaralain:
1. Cara Install Elementor di WordPress
- Login ke Dashboard WordPress: Masuk ke halaman admin dengan mengunjungi URL
namadomain.com/wp-admin
. - Navigasi ke Menu Plugins: Setelah berhasil login, cari menu Plugins di sidebar dan klik Add New.
- Cari Plugin Elementor: Di kolom pencarian, ketik “Elementor” dan tekan enter. Temukan plugin Elementor dalam hasil pencarian.
- Instal Plugin: Klik tombol Install Now pada plugin Elementor yang muncul di hasil pencarian.
- Aktifkan Plugin: Setelah proses instalasi selesai, klik tombol Activate untuk mengaktifkan plugin tersebut.
- Siap Digunakan: Setelah aktif, kamu akan melihat tombol Edit With Elementor di editor postingan dan halaman, yang memungkinkan kamu untuk mulai menggunakan Elementor.
2. Cara Install Elementor dengan Mengunggah Plugin ke WordPress
- Unduh Elementor: Kunjungi situs Elementor dan klik Free Download.
- Masuk ke Admin WordPress: Akses dasbor WordPress kamu.
- Navigasi ke Plugins: Klik Plugins, lalu pilih Add New.
- Unggah Plugin: Klik Upload Plugin di bagian atas halaman.
- Pilih File: Pilih file ZIP Elementor yang telah diunduh dan klik Install Now.
- Aktifkan Plugin: Klik Activate Plugin setelah instalasi selesai.
- Mulai Membangun: Gunakan Edit with Elementor untuk mendesain halaman.
3. Cara Install Elementor di Localhost
- Setup Localhost: Pastikan kamu sudah menjalankan server lokal (XAMPP/MAMP) dan WordPress telah terinstal di dalamnya.
- Login ke Dashboard WordPress: Akses dashboard WordPress kamu di localhost.
- Navigasi ke Menu Plugins: Pilih menu Plugins, lalu klik Add New.
- Cari dan Instal Elementor: Ketik “Elementor” di kolom pencarian, kemudian klik Install Now pada plugin yang sesuai.
- Aktifkan Plugin: Setelah instalasi selesai, klik tombol Activate untuk mengaktifkan plugin.
- Mulai Menggunakan Elementor: Sekarang kamu dapat menggunakan Elementor dengan memilih opsi Edit With Elementor pada halaman atau postingan yang ingin diedit.
Cara Install Elementor Pro
Berikut penjelasan terkait cara install Elementor Pro baik di WordPress dan Localhost, antaralain:
1. Cara Install Elementor Pro di WordPress
- Instal Elementor Core: Sebelum menginstal Elementor Pro, pastikan kamu sudah menginstal versi gratisnya. Masuk ke dashboard WordPress, navigasi ke Plugins > Add New, cari “Elementor,” dan instal versi gratisnya.
- Beli Elementor Pro: Kunjungi situs resmi Elementor, pilih paket yang sesuai, dan selesaikan pembelian. Setelah membeli, kamu akan menerima email dengan tautan untuk mengunduh plugin Elementor Pro.
- Unduh Plugin: Masuk ke dashboard My Elementor kamu. Klik ikon unduh untuk mendapatkan file zip Elementor Pro.
- Unggah Plugin:
- Di dashboard WordPress kamu, pergi ke Plugins > Add New.
- Klik tombol Upload Plugin di bagian atas.
- Pilih file zip Elementor Pro yang sudah diunduh dan klik Install Now.
- Aktifkan Plugin: Setelah instalasi selesai, klik Activate Plugin. Kamu akan diminta untuk menghubungkan dan mengaktifkan lisensimu. Ikuti instruksi untuk masuk ke akun Elementor kamu dan aktifkan kunci lisensinya.
2. Cara Install Elementor Pro di Localhost
- Setup Localhost dengan WordPress: Pastikan kamu sudah menjalankan server lokal dan WordPress telah terinstal.
- Instal Elementor Core: Sama seperti instalasi online, pertama-tama instal versi gratis Elementor dengan pergi ke Plugins > Add New, cari “Elementor,” dan aktifkan.
- Beli dan Unduh Elementor Pro: Beli Elementor Pro dari situs resmi dan unduh file zip dari dashboard My Elementor kamu.
- Unggah dan Instal Plugin:
- Akses dashboard WordPress lokal kamu.
- Pergi ke Plugins > Add New.
- Klik Upload Plugin, pilih file zip Elementor Pro yang sudah diunduh, dan klik Install Now.
- Aktifkan dan Hubungkan Lisensimu: Setelah instalasi, klik Activate Plugin. Kamu perlu menghubungkan akun Elementor kamu dengan masuk dan mengaktifkan kunci lisensinya.
Cara Install Addons Elementor
Berikut penjelasan terkait cara install Addons Elementor baik di WordPress dan Localhost, antaralain:
1. Cara Install Addons Elementor di WordPress
- Pastikan Elementor Terpasang – Masuk ke Dashboard WordPress > Plugins > Tambah Baru, cari “Elementor”, lalu Pasang & Aktifkan.
- Pilih Addons – Pilih addons yang sesuai, seperti Essential Addons atau Ultimate Addons.
- Instal Addons – Masuk ke Plugins > Tambah Baru, cari addons, klik Pasang Sekarang.
- Aktifkan Addons – Klik Aktifkan setelah instalasi selesai.
- Konfigurasi & Gunakan – Atur pengaturan di menu Elementor, lalu gunakan fitur barunya di editor.
2. Cara Install Addons Elementor di Localhost
- Siapkan Localhost & WordPress – Jalankan XAMPP/MAMP dan instal WordPress.
- Instal Elementor – Sama seperti di situs live, pasang melalui Plugins > Tambah Baru.
- Unduh Addons – Download file .zip dari situs resmi addons pilihanmu.
- Unggah & Instal – Masuk ke Plugins > Tambah Baru > Unggah Plugin, pilih file, lalu Pasang & Aktifkan.
- Gunakan di Elementor – Cek pengaturan addons dan mulai pakai fitur barunya di editor.
Cara Install Template Kit Elementor di WordPress
Berikut penjelasan terkait cara install Template Kit Elementor baik di WordPress dan Localhost, antaralain:
1. Cara Install Template Kit Elementor di WordPress
- Pastikan Elementor Terpasang – Masuk ke Plugins > Tambah Baru, cari “Elementor”, lalu Pasang & Aktifkan.
- Download Template Kit – Unduh dari marketplace seperti Envato Elements (format .zip).
- Instal Plugin Import – Cari “Template Kit – Import” di Plugins > Tambah Baru, lalu Pasang & Aktifkan.
- Impor Template – Masuk ke Tools > Template Kit, unggah file .zip, lalu ikuti proses impor.
- Gunakan & Edit – Buka Templates > Saved Templates, edit halaman dengan Edit dengan Elementor, lalu pilih template dari ikon folder.
- Sesuaikan Desain – Gunakan fitur drag-and-drop Elementor untuk mengedit sesuai kebutuhan.
2. Cara Install Template Kit Elementor di Localhost
- Siapkan Localhost & WordPress – Jalankan XAMPP/MAMP dan instal WordPress.
- Instal Elementor – Seperti di situs live, pasang melalui Plugins > Tambah Baru.
- Unduh Template Kit – Download file .zip dari sumber pilihan.
- Instal Plugin Import – Cari “Template Kit – Import” di Plugins > Tambah Baru, lalu Pasang & Aktifkan.
- Impor Template – Masuk ke Tools > Template Kit, unggah file, dan ikuti proses impor.
- Gunakan & Edit – Masuk ke Templates > Saved Templates, edit halaman dengan Edit dengan Elementor, lalu pilih template.
- Sesuaikan Desain – Edit dengan Elementor agar sesuai dengan kebutuhan desainmu.
Cara Install Tema di Elementor
- Akses Dashboard WordPress – Masuk ke Tampilan > Tema.
- Tambah Tema Baru – Klik Tambah Baru, cari tema, atau unggah file .zip.
- Pilih Tema Elementor – Gunakan tema seperti Hello Elementor untuk performa optimal.
- Instal & Aktifkan – Klik Instal, lalu Aktifkan.
- Sesuaikan Tema – Pergi ke Tampilan > Kustomisasi.
- Gunakan Elementor – Edit halaman dengan Edit dengan Elementor.
Cara Install Tema Hello Elementor
Berikut penjelasan terkait cara install Tema Hello Elementor baik di WordPress dan Localhost, antaralain:
1. Cara Install Tema Hello Elementor di WordPress
- Masuk ke Dashboard WordPress – Pergi ke Tampilan > Tema.
- Tambah Tema Baru – Klik Tambah Baru, lalu cari “Hello Elementor”.
- Instal & Aktifkan – Klik Instal, lalu Aktifkan.
- Sesuaikan Tema (Opsional) – Pergi ke Tampilan > Kustomisasi.
- Gunakan Elementor – Edit halaman dengan Edit dengan Elementor.
Cara Install Tema Hello Elementor di WordPress Secara Manual
- Unduh Hello Elementor (.zip) dari situs resminya.
- Unggah ke WordPress – Masuk ke Tampilan > Tema > Tambah Baru > Unggah Tema.
- Instal & Aktifkan.
2. Cara Install Tema Hello Elementor di Localhost
- Jalankan Localhost & WordPress – Pastikan XAMPP/MAMP aktif.
- Masuk ke Dashboard Lokal – Akses localhost/nama-situs/wp-admin.
- Tambahkan Tema – Masuk ke Tampilan > Tema, cari “Hello Elementor”, lalu Instal & Aktifkan.
- Sesuaikan & Edit – Gunakan Tampilan > Kustomisasi dan edit dengan Elementor.
Cara Install Font di Elementor
Kamu bisa menginstal font kustom di Elementor dengan dua cara, tergantung apakah kamu menggunakan Elementor Pro atau versi gratis.
1. Cara Install Font di Elementor Gratis
- Masuk ke Dashboard WordPress → Pergi ke Elementor > Custom Fonts.
- Tambahkan Font Baru → Klik Tambah Baru, beri nama font (misalnya, “Custom Font 1”).
- Unggah Variasi Font → Klik Tambah Variasi Font, lalu unggah file font WOFF, WOFF2, TTF, SVG, atau EOT.
- Atur Berat & Gaya Font → Pilih normal, italic, bold, dll.
- Publikasikan Font → Klik Terbitkan untuk menyimpan.
- Gunakan di Elementor → Edit teks dengan Elementor, lalu pilih font kustom dari Pengaturan Tipografi.
2. Cara Install Font di Elementor Pro
Karena versi gratis Elementor tidak mendukung font kustom secara bawaan, kamu perlu menggunakan plugin tambahan.
- Install Plugin Custom Fonts → Masuk ke Plugin > Tambah Baru, cari “Custom Fonts”, lalu Instal & Aktifkan.
- Unggah Font Kustom → Pergi ke Tampilan > Custom Fonts, klik Tambah Font Baru, lalu unggah file font OTF, TTF, WOFF, atau WOFF2.
- Simpan Pengaturan → Pastikan semua variasi font sudah diunggah, lalu klik Simpan.
- Gunakan di Elementor → Saat mengedit teks di Elementor, pilih font kustom dari Pengaturan Tipografi.
Cara Mengatur Elementor Setelah Instalasi di WordPress
Setelah menginstal Elementor, ikuti langkah-langkah berikut untuk mengaturnya dengan benar:
- Masuk ke Dashboard WordPress → Akses admin WordPress kamu.
- Pastikan Elementor Terinstal & Aktif:
- Jika belum, masuk ke Plugin > Tambah Baru, cari “Elementor”, lalu Instal & Aktifkan.
- Untuk Elementor Pro, unggah file zip melalui Plugin > Tambah Baru > Unggah Plugin, lalu Aktifkan dan masukkan lisensi di Elementor > License.
- Atur Elementor: Pergi ke Elementor > Settings untuk menyesuaikan:
- Jenis Konten: Pilih post atau halaman yang bisa menggunakan Elementor.
- Peran Pengguna: Tentukan siapa yang bisa mengedit dengan Elementor.
- Font Default: Atur font bawaan jika font kustom tidak dimuat.
- Buat Halaman Pertama dengan Elementor: Masuk ke Halaman > Tambah Baru, beri judul, lalu klik Edit dengan Elementor.
- Kenali Editor Elementor: Di sebelah kiri ada panel widget, dan di kanan adalah preview langsung. Seret dan lepas elemen seperti teks, gambar, atau tombol ke halaman.
- Sesuaikan Desain: Klik elemen untuk mengedit gaya, tata letak, dan pengaturan lanjutan. Gunakan Mode Responsif untuk memastikan tampilan mobile optimal.
- Simpan & Publikasikan: Klik Publikasikan setelah selesai mengedit.
- Gunakan Template (Opsional): Klik ikon folder di editor untuk mengakses template siap pakai yang bisa langsung digunakan.
Masalah Umum Saat Instalasi Elementor & Cara Mengatasinya
Berikut adalah beberapa masalah umum yang sering terjadi saat menginstal Elementor, beserta cara mengatasinya untuk memastikan proses instalasi berjalan lancar.
- Ketidakcocokan Versi WordPress & PHP: Elementor membutuhkan WordPress versi 5.0 ke atas dan PHP versi 7.0 atau lebih tinggi. Pastikan kedua versi tersebut sudah diperbarui sebelum menginstal Elementor agar proses instalasi berjalan lancar.
- Konflik dengan Plugin atau Tema: Jika Elementor tidak bisa diinstal, coba nonaktifkan semua plugin selain Elementor dan ganti tema ke tema bawaan WordPress (misalnya Twenty Twenty-One) untuk memastikan tidak ada konflik dengan plugin atau tema lain.
- Konfigurasi Server Tidak Sesuai: Pastikan server hosting kamu memenuhi kebutuhan Elementor, seperti batas memori dan waktu eksekusi yang cukup. Cek dengan penyedia hosting untuk memastikan server kamu sudah sesuai.
- Izin File Tidak Tepat: Periksa izin file dan folder WordPress kamu. Izin yang benar adalah 755 untuk folder dan 644 untuk file. Jika tidak sesuai, instalasi bisa terhambat.
- Batas Memori Terlalu Rendah: Jika mengalami masalah memori, kamu bisa menambah batas memori WordPress dengan menambahkan kode berikut di file wp-config.php:
define('WP_MEMORY_LIMIT', '256M');
Ini dapat mengatasi masalah memori yang menyebabkan Elementor gagal diinstal. - Versi Lama Elementor Sudah Terinstal: Jika ada versi lama Elementor yang terpasang, uninstall terlebih dahulu sebelum mencoba instalasi versi terbaru agar tidak terjadi masalah kompatibilitas.
- Masalah Cache: Plugin cache dapat menyebabkan konflik selama instalasi. Jika kamu menggunakan plugin cache, coba nonaktifkan atau bersihkan cache terlebih dahulu sebelum melanjutkan instalasi Elementor.
- Gangguan dari Browser: Kadang, masalah browser atau ekstensi dapat menghalangi instalasi. Cobalah menggunakan browser lain atau membersihkan cache dan cookie di browser yang kamu pakai.
Jasa Instalasi Elementor Pro Murah
Apakah kamu ingin memaksimalkan potensi website WordPress kamu dengan Elementor Pro? Kami menawarkan jasa instalasi Elementor Pro yang cepat dan profesional!
Dengan pengalaman bertahun-tahun dalam pengembangan website, kami akan memastikan bahwa plugin Elementor Pro terpasang dengan sempurna dan siap digunakan untuk menciptakan desain yang menarik dan fungsional.
Dengan Elementor Pro, kamu akan mendapatkan akses ke lebih dari 90 widget canggih, kemampuan untuk menyesuaikan header dan footer, serta fitur Popup Builder yang memungkinkan kamu menarik perhatian pengunjung dengan cara yang kreatif.
Jangan lewatkan kesempatan untuk meningkatkan tampilan dan performa website kamu! Kunjungi halaman jasa instalasi Elementor Pro atau hubungi kami sekarang juga di +62 822-1456-0769 dan mulailah perjalananmu menuju website yang lebih profesional dan menarik!
Baca Juga:
Pertanyaan yang Sering Diajukan terkait Topik Elementor
Berikut adalah beberapa pertanyaan yang sering diajukan (FAQ) mengenai Elementor beserta jawabannya:
1. Apa itu Elementor?
Elementor adalah plugin pembuat halaman WordPress yang memungkinkan kamu membuat dan menyesuaikan situs web menggunakan antarmuka drag-and-drop tanpa memerlukan keterampilan pemrograman. Plugin ini menyediakan berbagai widget dan template untuk mempercantik desain situsmu.
2. Apakah Elementor kompatibel dengan semua tema?
Ya, Elementor dapat digunakan dengan sebagian besar tema WordPress. Namun, untuk kinerja dan kompatibilitas terbaik, disarankan menggunakan tema yang dibangun khusus untuk Elementor, seperti tema Hello Elementor.
3. Dapatkah saya menggunakan Elementor dengan plugin WordPress lainnya?
Ya, Elementor kompatibel dengan berbagai plugin WordPress. Namun, beberapa plugin mungkin bertentangan dengan fungsionalitas Elementor, jadi penting untuk menguji kompatibilitas saat menambahkan plugin baru.
4. Apa itu Elementor Pro?
Elementor Pro adalah versi premium dari plugin Elementor yang menawarkan fitur tambahan seperti widget lanjutan, pembuat tema, pembuat popup, dan lebih banyak opsi penyesuaian. Elementor Pro memerlukan langganan berbayar.
5. Bagaimana cara menambahkan bagian FAQ di situs web menggunakan Elementor?
Untuk menambahkan bagian FAQ:
- Buka halaman tempat kamu ingin menambahkan FAQ.
- Klik “Edit with Elementor.”
- Cari widget Accordion atau Toggle di panel Elementor.
- Seret dan lepas widget ke halaman.
- Sesuaikan pertanyaan dan jawaban sesuai kebutuhan.
6. Bisakah saya menambahkan font kustom di Elementor?
Ya, kamu bisa menambahkan font kustom di versi Elementor gratis maupun Pro. Di Elementor Pro, kamu bisa mengunggah font kustom langsung melalui fitur Custom Fonts di Elementor > Custom Fonts. Untuk versi gratis, kamu mungkin perlu menggunakan plugin untuk mengunggah font kustom.
7. Bagaimana cara mengatasi masalah umum saat instalasi Elementor?
Masalah umum saat instalasi meliputi:
- Masalah kompatibilitas dengan versi WordPress atau PHP.
- Konflik dengan plugin atau tema lain.
- Kekurangan sumber daya server (batas memori). Untuk mengatasi masalah, pastikan lingkunganmu memenuhi persyaratan Elementor, nonaktifkan plugin yang bertentangan, dan periksa pengaturan server.
Ya, kamu bisa membuat halaman FAQ menggunakan widget bawaan Elementor seperti Accordion atau Toggle tanpa pengetahuan pengkodean. Cukup seret dan lepas widget ini ke halamanmu dan sesuaikan sesuai kebutuhan.
9. Bagaimana cara meningkatkan desain bagian FAQ di Elementor?
Kamu bisa memperindah bagian FAQ dengan:
- Menggunakan opsi penataan kustom di pengaturan widget (seperti warna, tipografi).
- Menambahkan ikon untuk setiap pertanyaan.
- Mengorganisir FAQ dalam kategori untuk navigasi yang lebih mudah.
10. Di mana saya bisa menemukan sumber daya atau dukungan lebih lanjut untuk menggunakan Elementor?
Kamu bisa menemukan dokumentasi lengkap, tutorial, dan dukungan komunitas di situs web Elementor. Selain itu, forum dan grup pengguna di media sosial dapat memberikan wawasan dan bantuan yang berguna.
Penutup
Sekarang kamu sudah tahu cara install Elementor di WordPress, baik di situs langsung maupun di localhost. Dengan mengikuti langkah-langkah yang sudah dijelaskan, kamu bisa mulai membuat halaman web dengan mudah menggunakan Elementor.
Jangan ragu untuk berbagi pengalaman atau bertanya di kolom komentar jika kamu menemui kendala. Jika kamu merasa artikel ini bermanfaat, bagikan juga kepada teman-temanmu yang membutuhkan!