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, Ecwid Kontrol panelinizde Ayarlar → Tasarım altında yer almaktadır. Bunları kullanabilmek için Ayarlar → Yenilikler bölümünde tüm mağaza güncellemelerini etkinleştirdiğinizden emin olun.

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 stok kodlarına ve düğmelere kadar ürün kataloğunuzun tüm görünümünü siz kontrol edersiniz.

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.

MKS 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.

MKS 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ına veya galeriyi incelemesine gerek yoksa, ürün seçeneklerini sol tarafta ödeme düğmesiyle birlikte göstermeyi tercih edin. Örneğin, küçük 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

Fotoğraf galerinizin düzenini de seçebilirsiniz . Etkileyici bir fotoğraf galerisiyle müşterilerinizin ürününüzü hissetmelerine yardımcı olun. Galerinizdeki resimlerin küçük önizlemeleri için düzeni (dikey veya yatay) seçin veya büyüleyici resimlerinizi tam boyutta gösterin. Ne kadar çok alternatif ve ayrıntılı görünüm gösterirseniz, o kadar iyi olur.

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ı kurarsanız, mağaza renkleri otomatik olarak web sitenizin temasıyla eşleşir. Mağazanız web sitenizin doğal bir parçası gibi görünecektir.

Altbilgi menüsü ve gezinme yolları, müşterilerin mağazanızda daha hızlı gezinmelerine ve kaybolmalarına yardımcı olur.

MKS 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 fiyat, isim ve diğer kriterlere göre sıralamasına olanak tanır.

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.

İşletmeniz için Bir Web Sitesi Edinin

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ığı bir web sitesi oluşturucusudur. Bu, temiz bir web sayfasında çevrimiçi satış yapmaya hemen başlamanızı ve işinizi büyütmek için hemen kar elde etmenizi 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.

Bugün Anında Sitenizi Oluşturun bizim kullanarak adım adım rehberlik.