Semua yang Anda butuhkan untuk berjualan online

Siapkan toko online dalam hitungan menit untuk berjualan di situs web, media sosial, atau pasar.

Panduan Komprehensif untuk Menyesuaikan Desain Toko Ecwid Anda

Panduan Komprehensif untuk Menyesuaikan Desain Toko Ecwid Anda

12 min baca

UDP: Pada bulan April 2018, kami merilis pengaturan desain baru di Ecwid! Pelajari seberapa dalam Anda dapat menyesuaikan toko Ecwid Anda tanpa coding apapun di postingan blog yang lebih baru. Jika toko Anda dibuat sebelum April 2018 dan Anda ingin belajar menggunakan pengaturan lama, teruslah membaca yang ini.

Toko Ecwid dibuat sedemikian rupa sehingga memungkinkan untuk menambahkannya ke setiap situs web dan mulai menjual setiap jenis produk dalam waktu singkat. Etalasenya secara otomatis beradaptasi dengan desktop dan perangkat seluler, dan tokonya terlihat bagus di layar mana pun.

Menjadikan toko Anda sebagai bagian alami dari situs web Anda memberikan kesan bisnis profesional. Anda mungkin ingin mengubah desain toko agar sesuai dengan gaya situs web Anda dan kebutuhan spesifik bisnis Anda. Hal ini dapat dicapai melalui sejumlah cara, mulai dari pengaturan yang sepenuhnya otomatis hingga dibuat khusus tema.

Mayoritas dari mereka terdaftar di Control Panel Pengaturan Mendesain. Di halaman itu, Anda dapat mengelola pengaturan desain Anda, dan dalam postingan ini, kami akan memberi tahu Anda cara memanfaatkannya semaksimal mungkin.

Kami memecah semua kemungkinan modifikasi pada desain toko Ecwid Anda menjadi tiga tingkatan sesuai dengan keterampilan dan sumber daya yang diperlukan, dari cepat dan mudah hingga lebih dalam dan lebih kompleks.

Cara jualan online
Kiat dari e-commerce ahli untuk pemilik usaha kecil dan calon pengusaha.
silakan isi alamat email

Tingkat 1: Cepat dan Mudah

Cepat dan mudah

Modifikasi yang mudah dan cepat. Tidak diperlukan apa pun kecuali mengklik tombol.

Sebelum Anda mulai memikirkan perubahan desain, inilah kabar baiknya: Ecwid secara otomatis dibangun di lingkungan dan terlihat sebagai bagian alami dari situs web atau halaman sosial Anda. Anda tidak perlu melakukan pengkodean apa pun untuk itu — semuanya akan berfungsi dengan baik.

Selain itu, ada cara mudah untuk menyesuaikan tampilan dan nuansa toko Anda dengan misi Anda tanpa usaha ekstra.

1. Jual di Situs Instan Ecwid jika Anda tidak memiliki situs web

Situs Instan adalah situs web gratis dengan toko online yang disediakan Ecwid secara gratis saat Anda membuat akun Ecwid.

Situs Ecwid Instan

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 dan nonaktifkan, edit, dan sesuaikan dengan bisnis Anda. Semua itu bisa dilakukan secara praktis dalam sekejap dengan tangan Anda sendiri.

Jadi, jika Anda tidak memiliki situs web untuk berjualan, ini adalah cara yang sangat mudah untuk mulai berjualan online di a bagus dilihat halaman web secara gratis.

Kredensial mikro selangkah demi selangkah panduan ini menjelaskan cara mendesain Situs Instan Anda: Personalisasi Situs Instan Anda Dari Awal hingga Penjualan Pertama

2. Kustomisasi desain yang mudah bagi yang sudah memiliki website

Jika Anda sudah memiliki situs web, Ecwid akan tetap berintegrasi dengan lancar, apa pun yang dibangun di atasnya: WordPress, Wix, Joomla, atau platform lainnya. Inilah yang dapat Anda lakukan untuk membuat toko Anda terlihat lebih baik.

Langkah 1: Gunakan tema yang cocok untuk pembuat situs Anda

Untuk mendesain situs web Anda, Anda cukup memilih dari lusinan tema yang tersedia untuk dibeli. Toko Ecwid kompatibel dengan sebagian besar dari mereka.

Berikut adalah direktori singkat tempat di web tempat Anda dapat menemukan tema untuk pembuat situs Anda.

Untuk situs WordPress

Juga, jangan lewatkan koleksinya tema WordPress gratis terbaik untuk e-commerce situs web.

Untuk situs web Joomla

Untuk situs web Squarespace

Untuk situs web Wix, bahkan lebih mudah lagi: jelajahi tema tanpa keluar www.wix.com.

Catatan: Pedagang Ecwid + Wix dapat mencocokkan warna situs web mereka dan menyimpannya dalam pengaturan aplikasi Ecwid Wix.

Pengaturan warna Wix dan Ecwid

Pengaturan desain toko Ecwid di situs web Wix

Langkah 2: Aktifkan Mode Adaptif Warna

Jika Anda membuka toko Ecwid baru dan menambahkannya ke situs web Anda, Ecwid akan secara otomatis menyesuaikan warna toko dengan gaya situs web Anda. Fitur ini disebut Mode Adaptif Warna. Ini adalah cara yang sangat mudah untuk menjadikan toko Anda bagian alami dari situs web Anda.

Jika Anda sudah menjual dengan Ecwid, Mode Adaptif Warna tidak akan diaktifkan secara default, namun Anda dapat mengaktifkannya di halaman Desain:

Mode Adaptif Warna Ecwid

Bagaimana jika Anda menambahkan toko Ecwid Anda ke beberapa situs web? Dengan mengaktifkan Mode Adaptif Warna, warna toko akan beradaptasi dengan masing-masing warna. Toko Anda akan terlihat alami di setiap lingkungan situs web, tidak peduli apakah itu putih, hitam, atau hijau.

Fitur ini tersedia untuk sebagian besar pedagang Ecwid. Catatan: Pedagang Ecwid + Wix dapat mencocokkan warna situs web mereka dan menyimpannya hanya di pengaturan aplikasi Ecwid Wix.

3. Mainkan dengan pengaturan tampilan cepat

Kapanpun kamu berjualan online dengan Ecwid, dimungkinkan untuk mengaktifkan atau menonaktifkan elemen etalase Ecwid dalam beberapa klik. Misalnya, mereka yang menjual produk buatan tangan dalam satu salinan sering kali lebih memilih untuk menyembunyikan kolom kuantitas.

Anda mungkin ingin menyembunyikan elemen yang tidak diperlukan juga atau mengubah ukuran thumbnail — bagian Penampilan di halaman Desain Anda akan memungkinkan Anda melakukannya.

Pengaturan penampilan

Tingkat 2: Petualang

Petualang
Bagi mereka yang tidak memiliki pengetahuan teknis yang mencari perubahan desain lebih dalam dan memiliki waktu untuk melakukan sedikit perjalanan.

Anda telah menyiapkan toko Anda dan telah melihat-lihat. Sekarang Anda mulai merasakan kebutuhan akan sentuhan pribadi: mungkin berupa warna bermerek untuk tombol, teks, dan latar belakang, ikon unik, atau elemen baru. Namun, Anda tidak tahu tentang coding.

Jangan khawatir: pada level ini, kami telah mengumpulkan alat yang akan membantu Anda mencapai tujuan di atas tanpa pengetahuan khusus. Mari kita lihat lebih dekat.

1. Gunakan aplikasi dari Ecwid App Market untuk desain toko

Pasar Aplikasi Ecwid menghitung 100+ aplikasi untuk membantu Anda dengan analisis, promosi, pengiriman, dan banyak lagi. Anda juga dapat menemukannya aplikasi untuk kustomisasi etalase dan disain. Kita akan melihat satu aplikasi untuk mengubah warna tema Anda tanpa coding apa pun: Desainer Toko.

Desainer Toko

Desainer Toko adalah aplikasi yang memungkinkan Anda mengatur warna tombol, teks, dan latar belakang dengan cepat.

Mode pratinjau memungkinkan Anda bermain-main dengan warna sebanyak yang Anda inginkan sebelum mempublikasikan desain sempurna Anda ke etalase.

Desainer Toko

Antarmuka Perancang Toko

Aplikasi ini berharga $4.99 dan menawarkan minggu uji coba gratis.

Perancang Toko tersedia pada semua paket Ecwid berbayar, serta aplikasi App Market lainnya.

2. Salin tempel penyesuaian siap dari Basis Pengetahuan

Basis Pengetahuan Ecwid memiliki jawaban atas sebagian besar pertanyaan yang mungkin dimiliki pemilik toko Ecwid. Kami terus menambahkan artikel baru di sini dengan tips yang paling sering ditanyakan dan sudah jadi solusi.

Petualang dapat menemukan beragam instruksi tentang penyesuaian etalase; Misalnya,

mengubah font di toko or menambahkan kotak pencarian.

Sebagian besar instruksi ini dipecah menjadi salin-tempel sepotong kode ke dalam tema CSS Anda.

Anda dapat mengelola tema CSS Anda di Control Panel Pengaturan Mendesain.

Prosesnya seperti ini: misalnya, jika Anda ingin mengubah ikon keranjang, buka Pengaturan → Desain, buat tema CSS baru, tambahkan sepotong kode, simpan perubahan, dan aktifkan tema.

Manajemen tema CSS di Ecwid

Anda harus menambahkan semua perubahan lebih lanjut pada tema ini — hanya satu tema dalam satu waktu yang dapat aktif, sehingga tema tersebut harus menyertakan semua modifikasi yang ingin Anda bawa ke toko Anda.

3. Pesan pengembangan tema khusus

Jika Anda tidak dapat menemukan tema yang sesuai dengan kebutuhan Anda, pilihan lainnya adalah memesan pengembangan tema CSS yang akan dibangun khusus untuk Anda. Tema khusus berarti lebih dari sekadar perubahan warna dan memungkinkan Anda mendapatkan penyesuaian yang lebih mendalam, misalnya urutan blok yang sangat berbeda pada halaman produk Anda.

Siap pakai tema dan pengembangan tema tersedia untuk semua pedagang Ecwid.

Tingkat 3: Veteran

Veteran
Kustomisasi berat: perubahan total pada tampilan toko Anda. Halo, kode.

Terkadang diperlukan perubahan lebih dalam pada tampilan toko: Anda mungkin menginginkan a drop-down menu, tata letak elemen halaman produk yang berbeda, atau desain tombol khusus.

Untuk penggemar teknologi pedagang atau mereka yang memiliki pengembang di tim mereka, ada peluang untuk membawa perubahan semacam itu dan bahkan mengubah toko Ecwid mereka tanpa bisa dikenali dengan bantuan tema CSS khusus atau API Ecwid.

1. Buat a self-made tema CSS

Jika Anda ingin mendesain toko Anda sendiri, pertimbangkan untuk membuat tema CSS Anda sendiri.

Tema CSS adalah seperangkat aturan yang menentukan tampilan setiap elemen di toko (ukuran, bentuk, warna, dan tempat pada halaman).

Buat tema CSS khusus

Buat tema CSS Anda sendiri di Pengaturan → Desain

Ada panduan di Basis Pengetahuan Ecwid yang menjelaskan cara membuat tema CSS Anda sendiri dan instruksi untuk mengubah elemen tertentu.

Perhatikan bahwa Anda harus memiliki pemahaman tentang HTML dan CSS, jadi jika kedua kata ini terdengar asing, Anda harus siap meluangkan waktu untuk memperoleh keterampilan yang diperlukan untuk membuat tema dari awal.

Ingatlah bahwa jika Anda kesulitan dengan desain toko Ecwid Anda, Anda selalu dapat meminta bantuan tim layanan pelanggan Ecwid. Atau masih bisa pesan pengembangan khusus tema CSS Anda sendiri.

2. Gunakan Ecwid Javascript API untuk memperluas fitur etalase Ecwid

Bagian ini sebagian besar untuk pengembang. Tahukah Anda apa lagi yang bisa meningkatkan etalase Ecwid Anda? Mendapatkan API Javascript Ecwid.

Misalnya, 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.

***

Baca juga: Bagaimana Mendesain Gambar Kategori Produk yang Pelanggan Anda Tidak Dapat Menolak untuk Mengkliknya


 

Daftar Isi

Jual online

Dengan Ecwid Ecommerce, Anda dapat dengan mudah menjual di mana saja, kepada siapa saja — di internet dan di seluruh dunia.

Tentang Penulis

Qetzal adalah Kepala Produk di Ecwid. Dia suka menciptakan hal-hal baru untuk membuat hidup orang lebih mudah.

E-niaga yang mendukung Anda

Sangat mudah digunakan – bahkan klien saya yang paling fobia teknologi pun dapat mengelolanya. Mudah dipasang, cepat diatur. Beberapa tahun cahaya lebih maju dari plugin toko lainnya.
Saya sangat terkesan sehingga saya merekomendasikannya kepada klien situs web saya dan sekarang saya menggunakannya untuk toko saya sendiri bersama dengan empat toko lainnya yang saya webmaster. Pengkodean yang indah, dukungan terbaik yang luar biasa, dokumentasi yang bagus, video petunjuk yang fantastis. Terima kasih banyak Ecwid, kamu keren!
Saya telah menggunakan Ecwid dan saya menyukai platform itu sendiri. Segalanya disederhanakan hingga menjadi gila. Saya suka bagaimana Anda memiliki opsi berbeda untuk memilih operator pengiriman, untuk dapat memasukkan begitu banyak varian berbeda. Ini adalah gerbang e-commerce yang cukup terbuka.
Mudah digunakan, terjangkau (dan opsi gratis jika baru memulai). Terlihat profesional, banyak template untuk dipilih. Aplikasi ini adalah fitur favorit saya karena saya dapat mengelola toko langsung dari ponsel saya. Sangat direkomendasikan 👌👍
Saya suka bahwa Ecwid mudah untuk memulai dan digunakan. Bahkan untuk orang seperti saya, tanpa latar belakang teknis apa pun. Artikel bantuan yang ditulis dengan sangat baik. Dan tim support adalah yang terbaik menurut saya.
Untuk semua yang ditawarkannya, ECWID sangat mudah diatur. Sangat direkomendasikan! Saya melakukan banyak riset dan mencoba sekitar 3 pesaing lainnya. Coba saja ECWID dan Anda akan online dalam waktu singkat.

Impian e-niaga Anda dimulai di sini

Dengan mengklik "Terima Semua Cookie", Anda menyetujui penyimpanan cookie di perangkat Anda untuk meningkatkan navigasi situs, menganalisis penggunaan situs, dan membantu upaya pemasaran kami.
Privasi Anda

Saat Anda mengunjungi situs web apa pun, situs tersebut mungkin menyimpan atau mengambil informasi di browser Anda, sebagian besar dalam bentuk cookie. Informasi ini mungkin tentang Anda, preferensi Anda, atau perangkat Anda dan sebagian besar digunakan untuk membuat situs berfungsi sesuai harapan Anda. Informasi tersebut biasanya tidak mengidentifikasi Anda secara langsung, namun dapat memberi Anda pengalaman web yang lebih personal. Karena kami menghormati hak privasi Anda, Anda dapat memilih untuk tidak mengizinkan beberapa jenis cookie. Klik pada judul kategori yang berbeda untuk mengetahui lebih lanjut dan mengubah pengaturan default kami. Namun, memblokir beberapa jenis cookie dapat memengaruhi pengalaman Anda terhadap situs dan layanan yang kami tawarkan. Informasi lebih lanjut

Informasi lebih lanjut

Cookies yang Sangat Diperlukan (Selalu aktif)
Cookies ini diperlukan agar situs web dapat berfungsi dan tidak dapat dimatikan di sistem kami. Biasanya hanya ditetapkan sebagai respons terhadap tindakan yang Anda lakukan yang merupakan permintaan layanan, seperti mengatur preferensi privasi Anda, masuk, atau mengisi formulir. Anda dapat mengatur browser Anda untuk memblokir atau mengingatkan Anda tentang cookie ini, namun beberapa bagian situs tidak akan berfungsi. Cookies ini tidak menyimpan informasi identitas pribadi apa pun.
Cookie Penargetan
Cookie ini dapat disetel melalui situs kami oleh mitra periklanan kami. Mereka mungkin digunakan oleh perusahaan-perusahaan tersebut untuk membangun profil minat Anda dan menampilkan iklan yang relevan di situs lain. Mereka tidak menyimpan informasi pribadi secara langsung, namun didasarkan pada identifikasi unik browser dan perangkat internet Anda. Jika Anda tidak mengizinkan cookie ini, Anda akan mendapatkan iklan yang kurang bertarget.
Cookies Fungsional
Cookies ini memungkinkan situs web untuk menyediakan fungsionalitas dan personalisasi yang ditingkatkan. Hal ini mungkin diatur oleh kami atau oleh penyedia pihak ketiga yang layanannya telah kami tambahkan ke halaman kami. Jika Anda tidak mengizinkan cookie ini maka beberapa atau semua layanan ini mungkin tidak berfungsi dengan baik.
Kuki Kinerja
Cookie ini memungkinkan kami menghitung kunjungan dan sumber lalu lintas, sehingga kami dapat mengukur dan meningkatkan kinerja situs kami. Mereka membantu kami mengetahui halaman mana yang paling dan paling tidak populer dan melihat bagaimana pengunjung berpindah-pindah situs. Semua informasi yang dikumpulkan oleh cookie ini dikumpulkan dan karenanya bersifat anonim. Jika Anda tidak mengizinkan cookie ini, kami tidak akan tahu kapan Anda mengunjungi situs kami.