Pengaturan Desain Ecwid Baru: Puluhan Pilihan Kustomisasi, Tanpa Pengodean

12 min baca

Desain berbicara banyak untuk sebuah e-commerce toko. Jika orang dapat dengan mudah menavigasi etalase online Anda, Anda memiliki peluang lebih besar untuk mengonversinya. Desain yang konsisten dan modern dapat memberi tahu pelanggan bahwa Anda adalah merek yang dapat dipercaya.

Ecwid membantu bisnis apa pun — bahkan bisnis kecil dan pemula — untuk mencari dan menjual secara profesional di web. Anda tidak perlu membayar banyak untuk itu tingkat atas desainer web untuk mendapatkan a ramah seluler, bersih, dan indah e-commerce menyimpan.

Kami telah menambahkan lusinan fungsi desain etalase baru ke Ecwid, sehingga Anda dapat memberikan milik Anda e-commerce simpan tampilan dan nuansa yang paling mencerminkan merek Anda.

Menyiapkan setiap detail kecil dalam desain toko online Anda sangatlah mudah. Ubah gaya gambar, tata letak halaman produk, dan elemen etalase tanpa coding. Anda akan melihatnya sendiri di postingan ini.

Pengaturan baru ada di bawah Pengaturan → Desain di panel Kontrol Ecwid Anda. Untuk menggunakannya, pastikan Anda telah mengaktifkan semua pembaruan etalase di Pengaturan → Apa yang Baru.

Bagian apa yang baru di panel kontrol Ecwid

Aktifkan pembaruan ini di Pengaturan → Yang Baru untuk melihat halaman pengaturan desain baru

Bagaimana jika saya menggunakan etalase Ecwid versi lama?

Beralih ke etalase baru dapat mengubah tampilan toko Anda sepenuhnya. Dengan pengaturan desain baru, Anda akan mendapatkan lebih banyak opsi penyesuaian dan tampilan toko Anda yang lebih menarik. Namun, berhati-hatilah jika Anda menggunakan a self-made Tema CSS atau lainnya dikembangkan secara khusus fitur etalase — mungkin tidak kompatibel dengan etalase baru. Jika Anda memerlukan bantuan, tim dukungan kami siap membantu Anda.

Rancang Etalase Online Anda

Anda mengontrol seluruh tampilan katalog produk Anda, mulai dari gambar produk hingga SKU dan tombol.

1. Pilih ukuran gambar terbaik untuk menampilkan produk Anda

Secara default, gambar produk adalah berukuran sedang, yang cocok untuk sebagian besar toko.

Beberapa produk memiliki detail penting yang mungkin ingin Anda visualisasikan (misalnya, jika Anda menjual perhiasan atau lukisan). Pilih ukuran gambar yang besar agar pelanggan dapat mengagumi produk dan fotografi indah Anda.

Jika Anda menjual satu jenis produk dalam berbagai macam (misalnya, 200 ikat pinggang kulit dengan warna berbeda), gunakan gambar yang lebih kecil. Toko Anda akan menampilkan banyak produk di layar dan pelanggan Anda akan terkesan dengan pilihannya.

Ukuran gambar kecil, sedang, dan besar untuk gambar produk

2. Optimalkan rasio aspek gambar terhadap dimensi produk Anda

Apakah Anda menjual palem? Atau mungkin berkaki panjang model memamerkan mantel desainer Anda? Keduanya akan terlihat bagus dalam gambar vertikal.

Rasio horizontal cocok untuk berbagai produk — misalnya, sepatu, sofa, atau batangan nutrisi.

Untuk objek bulat (atau, jika ragu), gunakan gambar persegi, gambar tersebut selalu terlihat bagus.

Gambar produk vertikal, horizontal, dan persegi

Gambar vertikal, horizontal, dan persegi

Jika Anda ingin menekankan gambar produk dan membuatnya menonjol dari latar belakang toko, pilih “Gelapkan latar belakang gambar”.

3. Pilih info produk apa yang ingin ditampilkan di etalase

Mirip dengan foto produk, Anda dapat memilih dari banyak pilihan desain untuk elemen etalase lainnya: nama produk, judul, harga, SKU, tombol “Beli”. Putuskan bagaimana menampilkannya masing-masing — di bawah gambar produk atau saat mengarahkan mouse.

Tampilkan elemen di bawah gambar produk, saat diarahkan, atau sembunyikan

Jika Anda memilih untuk menempatkan informasi di bawah gambar produk, tata letaknya dapat diatur. Sejajarkan konten Anda ke kiri, kanan, tengah, atau rata - Anda bebas menciptakan tampilan yang paling Anda sukai.

Tata letak elemen yang berbeda (nama dan harga produk) Tata letak elemen yang berbeda

Tata letak elemen yang berbeda (nama produk dan harga)

Dimungkinkan juga untuk menyembunyikan elemen. Sembunyikan semuanya untuk membuat etalase Anda menyerupai lookbook. Dengan mengklik salah satu gambar produk, pelanggan Anda akan diarahkan ke halaman produk.

Pilih untuk menampilkan gambar produk tambahan jika Anda ingin menampilkan lebih detail. Ecwid akan menampilkan gambar pertama dari galeri foto produk saat mouse diarahkan.

Gambar produk tambahan saat mouse diarahkan

Pengaturan baru ini menghasilkan banyak variasi desain untuk tampilan etalase Anda.

4. Rancang kategori toko Anda

Anda akan menemukan opsi untuk mengatur tampilan kategori Anda. Apakah Anda memiliki foto, ikon, atau logo merek untuk gambar kategori Anda, Ecwid memiliki opsi desain untuk membuatnya tampak menakjubkan.

Kategorikan nama di bawah gambar, di gambar, saat diarahkan, dan disembunyikan

Optimalkan Halaman Produk untuk Konversi

Sekarang Anda dapat mengatur informasi halaman produk Anda dengan cara yang berbeda, bergantung pada apa yang terbaik bagi pelanggan Anda. Setiap pilihan desain dibuat sesuai dengan yang terbaik e-commerce praktik untuk meningkatkan konversi.

1. Pilih tata letak halaman produk

Ada empat opsi baru untuk mengatur konten di halaman produk Anda.

Menarik perhatian pada gambar produk Anda. Menempatkan a berkualitas tinggi gambar produk di sisi kiri halaman produk Anda akan menjadikannya hal pertama yang dilihat pelanggan Anda. Gunakan 2-kolom tata letak dengan deskripsi produk di sebelah kanan jika Anda menjual produk yang menarik secara visual dan memiliki deskripsi produk yang singkat.

2-kolom tata letak dengan deskripsi produk di sebelah kanan

Tambahkan deskripsi produk secara detail. Untuk produk seperti barang elektronik atau farmasi, deskripsi produk bisa sangat panjang. Kemudian pilih dua kolom tata letak dengan deskripsi produk di bawah gambar. Bahkan jika Anda menambahkan manual panjang untuk menggunakan produk Anda, halaman tersebut akan terlihat serasi.

2-kolom tata letak dengan deskripsi produk di bawah gambar

Tekankan pilihan produk dan tombol “Checkout”. Jika pelanggan Anda tidak perlu membaca deskripsi panjang atau mengamati galeri untuk membeli produk Anda, pilih untuk menampilkan opsi produk dengan tombol checkout di sebelah kiri. Katakanlah, jika Anda menjual ikan akuarium kecil.

Tombol “Tambahkan ke tas” dalam fokus

Minimalkan pengguliran dan gangguan. A tiga kolom tata letak berfungsi jika Anda ingin halaman produk Anda menampilkan informasi maksimal tanpa gerakan tambahan.

kompak 3-kolom tata ruang

Anda juga bisa pilih tata letak galeri foto Anda. Bantu pelanggan Anda merasakan produk Anda dengan galeri foto yang menarik. Pilih tata letak thumbnail gambar di galeri Anda (vertikal atau horizontal) atau tampilkan gambar menghipnotis Anda dalam ukuran penuh. Semakin banyak tampilan bergantian dan detail yang Anda tampilkan, semakin baik.

Opsi tata letak galeri foto

3. Pilih info produk untuk ditampilkan di sidebar

Halaman produk yang berkonversi memberikan informasi produk yang cukup sekaligus menjaganya tetap sederhana. Di Ecwid, Anda dapat menyembunyikan elemen (seperti SKU, opsi produk, tombol berbagi) jika Anda tidak membutuhkannya, sehingga pelanggan Anda tidak terganggu dalam perjalanan mereka ke keranjang.

Bagian terbaiknya adalah Anda dapat menyeret setiap elemen dan mengaturnya dalam urutan apa pun. Uji banyak cara baru untuk mengoptimalkan halaman produk Anda untuk konversi.

Pengaturan bilah sisi yang fleksibel

Ubah Navigasi & Warna Etalase Anda

Ada beberapa pengaturan etalase lainnya, yang diaktifkan secara default untuk membantu pelanggan menavigasi toko Anda. Anda dapat mematikannya kapan pun Anda mau.

Jika Anda beralih dari versi etalase lama, pengaturan ini akan bermigrasi ke etalase baru seperti yang Anda miliki sebelumnya.

Mode Adaptif Warna. Jika Anda memasang toko online Ecwid di situs web Anda, warna toko secara otomatis akan sesuai dengan tema situs web Anda. Toko Anda akan terlihat seperti bagian alami dari situs web Anda.

Menu footer dan remah roti membantu pelanggan menelusuri toko Anda lebih cepat dan mencegah mereka tersesat.

sign-in link memungkinkan pelanggan masuk ke profil mereka untuk melihat pesanan mereka dan menggunakan daftar keinginan.

Opsi “Urutkan berdasarkan”. memungkinkan pelanggan Anda mengurutkan produk Anda berdasarkan harga, nama, dan kondisi lainnya.

Cara Lain untuk Mengubah Desain Toko Ecwid Anda

Pengaturan desain baru mencakup kasus penggunaan yang paling umum. Jika Anda ingin mengubah toko Anda dengan cara lain:

Jika Anda memerlukan tema khusus untuk toko Anda tanpa coding, cobalah merancang aplikasi dari Ecwid App Market (tersedia pada paket Ecwid berbayar, harga aplikasi berlaku).
Buat tema CSS khusus (seperangkat aturan yang menentukan tampilan setiap elemen di toko, seperti ukuran, bentuk, atau warna). Membuat tema CSS memerlukan pengetahuan teknologi tertentu. Ada sebuah panduan untuk tema CSS di Basis Pengetahuan Ecwid yang menjelaskan cara membuat tema CSS Anda sendiri dan instruksi untuk mengubah elemen tertentu. Anda selalu dapat meminta bantuan tim layanan pelanggan Ecwid, atau pesan pengembangan khusus tema CSS Anda sendiri.
Untuk pengembang: Gunakan API Javascript Ecwid untuk memperluas fitur etalase Ecwid. Anda dapat membuat tema atau aplikasi CSS baru, dan menjualnya di Ecwid App Market. Ecwid Javascript API memungkinkan Anda mengubah tampilan etalase sepenuhnya, membawa perubahan sedalam yang Anda perlukan. Jika Anda siap untuk memulai, silakan daftar di halaman kami untuk pengembang.

Dapatkan Situs Web Gratis untuk Toko Online Anda

Toko Ecwid Anda terlihat bagus, tetapi Anda tidak memiliki situs web untuk menjual?

Situs Instan adalah pembuat situs web gratis yang disediakan Ecwid saat Anda membuat akun Ecwid. Hal ini dilakukan agar Anda dapat dengan cepat mulai berjualan online di halaman web yang rapi dan segera mendapatkan keuntungan untuk mengembangkan bisnis Anda.

Berbicara tentang desain, Situs Instan dibuat dengan sudah jadi blok (gambar sampul, logo, toko online, bagian “Tentang Kami”, umpan balik pelanggan, dan kontak) yang dapat Anda aktifkan, nonaktifkan, dan sesuaikan.

Jika Anda perlu menyesuaikan Situs Instan Anda, siapa yang akan Anda hubungi? Yah, tidak ada siapa-siapa! Anda dapat mengedit seluruh situs web tanpa pengetahuan khusus, menggunakan komputer desktop Anda atau bahkan melalui aplikasi manajemen toko Ecwid Mobile untuk iOS.

Bangun Situs Instan gratis Anda hari ini menggunakan kami selangkah demi selangkah membimbing.