Halo. Konten blog kami telah diterjemahkan secara otomatis demi kenyamanan Anda. Mohon maaf bila sesekali ada terjemahan yang buruk.

Sebuah Panduan Komprehensif untuk Menyesuaikan Ecwid Design Store Anda

Mar 22, 2017 by Qetzal, Kepala Produk
Sebuah Panduan Komprehensif untuk Menyesuaikan Ecwid Design Store Anda
Posted Mar 22, 2017 by Qetzal, Kepala Produk

Toko Ecwid dibuat sedemikian rupa bahwa itu mungkin untuk menambahkannya ke setiap website dan mulai menjual setiap jenis produk dalam waktu singkat. etalase secara otomatis menyesuaikan dengan desktop dan perangkat mobile, dan toko tampak hebat pada layar setiap.

Membuat toko Anda bagian alami dari situs Anda memberikan kesan bisnis profesional. Anda mungkin ingin mengubah desain toko yang sesuai dengan gaya situs web Anda dan kebutuhan khusus dari bisnis khusus Anda. Yang dapat dicapai oleh sejumlah sarana, dari pengaturan otomatis untuk tema kustom dibuat.

Sebagian dari mereka yang tercantum di Kontrol Panel Pengaturan Desain. Pada halaman yang, Anda dapat mengelola pengaturan desain Anda, dan di posting ini, kami akan memberitahu Anda bagaimana untuk membuat sebagian besar dari mereka.

Kita rusak semua modifikasi yang mungkin untuk desain toko Ecwid Anda menjadi tiga tingkatan sesuai dengan keahlian dan sumber daya yang dibutuhkan, dari cepat dan mudah untuk lebih dalam dan lebih kompleks.

Tingkat 1: Cepat dan Mudah

Cepat dan Mudah

tanpa tenaga, modifikasi cepat. Tidak ada tapi mengklik tombol diperlukan.

Sebelum Anda mulai berpikir tentang perubahan desain, inilah kabar baik: Ecwid otomatis membangun di lingkungan dan tampak sebagai bagian alami dari situs Anda atau halaman sosial. Anda tidak perlu melakukan coding apapun untuk itu - semuanya akan bekerja dengan baik.

Di samping, ada cara mudah untuk beradaptasi tampilan toko Anda dan merasa untuk misi Anda tanpa usaha ekstra.

1. Jual pada Ecwid Starter Situs jika Anda tidak memiliki website

Starter Situs adalah sebuah website satu halaman gratis dengan toko online yang Ecwid memberikan secara gratis ketika Anda membuat akun Ecwid Anda.

situs pemula Ecwid

Berbicara tentang desain, Situs Starter dibangun dengan blok siap pakai (gambar sampul, logo, online toko, "Tentang Kami" bagian, Timbal balik pelanggan, dan kontak) Anda dapat mengaktifkan dan menonaktifkan, edit, dan menyesuaikan dengan bisnis Anda. Semua itu bisa dilakukan secara praktis pada saat-saat dengan tangan Anda sendiri.

Jadi, jika Anda tidak memiliki website untuk menjual pada, ini adalah cara yang sangat mudah untuk mulai menjual secara online pada halaman web tampan gratis.

Panduan ini selangkah demi selangkah menjelaskan bagaimana merancang Anda Starter Site: Personalisasi Anda Starter Situs Dari Awal untuk Penjualan Pertama

2. desain kustomisasi mudah bagi mereka yang sudah memiliki website

Jika Anda sudah punya website, Ecwid masih akan lancar mengintegrasikan dengan itu, apa pun itu dibangun di atas: WordPress, Adobe Muse, Wix, Joomla, atau platform lainnya. Inilah yang dapat Anda lakukan untuk membuat toko Anda terlihat lebih baik.

Langkah 1: Gunakan tema yang cocok untuk pembangun situs Anda

Untuk desain website Anda, Anda hanya dapat memilih dari puluhan tema yang tersedia untuk pembelian. Toko Ecwid kompatibel dengan mayoritas dari mereka.

Berikut adalah direktori cepat tempat di web di mana Anda dapat menemukan tema untuk pembangun situs Anda.

Untuk situs WordPress

Juga, jangan lewatkan pada pengumpulan yang terbaik tema WordPress gratis untuk website e-commerce.

Untuk situs Adobe Muse

Untuk website Joomla

Untuk situs Squarespace

Untuk website Wix, akan lebih mudah: menelusuri tema tanpa meninggalkan www.wix.com.

Catatan: Ecwid + pedagang wix dapat sesuai dengan warna dari situs dan toko mereka di pengaturan aplikasi Ecwid Wix.

Wix dan Ecwid pengaturan warna

pengaturan desain toko Ecwid di website Wix

Langkah 2: Aktifkan Mode Color Adaptive

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

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

Modus Ecwid Warna Adaptive

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

Fitur ini tersedia untuk sebagian besar pedagang Ecwid. Catatan: Ecwid + pedagang wix dapat sesuai dengan warna situs web mereka dan menyimpan hanya dalam pengaturan aplikasi Ecwid Wix.

3. Bermain dengan pengaturan tampilan cepat

Setiap kali Anda menjual secara online dengan Ecwid, itu mungkin untuk mengaktifkan atau menonaktifkan elemen etalase Ecwid dalam beberapa klik. Misalnya, mereka yang menjual produk buatan tangan di salinan tunggal biasanya lebih memilih untuk menyembunyikan bidang kuantitas.

Anda mungkin ingin menyembunyikan elemen yang tidak perlu terlalu atau mengubah ukuran thumbnail - bagian Penampilan halaman Desain Anda benar-benar akan membiarkan Anda melakukannya.

pengaturan tampilan

Tingkat 2: Petualang

Petualang
Bagi mereka tanpa pengetahuan teknis yang mencari perubahan desain yang lebih dalam dan punya waktu untuk perjalanan sedikit.

Anda telah toko Anda mengatur dan telah melihat sekeliling. Sekarang Anda mulai merasa perlu untuk sentuhan pribadi: mungkin dicap warna untuk tombol, teks, dan latar belakang, ikon unik, atau elemen baru. Namun, Anda tidak tahu tentang coding.

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

1. Gunakan aplikasi dari Ecwid App Market untuk toko desain

Yang Ecwid Menikmati Pasar jumlah 100+ aplikasi untuk membantu Anda dengan analisis, promosi, pengiriman, dan lebih. Anda juga dapat menemukan aplikasi untuk kustomisasi etalase dan desain. Kita harus melihat dua aplikasi untuk mengubah warna tema Anda tanpa coding: toko Designer dan Penghias.

toko Designer

toko Designer adalah sebuah aplikasi yang memungkinkan Anda dengan cepat mengatur warna untuk tombol, teks, dan latar belakang.

Modus pratinjau memungkinkan Anda untuk bermain dengan warna sebanyak yang Anda inginkan sebelum menerbitkan desain yang sempurna untuk etalase yang.

toko Designer

antarmuka toko Designer

Aplikasi biaya $4.99 dan menawarkan uji coba gratis minggu.

Penghias

Penghias adalah sebuah alternatif untuk Toko Designer.

Dekorator memungkinkan Anda untuk mengubah desain hampir semua elemen di etalase Anda. Ada modus Quick Start untuk pengguna pemula untuk dengan cepat mengubah desain aspek utama etalase dan mode pengaturan penuh untuk pengguna berpengalaman. Menyesuaikan biaya etalase Anda $27, dan Anda dapat melihat pratinjau tampilan sebelum melakukan pembelian pada komputer Anda hanya.

Penghias

antarmuka dekorator

Semua dalam semua, aplikasi ini memiliki beberapa alat benar-benar gratis sehingga Anda dapat bermain dengan desain Anda dan memoles tampilan toko Anda.

Kedua dekorator dan Toko Designer tersedia pada semua rencana Ecwid dibayar, serta sisa aplikasi Market App.

2. Copy-paste tweak siap dari Pangkalan Pengetahuan

Ecwid Pengetahuan Dasar memiliki jawaban mayoritas pertanyaan seorang pemilik toko Ecwid mungkin memiliki. Kami terus menambahkan artikel baru di sini dengan paling sering diajukan tips dan solusi siap pakai.

Petualang dapat menemukan berbagai petunjuk tentang kustomisasi etalase; misalnya,

mengubah font di toko atau menambahkan kotak pencarian.

Sebagian besar petunjuk ini memecah untuk menyalin-paste sepotong kode ke tema CSS Anda.

Anda dapat mengatur tema CSS Anda di Kontrol Panel Pengaturan Desain.

Proses berjalan seperti ini: misalnya, jika Anda ingin mengubah icon keranjang Anda, pergi ke Anda Pengaturan → Desain, membuat CSS tema baru, tambahkan sepotong kode, simpan perubahan, dan mengaktifkan tema.

manajemen tema CSS di Ecwid

Anda harus menambahkan semua perubahan lebih lanjut untuk tema ini - hanya satu tema pada suatu waktu dapat aktif, sehingga harus mencakup semua modifikasi Anda ingin membawa ke toko Anda.

3. Memesan pengembangan tema kustom

Jika Anda tidak dapat menemukan tema yang akan memenuhi kebutuhan Anda, pilihan lain adalah untuk memesan pengembangan tema CSS yang akan dibangun hanya untuk Anda. Sebuah tema kustom berarti lebih dari sekedar perubahan warna dan memungkinkan Anda mendapatkan kustomisasi lebih dalam, e.g. urutan yang sama sekali berbeda dari blok di halaman produk Anda.

Tema siap pakai dan pengembangan tema yang tersedia untuk semua pedagang Ecwid.

S_Ecwid_201_Cover

Ecwid 201: Ambil Toko Ecwid Anda ke Tingkat Berikutnya

Panduan mendalam yang menjelaskan bagaimana mengubah desain toko dengan CSS

silakan isi alamat email

Dengan memasukkan email Anda, Anda akan menerima update blog mingguan Ecwid dan sumber daya untuk membantu Anda membangun bisnis e-commerce yang sukses Anda.

Tingkat 3: Veteran

Veteran
kustomisasi berat: perubahan lengkap toko tampilan Anda. Halo, kode.

Kadang-kadang perubahan yang lebih dalam dari tampilan toko yang diperlukan: Anda mungkin ingin menu drop-down, tata letak yang berbeda dari elemen halaman produk, atau desain kustom tombol.

Untuk pedagang tech-savvy atau mereka yang memiliki pengembang dalam skuad mereka, ada kesempatan untuk membawa perubahan dari jenis dan bahkan mengubah toko Ecwid mereka luar pengakuan dengan bantuan tema CSS kustom atau Ecwid API.

1. Buat tema CSS buatan sendiri

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

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

Buat kustom CSS tema

Membuat tema CSS Anda sendiri di Pengaturan → Desain

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

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

Ingat bahwa jika Anda berjuang dengan desain toko Ecwid Anda, Anda selalu dapat meminta tim Ecwid customer care untuk bantuan. Atau itu masih mungkin untuk memesan pengembangan kustom CSS tema sendiri.

2. Gunakan API Ecwid Javascript untuk memperpanjang Ecwid fitur etalase

Bagian ini sebagian besar untuk pengembang. Apakah Anda tahu apa lagi yang bisa meningkatkan toko Ecwid Anda? mendapatkan Ecwid Javascript API.

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

***

Baca juga: Bagaimana Desain Produk Kategori Gambar Yang Pelanggan Anda tidak Dapat Menahan untuk Klik

About The Author
Qetzal is Head of Product at Ecwid. He loves to create new things to make people's lives easier.

Stay up to date!

Get free e-commerce tips, news and inspiring ideas delivered directly to your inbox

Baca juga