Cara Membuat Tabel Elementor di WordPress

Tabel adalah komponen kunci di sebagian besar situs web. Anda dapat menggunakannya untuk berbagi semua jenis informasi, mulai dari harga hingga daftar fitur dan tautan. WordPress memungkinkan Anda mengatur tabel dasar untuk situs web Anda, tetapi Anda mungkin mencari lebih banyak opsi penyesuaian.

Dengan Elementor, Anda mendapatkan akses ke beberapa widget tabel. Selain itu, ada banyak plugin tabel Elementor yang menambahkan widget baru ke pembuat halaman populer.

Pada artikel ini, kita akan berbicara tentang cara kerja tabel WordPress dan perbandingannya dengan widget Elementor. Kemudian, kami akan menunjukkan cara membuat tabel Elementor secara manual, dan memperkenalkan beberapa plugin yang menambahkan widget tabel baru ke editor. Mari kita lakukan!

Kapan Menggunakan Tabel WordPress

Setelah Anda mulai mencarinya, Anda akan melihat bahwa tabel ada di mana-mana di web. Itu karena mereka adalah beberapa elemen paling serbaguna yang dapat Anda gunakan di situs web.

Ambil tabel harga, misalnya. Sulit menemukan situs web layanan atau langganan yang tidak menggunakan tabel untuk membantu Anda membandingkan opsi:

Tabel memungkinkan Anda menyajikan informasi dalam jumlah besar dengan cara yang mudah dicerna oleh pembaca. Lebih baik lagi, tabel mempermudah pengguna untuk membandingkan beberapa kumpulan data satu sama lain:

Selain membantu Anda berbagi informasi, tabel juga dapat membantu memecahkan kemonotonan paragraf panjang di postingan blog atau halaman. Biasanya, kami menyarankan Anda menghindari dinding teks yang panjang karena akan sulit dinavigasi.

Editor Blok memberi Anda opsi untuk menambahkan tabel ke situs web Anda dengan mudah. Blok Tabel memungkinkan Anda untuk mengatur jumlah baris dan kolom yang Anda butuhkan:

Meskipun menambahkan tabel di WordPress itu mudah, Anda agak terbatas pada opsi penyesuaian. Anda dapat mengubah warna latar belakang, menyesuaikan gaya tombol, dan mengubah ukuran font, tetapi itu saja. Jika Anda ingin membuat tabel yang lebih bergaya dan kompleks, Anda harus menggunakan pembuat halaman seperti Elementor (atau bahkan Divi).

Apa yang Dapat Dilakukan oleh Tabel Elemen?

Jika Anda ingin melampaui tabel WordPress dasar, Elementor memberi Anda akses ke widget Tabel Harga yang sangat dapat disesuaikan. Ini memungkinkan Anda untuk mengedit judul tabel, mengatur tag heading, menambahkan daftar fitur, mengubah Call To Action (CTA), dan banyak lagi:

Ingat bahwa dengan Elementor, Anda dapat membuat semua jenis tata letak yang Anda inginkan untuk halaman atau postingan apa pun. Ini berarti Anda dapat mengatur desain multi-kolom sehingga Anda dapat memiliki beberapa widget Tabel Harga secara berdampingan:

Elementor juga dilengkapi dengan widget Daftar Isi . Ini membuat navigasi konten bentuk panjang menjadi lebih mudah bagi pembaca Anda.

Cara Membuat Tabel Elementor (Secara Manual)

Membuat tabel harga menggunakan Elementor itu sederhana. Untuk memulai, buka editor Elementor. Dari sini, Anda dapat memilih untuk memulai dengan halaman kosong atau mengimpor template dari pustaka Elementor:

Saat Anda siap untuk menambahkan elemen, Anda ingin memilih jumlah kolom yang Anda inginkan untuk dimiliki tabel. Klik tanda tambah Elementor di bagian bawah editor dan pilih struktur kolom yang ingin Anda gunakan untuk bagian harga:

Ingatlah bahwa jika Anda menggunakan beberapa kolom, Anda harus menambahkan widget Tabel Harga terpisah di masing-masing kolom. Meskipun setiap tabel akan menjadi elemen unik, pengguna akan melihatnya berdampingan (atau di bawah satu sama lain di seluler) sebagai bagian dari satu bagian:

Kami merekomendasikan untuk menambahkan satu modul Tabel Harga dan menatanya terlebih dahulu. Kemudian, Anda dapat menduplikasi atau menyalin elemen itu ke kolom yang tersisa, dan menambahkan teks unik ke masing-masing kolom.

Untuk menyesuaikan tabel, pilih elemen dan pindah ke tab Gaya di bawah pengaturan widget. Elementor memberi Anda banyak pilihan gaya. Ini termasuk pemilihan warna, pengaturan tipografi, dan konfigurasi unik untuk setiap bagian tabel:

Setelah Anda puas dengan gaya tabel harga, klik kanan pada elemen dan pilih opsi Duplikat . Salinan tabel akan muncul di bawah elemen asli, dan Anda dapat menyeretnya ke salah satu kolom kosong:

Anda ingin mengulangi proses itu untuk kolom sebanyak yang Anda miliki. Ingatlah bahwa setiap tabel dapat memiliki gaya yang unik jika Anda tidak ingin menggunakan kembali pengaturan. Dalam hal ini, pastikan gayanya cukup mirip sehingga pengunjung akan mengerti bahwa mereka sedang melihat perbandingan.

Saat menyesuaikan tabel Anda, ingatlah bahwa Elementor memungkinkan Anda menambahkan CSS khusus ke modul apa pun. Untuk melakukannya, buka Pengaturan lanjutan widget dan pilih tab CSS Kustom :

Menambahkan CSS khusus melalui Elementor jauh lebih mudah daripada mengedit kode WordPress secara manual. Demikian juga, mengedit CSS di WordPress mengharuskan Anda mengakses file tema dan mengoptimalkan kode untuk kinerja puncak. Dengan Elementor, Anda hanya perlu menambahkan kode CSS di bidang yang sesuai untuk setiap modul.

Jika menambahkan CSS secara manual terdengar menakutkan, jangan khawatir. Mempelajari CSS tidak mengharuskan Anda menjadi pengembang web. Namun, ini adalah keterampilan berharga yang akan membantu Anda menyesuaikan situs web WordPress Anda (dan bahkan mungkin menemukan karier dalam pengembangan web).

Setelah semua tabel Anda diatur, saatnya untuk mengedit teks mereka dan menambahkan fitur sebanyak yang Anda butuhkan untuk setiap entri. Anda dapat melakukannya dengan memilih tabel dan pindah ke tab Konten di bawah pengaturan widget:

Mengedit konten tabel harga Anda itu mudah. Anda dapat mengklik elemen apa pun di dalam widget untuk mulai mengeditnya. Setelah Anda puas dengan hasilnya, tabel harga Anda akan siap digunakan.

Plugin Tabel Elementor Teratas (12 Opsi)

Meskipun Elementor berisi banyak alat untuk membantu Anda membuat tabel, Anda selalu dapat menambahkan lebih banyak widget ke daftar. Di bagian ini, kita akan melihat 12 plugin Elementor yang dapat Anda gunakan untuk menambahkan jenis tabel baru ke postingan dan halaman Anda. Meskipun banyak dari add-on ini dibuat untuk Elementor, Anda dapat menginstalnya sebagai plugin biasa.

Seperti biasa, kami hanya merekomendasikan plugin WordPress terbaik di kelasnya yang menawarkan kinerja hebat dan mendapatkan pembaruan rutin. Menggunakan plugin yang dioptimalkan dengan baik akan membantu Anda menskalakan situs web Anda tanpa mengalami masalah kinerja.

1. Add-On ElementsKit untuk Elementor

ElementsKit menambahkan lebih dari 85 widget ke Elementor. Anda memiliki opsi untuk tabel dasar, tabel harga, dukungan untuk menyematkan elemen TablePress, dan banyak lagi.

Versi Profesional ElementsKit juga menyertakan widget tabel tingkat lanjut. Ini memungkinkan Anda untuk menambahkan fitur pencarian dan filter ke tabel. Plus, Anda dapat menyertakan pagination sehingga pengguna dapat menavigasi entri tanpa memiliki tabel besar di situs web Anda.

Fitur Utama:

• Tiga jenis widget tabel
• Dukungan untuk pemfilteran tabel, pencarian, dan pagination
• Integrasi dengan TablePress untuk menyematkan tabel

Harga: Lisensi ElementsKit mulai dari $39 per tahun.

2. Pembuat Tabel WP

Jika Anda adalah penggemar editor drag-and-drop (yang seharusnya Anda lakukan jika Anda menggunakan Elementor), Anda akan menikmati menggunakan WP Table Builder. Plugin ini memungkinkan Anda membuat tabel menggunakan elemen yang telah dikonfigurasi sebelumnya seperti tombol, bagian ulasan, peringkat produk, dan banyak lagi.

Di atas elemen lanjutan, Anda mendapatkan akses ke modul dasar, seperti teks dan gambar. Plugin ini juga disertakan dengan templat tabel, yang akan membuat pekerjaan Anda lebih sederhana.

Anda dapat menambahkan tabel WP Table Builder ke situs web Anda menggunakan Editor Blok. Plugin ini juga terintegrasi dengan Elementor, membuatnya mudah untuk menempatkan tabel di mana saja di dalam situs web Anda.

Fitur Utama:

• Gunakan pembuat tabel seret dan lepas
• Dapatkan akses ke elemen bawaan seperti tombol, bagian ulasan, dan peringkat produk
• Sesuaikan gaya setiap elemen di tabel Anda
• Gunakan templat halaman yang dibuat sebelumnya

Harga: Lisensi WP Table Builder mulai dari $39 per tahun.

3. Tekan Meja

TablePress adalah plugin gratis yang sedekat mungkin dengan Anda untuk menambahkan fungsionalitas spreadsheet ke WordPress. Plugin dapat mengimpor data dalam beberapa format, termasuk file Excel, CSV, dan JSON. Anda bahkan dapat mengekspor data tabel untuk program lain.

Dengan TablePress, Anda dapat membuat tabel yang menyertakan fungsionalitas pencarian. Pengguna dapat memilih berapa banyak entri yang akan ditampilkan dan berpindah dari halaman ke halaman jika Anda menampilkan kumpulan data yang sangat besar.

Menyematkan tabel TablePress dengan Elementor itu sederhana. Plugin membuat kode pendek unik untuk setiap tabel. Widget Kode Pendek Elementor akan membantu Anda menambahkan kode tersebut di mana saja di situs web Anda.

Fitur Utama:

• Impor dan ekspor kumpulan data dalam format Excel, CSV, JSON, dan HTML
• Tambahkan tabel yang dapat dicari ke WordPress
• Aktifkan pagination untuk tabel

Harga: TablePress adalah plugin gratis tetapi Anda dapat menemukan ekstensi premium untuk itu.

4. Addons Penting untuk Elementor

Addons Esensial untuk Elementor menambahkan lebih dari 80 widget baru ke pembuat halaman. Anda memiliki opsi untuk tabel harga, tabel data, daftar isi, dan lainnya.

Addons Esensial untuk Elementor hadir dalam dua versi. Plugin gratis menambahkan versi yang lebih baik dari widget tabel harga yang dikirimkan oleh Elementor. Jika Anda ingin mengakses tabel data (yang mencakup pemfilteran, pencarian, dan beberapa gaya), Anda harus membayar untuk lisensi premium.

Fitur Utama:

• Tambahkan widget harga, data, dan tabel konten
• Aktifkan pencarian dan pemfilteran di dalam tabel

Harga: Ada versi gratis dari Essential Addons for Elementor dan lisensi premium mulai dari $39,97 per tahun.

5. PowerPack untuk Elementor

PowerPack untuk Elementor menambahkan lebih dari 70 widget ke pembuat halaman. Plugin ini juga menyertakan sejumlah besar template baru yang dapat Anda gunakan untuk mendesain situs web lebih cepat.

Sejauh tabel pergi, PowerPack memungkinkan Anda untuk mengatur tabel data yang dapat diurutkan dan dicari. Anda dapat mengimpor data ke dalam tabel menggunakan file CSV. Plugin ini juga menyertakan beberapa opsi templat tabel.

Di luar tabel data, PowerPack menawarkan widget tabel info dan harga. Tabel info sangat cocok jika Anda ingin memberikan rincian layanan yang Anda tawarkan kepada pengunjung.

Fitur Utama:

• Buat tabel data yang dapat diurutkan dan dicari
• Impor tabel data dalam format CSV
• Tambahkan widget harga dan tabel info

Harga: Lisensi PowerPack mulai dari $44 per tahun.

6. Tambahan Eksklusif untuk Elementor

Addons Eksklusif untuk Elementor hadir dalam versi gratis dan premium. Plugin gratis menambahkan 39 widget baru ke Elementor, sedangkan lisensi premium akan memberi Anda lebih dari 69 elemen baru.

Ketika datang ke tabel, versi gratis menambahkan modul tabel harga baru ke dalam campuran. Dengan versi premium, Anda mendapatkan akses ke tabel perbandingan dan data. Tabel perbandingan bekerja mirip dengan elemen harga, tetapi Anda dapat menggunakan tata letak dan gaya baru.

Fitur Utama:

• Tambahkan modul tabel harga baru
• Dapatkan akses ke perbandingan dan tabel data
• Akses beberapa tata letak untuk widget tabel

Harga: Ada versi gratis dari Eksklusif Addons untuk Elementor. Lisensi premium mulai dari $29 per tahun.

7. JetElements

JetElements menambahkan 45 widget baru ke Elementor. Sebagian besar dari mereka diarahkan ke situs web e-niaga dan langganan. Namun, JetElements juga menyertakan beberapa widget tabel yang menarik dalam daftarnya.

Di antara widget tersebut, Anda memiliki tabel harga dan responsif. Dibandingkan dengan tabel harga dasar di Elementor, versi JetElements memberi Anda banyak opsi penyesuaian baru. Misalnya, Anda bisa bermain dengan banyak efek visual seperti paralaks dan animasi mikro untuk elemen tabel.

Fitur Utama:

• Tambahkan tabel harga dan responsif ke Elementor
• Sesuaikan tabel menggunakan efek visual baru, seperti paralaks

Harga: Lisensi all-inclusive JetElements mulai dari $130 per tahun. Anda juga dapat membuat bundel widget khusus, hanya memilih opsi yang ingin Anda gunakan.

8. Addons Premium untuk Elementor

Addons Premium untuk Elementor hadir dalam versi gratis dan premium. Namun, hanya plugin premium yang menambahkan widget tabel baru ke Elementor.

Jika Anda membayar untuk lisensi premium, Anda akan mendapatkan akses ke data baru dan widget tabel harga. Anda dapat melengkapi tabel data dengan grafik dan widget grafik jika Anda ingin menampilkan lebih banyak informasi untuk pengunjung Anda.

Fitur Utama:

• Tambahkan widget tabel data dan harga ke Elementor
• Menemani tabel dengan widget grafik dan grafik

Harga: Lisensi untuk Premium Addons untuk Elementor mulai dari $39 per tahun.

9. DataMentor

DataMentor adalah plugin yang menambahkan widget tabel tunggal ke Elementor. Namun, widget itu mengemas lebih banyak fitur daripada kebanyakan add-on yang telah kita lihat sejauh ini.

Tabel DataMentor sangat serbaguna. Anda dapat menambahkan gambar, tombol, daftar, dan ikon dalam setiap elemen. Widget memungkinkan Anda membuat tabel dengan gaya individual untuk setiap kolom atau baris. Anda juga mendapatkan akses ke beberapa templat tabel jika Anda ingin memulai proses desain.

Fitur Utama:

• Tambahkan widget tabel baru ke Elementor
• Dapatkan akses ke beberapa templat tabel
• Tambahkan gambar, teks, tombol, daftar, dan ikon di dalam tabel

Harga: DataMentor adalah plugin gratis.

10. Selamat Addons untuk Elementor

Happy Addons for Elementor adalah salah satu plugin terlengkap untuk pembuat halaman. Alat ini menambahkan lebih dari 99 widget ke Elementor dan banyak koleksi template baru ke perpustakaannya.

Sejauh tabel pergi, Happy Addons mencakup widget tabel dasar dan lanjutan. Versi lanjutan mendukung data yang diimpor dalam berbagai format, serta pencarian, pemfilteran, dan pagination. Plus, Anda mendapatkan akses ke beberapa tata letak tabel pra-desain. Selain opsi tersebut, Happy Addons juga menyertakan elemen tabel harga dan perbandingan.

Fitur Utama:

• Akses ke widget tabel dasar dan lanjutan
• Impor data untuk kemampuan tingkat lanjut
• Gunakan tata letak tabel yang telah dirancang sebelumnya
• Tambahkan tabel harga dan perbandingan

Harga: Ada versi gratis dari Happy Addons. Lisensi premium mulai dari $39 per tahun.

11. Tambahan Elemen Kerajaan

Royal Elementor Addons menambahkan lebih dari 40 widget baru ke Elementor. Ini semua gratis, tetapi plugin juga hadir dalam versi premium yang membuka opsi penyesuaian tambahan untuk setiap widget.

Dengan Royal Elementor Addons, Anda mendapatkan tabel harga baru untuk digunakan di Elementor. Widget ini menyertakan beberapa opsi gaya baru. Plus, ia hadir dengan opsi sakelar yang dapat digunakan pengunjung untuk beralih antara harga bulanan dan tahunan (atau opsi lain).

Fitur Utama:

• Tambahkan widget tabel harga baru ke Elementor
• Sesuaikan tabel harga dengan opsi gaya baru
• Tambahkan sakelar harga ke meja Anda

Harga: Royal Elementor Addons gratis. Lisensi premium berharga $29 per situs web (biaya satu kali).

12. Elemen Elemen Addon

Elementor Addon Elements adalah plugin gratis yang menambahkan lebih dari 24 widget baru ke Elementor. Di antara mereka, Anda memiliki opsi untuk harga, perbandingan, dan tabel data.

Tabel harga menyertakan banyak opsi penyesuaian tambahan yang tidak dimiliki widget Elementor default. Ketika datang ke tabel data, Anda dapat memilih antara membuat elemen yang dapat dicari atau difilter. Selain itu, tabel mendukung animasi, yang dapat membuatnya lebih menarik secara visual.

Fitur Utama:

• Tambahkan harga, perbandingan, dan tabel data ke Elementor
• Pilih antara tabel data yang dapat difilter dan yang dapat dicari
• Tambahkan animasi ke tabel data

Harga: Elementor Addon Elements gratis.

Ringkasan

Elementor memberi Anda berbagai alat untuk membuat tabel WordPress yang bergaya dan kompleks. Banyak plugin tabel WordPress juga kompatibel dengan Elementor, yang berarti pembuat halaman memungkinkan Anda untuk menambahkan hampir semua jenis tabel yang Anda inginkan ke situs web Anda.

Pembuat halaman Elementor dilengkapi dengan widget Tabel Harga yang intuitif. Jika Anda ingin menambahkan jenis tabel lain, sebaiknya gunakan plugin tabel Elementor seperti ElementsKit atau WP Table Builder.

Kinsta CDN adalah CDN berkinerja tinggi yang tersedia untuk semua pelanggan Kinsta tanpa biaya tambahan. Ini didukung oleh integrasi Cloudflare gratis kami dan secara otomatis menyajikan konten Anda dari lebih dari 200 PoP di seluruh dunia. Jika Anda memiliki pertanyaan tentang Kinsta CDN, jangan ragu untuk menghubungi tim Dukungan 24/7 kami untuk bantuan lebih lanjut!