Yeni Ecwid Tasarım Ayarları: Onlarca Özelleştirme Seçeneği, Kodlama Yok

12 dak. Okundu

Tasarım çok şey anlatıyor e-ticaret mağaza. İnsanlar çevrimiçi mağazanızda kolayca gezinebiliyorsa, onları dönüştürme şansınız çok daha yüksektir. Tutarlı ve modern bir tasarım, müşterilere güvenilir bir marka olduğunuzu gösterebilir.

Ecwid, küçük ve yeni başlayan bir işletme bile olsa, her işletmenin web'de profesyonel bir şekilde görüntülenmesine ve satış yapmasına yardımcı olur. çok fazla para ödemenize gerek yok üst katman almak için web tasarımcıları mobil uyumlu, temiz ve güzel e-ticaret saklayın.

ekledik düzinelerce yeni mağaza tasarımı işlevi Ecwid'e, böylece e-ticaret Markanızı en çok yansıtan görünümü ve hissi saklayın.

Çevrimiçi mağaza tasarımınızda her küçük ayrıntıyı ayarlamak çok kolaydır. Görsel stillerini, ürün sayfası düzenlerini ve vitrin öğelerini kodlamaya gerek kalmadan değiştirin. Bu yazıda bunu kendiniz göreceksiniz.

Yeni ayarlar altında yer alır Ayarlar → Tasarım Ecwid Kontrol panelinizde. Bunları kullanmak için tüm vitrin güncellemelerini etkinleştirdiğinizden emin olun. Ayarlar → Yenilikler.

Ecwid kontrol panelindeki yenilikler bölümü

Yeni tasarım ayarları sayfasını görmek için Ayarlar → Yenilikler bölümünde bu güncellemeleri etkinleştirin

Ecwid mağazasının eski sürümünü kullanıyorsam ne olur?

Yeni vitrine geçmek mağazanızın görünümünü tamamen değiştirebilir. Yeni tasarım ayarlarıyla daha fazla özelleştirme seçeneğine ve mağazanız için daha ilgi çekici bir görünüme sahip olacaksınız. Ancak kullanıyorsanız dikkatli olun kendi kendini yetiştirmiş CSS teması veya diğer özel geliştirilmiş vitrin özellikleri — bunlar yeni vitrinle uyumlu olmayabilir. Yardıma ihtiyacınız varsa destek ekibimiz yanınızda.

Çevrimiçi Vitrininizi Tasarlayın

Ürün resimlerinden ürün kataloğunuzun tüm görünümünü kontrol edersiniz. STB'ler ve düğmeler.

1. Ürünlerinizi sergilemek için en iyi görsel boyutunu seçin

Varsayılan olarak ürün resimleri orta büyüklükte, çoğu mağaza için uygundur.

Bazı ürünlerde görselleştirmek isteyebileceğiniz önemli ayrıntılar bulunur (örneğin, mücevher veya tablo satıyorsanız). Müşterilerinizin güzel ürünlerinize ve fotoğraflarınıza hayran kalmasını sağlamak için büyük resim boyutunu seçin.

Geniş bir ürün yelpazesinde tek bir ürün türü satıyorsanız (örneğin, farklı renklerde 200 deri kemer), daha küçük görsellere sadık kalın. Mağazanız ekranda birçok ürünü sergileyecek ve müşterileriniz seçimden etkilenecek.

Ürün resimleri için küçük, orta ve büyük resim boyutları

2. Görüntünün en boy oranını ürün boyutlarınıza göre optimize edin

Palmiye satıyor musun? Ya da belki uzun bacaklı modeller tasarımcı paltolarınızı sergiliyor mu? Her ikisi de dikey resimlerde harika görünecek.

Yatay oran, örneğin ayakkabılar, kanepeler veya beslenme çubukları gibi geniş ürünlere uygundur.

Yuvarlak nesneler için (veya şüpheniz varsa) kare resimler kullanın, her zaman harika görünürler.

Dikey, yatay ve kare resimler

Ürün resimlerini vurgulamak ve mağaza arka planında öne çıkmasını istiyorsanız "Resim arka planını koyulaştır"ı seçin.

3. Vitrinde hangi ürün bilgilerinin gösterileceğini seçin

Ürün fotoğraflarına benzer şekilde diğer vitrin öğeleri için de birçok tasarım seçeneği arasından seçim yapabilirsiniz: ürün adları, başlıklar, fiyatlar, SKU'lar, "Satın Al" düğmeleri. Her birini nasıl görüntüleyeceğinize karar verin; ürün görselinin altında veya fareyle üzerine gelindiğinde.

Ürün resimlerinin altındaki öğeleri fareyle üzerine gelindiğinde görüntüleyin veya gizleyin

Bilgileri ürün resimlerinin altına yerleştirmeyi seçerseniz düzeni ayarlamak mümkündür. İçeriğinizi sola, sağa, ortaya hizalayın veya iki yana yaslayın - en çok beğendiğiniz görünümü yaratmakta özgürsünüz.

Elemanların farklı düzenleri (ürün adı ve fiyatı)

Öğeleri gizlemek de mümkündür. Vitrininizin bir seyir defterine benzemesi için hepsini gizleyin. Müşterileriniz ürün resimlerinden herhangi birine tıklayarak ürün sayfasına gidecektir.

Daha fazla ayrıntı göstermek istiyorsanız ek bir ürün resmi görüntülemeyi seçin. Ecwid, fareyle üzerine gelindiğinde ürün fotoğraf galerisindeki ilk resmi gösterecektir.

Fareyle üzerine gelindiğinde ek ürün resmi

Bu yeni ayarlar, vitrin görünümünüz için çok sayıda tasarım varyasyonu sağlar.

4. Mağaza kategorilerinizi tasarlayın

Kategorilerinizin görünümünü ayarlamak için seçenekler bulacaksınız. Kategori resimleriniz için fotoğraflarınız, simgeleriniz veya marka logolarınız olsun, Ecwid bunların çarpıcı görünmesini sağlayacak tasarım seçeneklerine sahiptir.

Resimlerin altında, üzerlerinde, fareyle üzerine gelindiğinde ve gizli olan kategori adları

Ürün Sayfalarını Dönüşüm için Optimize Edin

Artık müşterileriniz için en uygun olana bağlı olarak ürün sayfalarınızdaki bilgileri farklı şekillerde düzenleyebilirsiniz. Her tasarım seçeneği en iyiye göre yapılır e-ticaret Dönüşümleri artırmaya yönelik uygulamalar.

1. Ürün sayfası düzenini seçin

Ürün sayfalarınızdaki içeriği düzenlemek için dört yeni seçenek vardır.

Ürün resimlerinize dikkat çekin. Bir yerleştirme Yüksek kaliteli Ürün sayfanızın sol tarafında yer alan ürün görseli, müşterilerinizin fark edeceği ilk şey olacaktır. Şunu kullanın: 2-sütun Görsel olarak çekici ürünler satıyorsanız ve kısa ürün açıklamalarınız varsa sağda ürün açıklamasının yer aldığı düzen.

The 2-sütun sağda ürün açıklamasının yer aldığı düzen

Ayrıntılı ürün açıklamaları ekleyin. Elektronik veya eczacılık ürünleri gibi ürünler için ürün açıklamaları oldukça uzun olabilir. Daha sonra şunu seçin iki sütunlu Resmin altında ürün açıklaması bulunan düzen. Ürününüze uzun bir kullanım kılavuzu ekleseniz bile sayfa uyumlu görünecektir.

The 2-sütun resmin altında ürün açıklamasının yer aldığı düzen

Ürün seçeneklerini ve "Ödeme" düğmesini vurgulayın. Müşterilerinizin ürünlerinizi satın almak için uzun açıklamaları okuması veya galeriyi incelemesi gerekmiyorsa sol taraftaki ödeme butonu ile ürün seçeneklerini göstermeyi seçin. Diyelim ki minik akvaryum balıkları satıyorsanız.

Odaktaki "Çantaya ekle" düğmesi

Kaydırma ve dikkat dağıtmayı en aza indirin. A üç sütunlu Ürün sayfanızın fazladan hareket etmeden maksimum bilgiyi göstermesini istiyorsanız düzen çalışır.

kompakt 3-sütun düzen

Ayrıca şunları da yapabilirsiniz fotoğraf galerinizin düzenini seçin. İlgi çekici bir fotoğraf galerisi ile müşterilerinizin ürününüz hakkında fikir edinmelerine yardımcı olun. Galerinizdeki görsellerin küçük resimlerinin düzenini seçin (dikey veya yatay) veya hipnotize edici görsellerinizi tam boyutta gösterin. Ne kadar çok alternatif ve ayrıntılı görünüm gösterirseniz o kadar iyidir.

Fotoğraf galerisi düzeni seçenekleri

3. Kenar çubuğunda görüntülenecek ürün bilgilerini seçin

Dönüştürücü bir ürün sayfası, basit tutarken yeterli ürün bilgisi sağlar. Ecwid'de ihtiyacınız yoksa öğeleri (SKU, ürün seçenekleri, paylaşım düğmeleri gibi) gizleyebilirsiniz, böylece müşterilerinizin sepete giderken dikkatleri dağılmaz.

En iyi yanı, her bir öğeyi sürükleyip istediğiniz sırayla düzenleyebilmenizdir. Ürün sayfalarınızı dönüşümler için optimize etmenin birçok yeni yolunu test edin.

Esnek kenar çubuğu ayarları

Vitrin Gezinmenizi ve Renklerinizi Değiştirin

Müşterilerinizin mağazanızda gezinmesine yardımcı olmak için varsayılan olarak etkin olan birkaç vitrin ayarı daha vardır. İstediğiniz zaman bunlardan herhangi birini kapatabilirsiniz.

Eski vitrin sürümünden geçiş yaparsanız bu ayarlar, daha önce sahip olduğunuz şekilde yeni vitrine taşınır.

Renk Uyarlama Modu. Web sitenize bir Ecwid çevrimiçi mağazası yüklerseniz mağaza renkleri otomatik olarak web sitenizin temasıyla eşleşecektir. Mağazanız web sitenizin doğal bir parçası gibi görünecek.

Altbilgi menüsü ve içerik kırıntıları Müşterilerin mağazanıza daha hızlı göz atmalarına yardımcı olun ve kaybolmalarını önleyin.

The oturum açın Link Müşterilerin siparişlerini görüntülemek ve istek listesini kullanmak için profillerinde oturum açmasına olanak tanır.

"Sıralama ölçütü" seçenekleri Müşterilerinizin ürünlerinizi fiyata, isme ve diğer koşullara göre sıralamasına olanak tanıyın.

Ecwid Mağaza Tasarımınızı Değiştirmenin Diğer Yolları

Yeni tasarım ayarları en yaygın kullanım durumlarını kapsamaktadır. Mağazanızı başka şekillerde değiştirmek isterseniz:

Mağazanız için kodlamaya gerek kalmadan özel bir temaya ihtiyacınız varsa deneyin Ecwid App Market'ten uygulamalar tasarlayın (ücretli Ecwid planlarında mevcuttur, uygulama fiyatları geçerlidir).
Özel bir CSS teması (mağazadaki her öğenin boyutunu, şeklini veya rengini belirleyen bir dizi kural) oluşturun. CSS teması oluşturmak belirli bir teknik bilgi gerektirir. bir tane var Ecwid Bilgi Bankası'ndaki CSS temaları kılavuzu kendi CSS temanızı nasıl oluşturacağınızı açıklayan ve belirli öğeleri değiştirme talimatları. Her zaman Ecwid müşteri hizmetleri ekibinden yardım isteyebilirsiniz veya kendi CSS temanızın özel gelişimini sipariş edin.
Geliştiriciler için: Ecwid Javascript API'si Ecwid vitrin özelliklerini genişletmek için. Yeni bir CSS teması veya uygulaması oluşturabilir ve bunu Ecwid Uygulama Pazarı'nda satabilirsiniz. Ecwid Javascript API'si, vitrin görünümünü tamamen değiştirmenize olanak tanıyarak, değişiklikleri ihtiyacınız olduğu kadar derin hale getirir. Başlamaya hazırsanız lütfen geliştiriciler için sayfamıza kaydolun.

Çevrimiçi Mağazanız için Ücretsiz Bir Web Sitesi Alın

Ecwid mağazanız harika görünüyor ancak satış yapacak bir web siteniz yok mu?

Instant Site, Ecwid hesabınızı oluşturduğunuzda Ecwid'in sağladığı ücretsiz bir web sitesi oluşturucusudur. Bu, düzgün bir web sayfasında hızlı bir şekilde çevrimiçi satış yapmaya başlamanıza ve işinizi büyütmek için hemen kar elde etmenize olanak sağlamak için yapılır.

Tasarımdan bahsetmişken, Instant Site aşağıdakilerle oluşturulmuştur: hazır Etkinleştirebileceğiniz, devre dışı bırakabileceğiniz ve özelleştirebileceğiniz bloklar (kapak resmi, logo, çevrimiçi mağaza, “Hakkımızda” bölümü, müşteri geri bildirimi ve iletişim bilgileri).

Hazır Sitenizi özelleştirmeniz gerekiyorsa kimi arayacaksınız? Peki kimse yok! Web sitesinin tamamını özel bir bilgi gerektirmeden, masaüstü bilgisayarınızı kullanarak veya hatta iOS için Ecwid Mobile mağaza yönetimi uygulamasını kullanarak düzenleyebilirsiniz.

Ücretsiz Hazır Sitenizi bugün oluşturun bizim kullanarak adım adım rehberlik.