Desain Pengaturan baru Ecwid: Puluhan Customization Pilihan, Tidak ada Coding

12 min read

Desain berbicara banyak untuk sebuah toko e-commerce. Jika orang dapat dengan mudah menavigasi toko online Anda, Anda memiliki kesempatan yang lebih baik mengkonversi mereka. Sebuah konsisten, desain modern dapat memberitahu pelanggan bahwa Anda merek yang dapat dipercaya.

Ecwid membantu bisnis apapun - bahkan kecil dan mulai satu - untuk melihat dan menjual profesional di web. Anda tidak harus membayar banyak sekali untuk top-tier web desainer untuk mendapatkan ponsel-ramah, bersih, dan toko e-commerce yang indah.

Kita’sudah ditambahkan puluhan fungsi desain etalase baru untuk Ecwid, sehingga Anda dapat memberikan e-commerce Anda menyimpan tampilan dan nuansa yang mencerminkan merek Anda yang paling.

Menyiapkan setiap detail kecil dalam desain toko online Anda sudah mati mudah. gaya perubahan gambar, layout halaman produk, dan elemen etalase tanpa coding. Anda akan melihatnya sendiri di posting ini.

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

Aktifkan update ini di Pengaturan → Apa yang Baru untuk melihat halaman pengaturan desain baru

Bagaimana jika saya menggunakan versi lama dari Ecwid etalase?

Beralih ke toko baru dapat mengubah tampilan toko Anda benar-benar. Dengan pengaturan desain baru, Anda akan mendapatkan lebih banyak pilihan kustomisasi dan tampilan yang lebih menarik untuk toko Anda. Namun, hati-hati jika Anda menggunakan tema CSS buatan sendiri atau fitur etalase custom-maju lainnya - mereka mungkin tidak kompatibel dengan etalase yang baru. Jika Anda memerlukan bantuan, tim dukungan kami ada untuk Anda.

Desain etalase Online Anda

Anda mengontrol seluruh tampilan katalog produk Anda, from product pictures to SKUs and buttons.

1. Сhoose yang terbaik ukuran gambar untuk menampilkan produk Anda

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

Beberapa produk memiliki rincian penting bahwa Anda mungkin ingin untuk memvisualisasikan (misalnya, jika Anda menjual perhiasan atau lukisan). Pilih ukuran gambar besar untuk membiarkan pelanggan Anda mengagumi produk indah Anda dan fotografi.

Jika Anda menjual satu jenis produk dalam berbagai besar (katakan, 200 sabuk kulit dalam berbagai warna), menempel gambar yang lebih kecil. toko Anda akan menampilkan banyak produk di layar dan pelanggan Anda akan terkesan dengan pilihan.

Kecil, medium, dan ukuran gambar besar untuk gambar produk

2. Optimalkan rasio aspek gambar untuk dimensi produk Anda

Apakah Anda menjual telapak tangan? Atau mungkin model berkaki panjang memamerkan mantel desainer Anda? Keduanya akan terlihat bagus di gambar vertikal.

Rasio horisontal cocok untuk produk yang luas - mengatakan, sepatu, sofa, atau bar gizi.

Untuk benda bulat (atau, bila ragu), menggunakan gambar persegi, mereka selalu tampak hebat.

Vertikal, horisontal, dan gambar produk persegi

Vertikal, horisontal, dan gambar persegi

Jika Anda ingin menekankan gambar produk dan membuat mereka berdiri keluar dari latar belakang toko, pilih “Menggelapkan background image”.

3. Memilih apa produk info untuk menunjukkan di depan toko

Mirip dengan foto produk, Anda dapat memilih dari banyak pilihan desain untuk elemen etalase lainnya: produk nama, judul, harga, SKUs, “Beli” tombol. Memutuskan bagaimana menampilkan masing-masing - di bawah gambar produk atau pada mouse hover.

Menampilkan unsur-unsur di bawah gambar produk, di hover, atau menyembunyikan mereka

Jika Anda memilih untuk menempatkan info di bawah gambar produk, itu mungkin untuk mengatur tata letak. Menyelaraskan konten Anda ke kiri, benar, pusat, atau membenarkan hal itu - Anda bebas untuk membuat tampilan yang paling Anda sukai.

layout yang berbeda dari unsur-unsur (nama produk dan priceDifferent layout dari elemen

layout yang berbeda dari unsur-unsur (nama produk dan harga)

Ini juga mungkin untuk menyembunyikan elemen. Sembunyikan semua dari mereka untuk membuat toko Anda menyerupai lookbook sebuah. Dengan mengklik salah satu gambar produk, pelanggan Anda akan masuk ke halaman produk.

Memilih untuk menampilkan gambar produk tambahan jika Anda ingin menampilkan lebih detail. Ecwid akan menampilkan gambar pertama dari galeri foto produk pada mouse hover.

citra produk tambahan pada mouse hover

Pengaturan baru ini membuat sejumlah besar variasi desain untuk toko tampilan Anda.

4. Desain kategori toko Anda

Anda akan menemukan pilihan untuk mengatur tampilan kategori Anda. Apakah Anda memiliki foto, icons, atau logo merek untuk kategori gambar Anda, Ecwid memiliki pilihan desain untuk membuat mereka terlihat menakjubkan.

Nama kategori di bawah gambar, pada mereka, di hover, dan tersembunyi

Optimalkan Halaman Produk untuk Konversi

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

1. Pilih tata letak halaman produk

Ada empat pilihan baru untuk mengatur konten pada halaman produk Anda.

Menarik perhatian untuk gambar produk Anda. Menempatkan gambar produk berkualitas tinggi di sisi kiri halaman produk Anda akan membuat hal pertama pelanggan Anda akan melihat. Gunakan layout 2 kolom dengan deskripsi produk di sebelah kanan jika Anda menjual produk visual menarik dan memiliki deskripsi produk singkat.

Tata letak 2-kolom dengan deskripsi produk di sebelah kanan

Menambahkan deskripsi produk rinci. Untuk produk seperti elektronik atau barang farmasi, deskripsi produk dapat cukup lama. Kemudian pilih tata letak dua kolom dengan deskripsi produk di bawah gambar. Bahkan jika Anda menambahkan pengguna lama untuk menggunakan produk Anda, halaman akan terlihat harmonis.

Tata letak 2-kolom dengan deskripsi produk di bawah gambar

Tekankan pilihan produk dan tombol “Checkout”. Jika pelanggan Anda tidak harus membaca deskripsi panjang atau meneliti galeri untuk membeli produk Anda, memilih untuk menampilkan pilihan produk dengan tombol checkout di sebelah kiri. Katakan, jika Anda menjual ikan akuarium kecil.

“Tambahkan ke tas” tombol dalam fokus

Meminimalkan bergulir dan gangguan. Sebuah tata letak tiga kolom bekerja jika Anda ingin halaman produk Anda untuk menampilkan informasi maksimal tanpa bergerak ekstra.

Tata letak 3-kolom kompak

Anda juga bisa memilih layout galeri foto Anda. Membantu pelanggan Anda mendapatkan nuansa produk Anda dengan galeri foto yang menarik. Pilih layout untuk thumbnail gambar dalam galeri anda (vertikal atau horisontal) atau menampilkan gambar menghipnotis Anda dalam ukuran penuh. Pandangan yang lebih alternatif yang lebih dan rinci Anda menunjukkan, lebih baik.

Foto pilihan tata letak galeri

3. Pilih produk info untuk menampilkan di sidebar

Sebuah halaman produk mengkonversi memberikan informasi yang cukup produk sementara tetap sederhana. Di Ecwid, Anda dapat menyembunyikan elemen (seperti SKU, produk pilihan, tombol share) jika Anda tidak membutuhkannya, sehingga pelanggan Anda tidak terganggu dalam perjalanan mereka ke troli.

Bagian yang terbaik adalah bahwa Anda dapat menarik setiap elemen dan mengatur mereka dalam urutan apapun. Uji banyak cara-cara baru untuk mengoptimalkan halaman produk Anda untuk konversi.

pengaturan sidebar fleksibel

Ubah etalase Navigasi Anda & warna

Ada beberapa pengaturan etalase, yang diaktifkan secara default untuk membantu pelanggan Anda menavigasi toko Anda. Anda dapat mengubah salah satu dari mereka off kapan pun Anda suka.

Jika Anda beralih dari versi etalase tua, pengaturan ini akan bermigrasi ke toko baru sebagai Anda memiliki mereka sebelum.

Modus warna Adaptive. Jika Anda menginstal sebuah toko online Ecwid di situs web Anda, warna toko otomatis akan sesuai dengan tema website Anda. toko Anda akan terlihat seperti bagian alami dari situs Anda.

Footer menu dan remah roti membantu pelanggan untuk menelusuri toko Anda lebih cepat dan mencegah mereka dari tersesat.

Tanda-in Link memungkinkan pelanggan untuk masuk ke profil mereka untuk melihat pesanan mereka dan menggunakan wishlist.

“Urutkan berdasarkan” Pilihan memungkinkan pelanggan Anda untuk memilah produk Anda dengan harga, nama, dan kondisi lain.

Cara lain untuk Mengubah Ecwid Design Store Anda

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

Jika Anda membutuhkan tema kustom untuk toko Anda tanpa coding, coba desain aplikasi dari Market Ecwid App (tersedia pada rencana Ecwid dibayar, harga aplikasi berlaku).
Buat tema CSS kustom (seperangkat aturan yang menentukan tampilan setiap elemen di toko, seperti ukuran, bentuk, atau warna). Membuat tema CSS membutuhkan pengetahuan teknologi tertentu. Ada memandu dengan tema CSS di Pangkalan Pengetahuan Ecwid yang menjelaskan cara membuat CSS tema Anda sendiri dan instruksi untuk mengubah elemen tertentu. Anda selalu dapat meminta tim Ecwid customer care untuk bantuan, atau memesan pengembangan kustom CSS tema sendiri.
Untuk pengusaha: Gunakan Ecwid Javascript API untuk memperpanjang Ecwid fitur etalase. Anda dapat membangun tema CSS baru atau aplikasi, dan menjualnya di Pasar Ecwid App. The Ecwid Javascript API memungkinkan Anda untuk mengubah tampilan toko tampilan yang sama sekali, membawa perubahan sedalam yang Anda butuhkan. Jika Anda siap untuk memulai, tolong mendaftar di halaman kami untuk pengembang.

Get a Free Website for Your Online Store

toko Ecwid Anda tampak hebat, tetapi Anda tidak memiliki website untuk menjual di?

Instant Site is a free website builder that Ecwid provides when you create your Ecwid account. Hal ini dilakukan untuk memungkinkan Anda dengan cepat mulai menjual secara online pada halaman web rapi dan membuat keuntungan langsung untuk mengembangkan bisnis Anda.

Berbicara tentang desain, Situs instan dibangun dengan blok siap pakai (gambar sampul, logo, online toko, “Tentang Kami” seksi, Timbal balik pelanggan, dan kontak) Anda dapat mengaktifkan, melumpuhkan, dan menyesuaikan.

Jika Anda perlu untuk menyesuaikan Situs Instan Anda, yang sedang Anda akan panggilan? Yah, tak seorangpun! Anda dapat mengedit seluruh website tanpa pengetahuan khusus, menggunakan komputer desktop atau bahkan melalui Ecwid Ponsel manajemen toko aplikasi untuk iOS.

Membangun Situs Instan gratis hari ini menggunakan kami langkah-demi-langkah panduan.