Editor X Review 2022 - Mudah Digunakan, Tapi Pembuat Situs Web yang Kuat

Diterbitkan: 2022-09-27

Platform pembuatan situs web yang responsif dapat berguna saat Anda mencoba membuat situs web baru atau toko online.

Meskipun ada lusinan pembuat situs web, hanya sedikit yang telah mendapatkan kepercayaan dari ribuan konsumen (terutama perancang web) di seluruh dunia.

Editor X Wix adalah salah satu pembuat situs web tersebut.

isotropik-2022-09-04-at-12-01-42

Dalam Ulasan Editor X ini, saya akan berbicara kepada Anda melalui fitur utama, harga, pro & kontra, dan aspek lain dari pembuat situs web ini.

Pada akhir Tinjauan Editor X ini, Anda akan berada dalam posisi yang jauh lebih baik untuk menilai apakah pembuat situs web ini sepadan dengan waktu dan investasi Anda.

Ikhtisar Editor X

Sebagai permulaan, Editor X adalah pembuat situs web dari Wix.

isotropik-2022-09-04-at-12-03-56

Seperti yang Anda ketahui, Wix adalah salah satu pembuat situs web paling kuat saat ini.

Pembuat situs web memerintahkan 200 juta basis pengguna secara global.

isotropik-2022-09-04-at-12-04-30

Pada tahun 2020, Wix meluncurkan pembuat situs web berorientasi desainer mereka yang disebut Editor X.

Pembuat situs web ini mengemas banyak fitur ramah desainer.

Cara pembuat situs web Editor X membedakan dirinya dari Wix dan pembuat situs web lainnya adalah bahwa itu dimaksudkan untuk perancang web tingkat lanjut .

Platform ini lebih untuk pengguna yang paham teknologi dan menemukan sebagian besar pembuat situs web terbatas dalam hal fitur terkait desain.

Saat ini, pembuat situs web Editor X hanya tersedia dalam bahasa Inggris.

Memulai dengan Wix Editor X

Anda dapat memulai proses pendaftaran dengan mengklik tombol "Mulai Sekarang" di kanan atas halaman beranda pembuat situs web Wix Editor X.

isotropik-2022-09-04-at-12-05-08

Ini akan membawa Anda ke halaman pendaftaran.

Di sini, Anda akan memiliki opsi untuk mendaftar menggunakan email Anda atau mendaftar menggunakan Google/Facebook.

Setelah Anda mendaftar dengan pembuat situs web ini, Anda akan mendapatkan prompt untuk menggambarkan tempat kerja Anda (freelancer, agensi, perusahaan, usaha kecil, pelajar, dan lainnya).

Anda juga akan melihat permintaan "untuk siapa Anda akan membangun situs web".

Pilih salah satu yang sesuai dengan kebutuhan Anda, dan kemudian Anda akan melihat dasbor Editor X dengan Template dan Wireframes.

Secara default, Anda akan melihat Template.

Bagian Template menawarkan lusinan template yang dirancang dengan baik, disusun berdasarkan vertikal bisnis.

isotropik-2022-09-04-at-12-06-26

Template pertama adalah kanvas kosong, artinya Anda bisa mulai mendesain dari awal.

Anda akan melihat template cantik yang diatur oleh industri seperti konstruksi, fintech, desain interior, toko kecantikan, studio desain & gerak, startup game, toko elektronik, perusahaan teknologi, perusahaan saas, perusahaan kreatif, agen real estat, dan banyak lagi.

Jika Anda mengklik tab Wireframes (di atas), Anda akan disajikan dengan tata letak yang serupa (Templat).

isotropik-2022-09-04-at-12-06-59

Namun, sekarang Anda akan melihat template wireframe seperti halaman arahan, situs bisnis, e-niaga, layanan, portofolio, portofolio lanjutan, dan situs bisnis tingkat lanjut.

Atau, Anda dapat memulai dengan kanvas kosong untuk mendesain dari awal.

Ulasan Wix Editor X: Fitur

Fitur Desain & Tata Letak

kisi CSS

Struktur tata letak dua dimensi di Wix Editor X ini memungkinkan Anda untuk mengatur konten dalam kolom dan baris.

Dengan bantuan fitur ini, Anda dapat dengan mudah menambahkan kisi ke bagian atau wadah.

isotropik-2022-09-04-at-12-07-39

Anda juga dapat mengubah struktur dan dimensinya.

Manfaat terbesar menggunakan kisi CSS adalah memberi Anda kontrol yang tepat atas pemosisian elemen di setiap area pandang untuk membuat desain web yang indah.

Repeater

Jika Anda ingin menampilkan konten dinamis, Anda dapat menggunakan alat tata letak multi-kotak Wix Editor X, alias, Repeater.

isotropik-2022-09-04-at-12-08-33

Ini menggunakan teknologi flexbox untuk memastikan bahwa tata letak Anda secara otomatis menyesuaikan dengan setiap ukuran layar.

Misalnya, Anda dapat menggunakan fungsi ini untuk menampilkan profil unik dengan gaya seragam pada halaman "Tim" di situs web.

Alat ini dapat diakses di dasbor Editor X, di bawah "Alat Tata Letak".

Editor X memungkinkan Anda untuk menambahkan data secara manual ke setiap item Repeater Anda.

Atau, Anda dapat menyinkronkan data di balik layar menggunakan pengelola kontennya.

isotropik-2022-09-04-at-12-08-54

Penata Letak

Fitur ini dapat digunakan untuk menyesuaikan konten Anda dengan setiap ukuran layar menggunakan teknologi flexbox.

Layouter sangat berguna saat menggunakan tata letak terstruktur dengan banyak kotak untuk membuat desain web yang indah.

Anda dapat mengakses alat ini di panel Tambah di bawah Alat Tata Letak di dasbor.

Anda dapat memilih dari gambar rangka kosong atau saran tata letak yang dirancang.

isotropik-2022-09-04-at-12-09-31

Cukup seret dan lepas elemen di kanvas Anda untuk memulai.

Layouter menawarkan lima jenis tampilan - Kolom, Baris, Mosaik, Slider, dan Slideshow.

Jika Anda memulai dengan layouter, coba ubah ukuran item, atur ulang item, ubah tata letak, dan tambahkan item untuk membiasakan diri dengan fitur-fiturnya.

Perkaitan

Sistem docking pintar Editor X menawarkan fitur-fitur keren.

Misalnya, secara otomatis merapat ke tepi terdekat saat Anda menyeret elemen ke dalam wadah.

Anda memiliki kebebasan untuk mengesampingkan ini dan mengatur docking secara manual dari panel Inspector.

isotropik-2022-09-04-at-12-10-16

Berikut adalah beberapa hal yang dapat Anda lakukan menggunakan sistem Smart docking:

  • Ubah ukuran kanvas
  • Ubah nilai margin
  • Tetapkan satuan margin
  • Seret & dok
  • Sesuaikan dok
  • Dok ke tengah

Coba ini untuk lebih memahami alat ini di Editor X.

Lapisan

Dengan menggunakan fitur ini, Anda dapat melihat dan mengelola urutan semua elemen pada halaman. Anda juga dapat memeriksa hubungan pengasuhan di antara mereka.

isotropik-2022-09-04-at-12-10-30

Panel lapisan memungkinkan Anda mengganti nama lapisan agar tetap teratur.

Skala teks

Ini sangat berguna ketika Anda ingin mengatur ukuran font minimum dan maksimum untuk memastikan teks secara bertahap disesuaikan dengan ukuran layar.

Master

Editor X memungkinkan Anda menyimpan dan menggunakan kembali header, bagian, dan footer di beberapa halaman.

Anda dapat membuat perubahan pada master dan itu akan menerapkannya di seluruh situs web.

Ini menghemat banyak waktu dan energi.

Manajer tema

Menggunakan pengelola tema di editor x, Anda dapat memeriksa tipografi dan tema warna situs web dan mengeditnya sesuai kebutuhan.

Di sini, Anda dapat sepenuhnya menyesuaikan gaya teks dan palet warna situs web untuk membuat desain web yang indah.

Tinggi area pandang

Seringkali, bagian di situs web ditampilkan secara berbeda pada ukuran layar yang berbeda. Dengan ketinggian viewport, hal ini tidak akan terjadi. Anda dapat menentukan bagian mana pun dari situs web hingga ketinggian area pandang 100%.

Ini akan memastikan bahwa bagian tersebut menutupi ketinggian penuh layar, terlepas dari ukuran perangkat/layar.

Mengubah ukuran pegangan

Anda dapat menggunakan tuas pengubahan ukuran di kedua sisi kanvas untuk melihat dan mendesain situs web pada lebar viewport apa pun.

isotropik-2022-09-04-at-12-10-50

Bantalan wadah

Ini berguna ketika Anda ingin menambahkan jarak di sekitar tepi wadah apa pun.

Aset & fitur media yang dirancang

seni vektor

Editor X menawarkan ribuan ilustrasi vektor, bentuk, dan ikon. Anda juga dapat mengunggah file SVG khusus Anda sendiri.

Gambar Tunggal

Dengan Editor X, Anda dapat menyesuaikan ukuran, posisi, dan perilaku gambar di setiap breakpoint.

Anda dapat mengatur opsi ukuran, efek gulir, titik fokus, dan lainnya.

Alat ini memungkinkan Anda untuk mengontrol bagaimana gambar diubah ukurannya saat lebar viewport berubah.

Misalnya, Anda dapat memilih Tetap untuk menyimpan gambar pada ukuran piksel yang ditentukan terlepas dari perangkatnya.

Saat Anda mengatur gambar ke Fluid, itu akan menyesuaikan lebarnya sesuai dengan viewport.

isotropik-2022-09-04-at-12-12-18

Dan jika Anda mencentang kotak Skala proporsional, itu akan memungkinkan Anda mengubah ukuran gambar secara mulus dengan viewport, sambil menjaga tinggi dan lebar tetap seimbang.

Dengan Editor X, Anda dapat memilih bagian gambar mana yang ingin Anda tetap terlihat saat ukuran layar berubah.

Cukup pilih gambar, dan klik ikon Titik Fokus dari bilah tindakan mengambang.

Selanjutnya, seret titik biru ke tempat yang diinginkan (atau klik titik tersebut).

Efek gulir memungkinkan Anda menambahkan kedalaman pada kreasi Anda. Anda dapat menemukan fungsi ini di bawah Perilaku Gulir di Pengaturan.

Parallax dan Reveal adalah dua efek yang tersedia saat ini.

Fitur Baru: Template & Akademi X

Sejak dirilis pada tahun 2021, Editor X telah melakukan peningkatan pada platform.

Ketika dimulai, itu hanya memiliki 8 template.

Saat ini, ada hampir 40 template.

Tim di belakang Editor X akan segera menambahkan lebih banyak template.

Tambahan keren lainnya untuk platform ini adalah Academy X.

isotropik-2022-09-04-at-12-12-37

Ini adalah perpustakaan online video tutorial dan latihan langsung.

Di sini, Anda dapat mempelajari hampir semua hal tentang platform Editor X.

Berikut adalah beberapa video pelajaran di Academy X:

  • Temukan ruang kerja
  • Memperkenalkan Editor X
  • Mulai
  • Bagian
  • kisi-kisi
  • Hirarki Elemen
  • Struktur Situs
  • Panel Inspektur
  • Breakpoint

Pelajaran diatur di bawah Editor X Essentials, Desain & Tata Letak, Interaksi & Efek, Elemen & Komponen, Konsep Web, dan Kolaborasi.

Misalnya, video di bawah Desain & Tata Letak mengajari Anda cara mengukur dan memasang elemen. Anda juga akan belajar cara bekerja dengan alat tata letak canggih seperti flexbox dan CSS Grid.

Jika Anda ingin mempelajari cara menambahkan efek gulir, animasi, dan interaksi, buka bagian video Interaksi & Efek.

Editor X: Harga

Editor X menawarkan tiga paket harga - Paket Situs Web, Paket Bisnis dan eCommerce, dan Paket Perusahaan.

Mari kita bahas rencana editor x ini secara mendetail.

Paket Situs Web

Paket ini sangat cocok untuk proyek pribadi dan portofolio/blog.

Sekali lagi, di sini, Anda dapat memilih dari tiga paket - Ultra, Ekstra, dan Esensial.

isotropik-2022-09-04-at-12-13-12

Ultra

Paket editor x ini tersedia seharga $49 per bulan.

Dan Anda mendapatkan domain khusus, sertifikat SSL gratis, ruang penyimpanan 35GB, video 5 jam, aplikasi analisis pengunjung (gratis selama 1 tahun), logo profesional, file logo media sosial, dan layanan pelanggan khusus.

Paket ultra editor x juga memungkinkan Anda menghapus branding Editor X untuk mempersonalisasi situs web Anda.

Tambahan

Paket editor x ini tersedia seharga $35 per bulan.

Ini memiliki semua fitur yang tersedia dalam paket Ultra.

Perbedaannya di sini adalah Anda mendapatkan ruang penyimpanan 20GB, dan video 2 jam.

Penting

Paket x editor ini adalah yang termurah dari ketiganya.

Biayanya $ 22 per bulan.

Tidak seperti paket Ultra dan Extra editor x, paket editor x ini tidak hadir dengan aplikasi analitik pengunjung (gratis selama 1 tahun), logo profesional, file logo media sosial, dan layanan pelanggan khusus.

Anda mendapatkan 10GB ruang penyimpanan dan 1 jam video hours dengan editor x paket Essential.

Paket Bisnis dan eCommerce

Paket x editor ini sangat cocok untuk toko online yang membutuhkan pembayaran online, alias fungsi e-niaga.

Paket ini memiliki tiga tingkatan - Skala, Peningkatan, dan Peluncuran.

isotropik-2022-09-04-at-12-14-08

Skala

Paket Scale editor x berharga $165 per bulan.

Paket x editor ini hadir dengan pembayaran online yang aman, paket & pembayaran berulang, akun pelanggan, domain khusus, domain gratis selama 1 tahun, ruang penyimpanan 50 GB, jam video tak terbatas, laporan khusus, dan layanan pelanggan khusus.

Dengan paket editor x ini, Anda juga mendapatkan opsi untuk menghapus branding Editor X.

Mendorong

Paket Boost dari editor x berharga $50 per bulan.

Itu adalah penurunan besar dari paket Scale editor x.

Paket x editor ini hadir dengan pembayaran online yang aman, paket & pembayaran berulang, akun pelanggan, domain khusus, domain gratis selama 1 tahun, ruang penyimpanan 35 GB, 10 jam video, dan layanan pelanggan khusus.

Meskipun paket editor x ini memiliki opsi untuk menghapus pencitraan merek Editor X, ia tidak menawarkan laporan yang disesuaikan.

Meluncurkan

Paket editor x Launch berharga $22 per bulan.

Paket x editor ini hadir dengan pembayaran online yang aman, paket & pembayaran berulang, akun pelanggan, domain khusus, domain tanpa biaya selama 1 tahun, ruang penyimpanan 20 GB, 5 jam video, dan layanan pelanggan khusus.

Paket editor x ini juga menawarkan opsi untuk menghapus branding Editor X tetapi hadir tanpa laporan yang disesuaikan.

Ketiga paket editor x memungkinkan Anda untuk menjual di saluran sosial, memiliki produk tanpa batas, dan mengabaikan pemulihan keranjang.

Namun, penjualan di pasar dan langganan hanya tersedia dengan paket harga editor Skala dan Peningkatan x.

Rencana Perusahaan

Paket x editor ini untuk perusahaan besar yang ingin meningkatkan arsitektur mereka.

isotropik-2022-09-04-at-12-17-44

Solusi perusahaan dari editor x hadir dengan paket yang dipersonalisasi, tim dukungan khusus, keamanan tingkat perusahaan, sistem desain seluruh organisasi, konsultasi 1 lawan 1 dengan pakar industri, penyimpanan khusus, pengkodean & integrasi; dan pemantauan proyek berkelanjutan, pelacakan kinerja, dan pengoptimalan situs.

Ulasan Editor X: Layanan pelanggan

Anda dapat menghubungi tim dukungan pelanggan Editor X melalui telepon dan email 24/7.

Setelah Anda menjelaskan permintaan Anda ke chatbot, Anda memiliki opsi untuk segera meminta panggilan balik atau menjadwalkan panggilan kapan saja dalam lima hari ke depan.

Kesimpulan

Saya percaya bahwa editor drag and drop Editor X hadir dengan beberapa fitur berguna untuk pembuatan situs web.

Tidak seperti kebanyakan pembuat situs web lainnya, platform ini sangat bagus untuk orang-orang dengan beberapa pengalaman desain.

Editor X hadir dengan editor drag and drop fleksibel yang menawarkan pengeditan simultan dan mendukung database dan API.

Editor X terintegrasi dengan alat pemasaran seperti Google Analytics, Facebook Pixel, dan HotJar.

Di sisi lain, editor x bukanlah salah satu pembuat situs web yang paling ramah pemula.

Ini pasti memiliki kurva belajar yang lebih tinggi.

Selain itu, Editor X tidak kompatibel dengan semua Aplikasi Wix yang tersedia di pasar aplikasi Wix.

Sementara Editor X memiliki sekitar 40 template, Wix menawarkan lebih dari 800 template.

Namun, tidak seperti Wix dan pembuat situs web lainnya, Editor X menawarkan pengeditan simultan, yang merupakan fitur hebat untuk desainer.

Secara keseluruhan, Editor X adalah salah satu pembuat situs web paling kuat di luar sana untuk pembuatan situs web.