Tasarım çok şey anlatıyor
, 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
ekledik düzinelerce yeni mağaza tasarımı işlevi 'e, böylece
Çevrimiçi mağaza tasarımınızda her küçük ayrıntıyı ayarlamak çok kolaydır. Görsel stillerini, ürün sayfası ülerini ve vitrin öğelerini kodlamaya gerek kalmadan değiştirin. Bu yazıda bunu kendiniz göreceksiniz.
Yeni ayarlar altında yer alır Kontrol panelinizde. Bunları kullanmak için tüm vitrin güncellemelerini etkinleştirdiğinizden emin olun. .
![kontrol panelindeki yenilikler bölümü](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-store-desing-2-1524574378-1024x310.png)
Yeni tasarım ayarları sayfasını görmek için Ayarlar → Yenilikler bölümünde bu güncellemeleri etkinleştirin
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
Ç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
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.
!['de ürün resimleri tasarımı](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-design-8-1524574356.gif)
Ü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
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 ürün resimleri](https://don16obqbay2c.cloudfront.net/wp-content/uploads/GIFMaker.org_2SrMTw-1524576477.gif)
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.
!['de ürün resimlerinin tasarımı](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-design-9-1524574358.jpg)
Ü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 üi ayarlamak mümkündür. İçeriğinizi sola, sağa, ortaya hizalayın veya iki yana yaslayın
![Elemanların farklı üleri (ürün adı ve fiyatıElemanların farklı üleri)](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-design-7-1524574354.png)
Elemanların farklı üleri (ü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. , fareyle üzerine gelindiğinde ürün fotoğraf galerisindeki ilk resmi gösterecektir.
![Fareyle üzerine gelindiğinde ek ürün resmi](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-store-design-3-1524574375.gif)
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, bunların çarpıcı görünmesini sağlayacak tasarım seçeneklerine sahiptir.
![Ürün kategorisi resimlerinin tasarımı](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-design-10-1524574360.gif)
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 üleyebilirsiniz. Her tasarım seçeneği en iyiye göre yapılır
1. Ürün sayfası üini seçin
Ürün sayfalarınızdaki içeriği ülemek için dört yeni seçenek vardır.
Ürün resimlerinize dikkat çekin. Bir yerleştirme
![Ürün sayfası optimizasyonu](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-design-11-1524574362.png)
The
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
![Ürün sayfası optimizasyonu 2](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-store-design-1-1524574373.png)
The
Ü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.
![Ürün sayfası optimizasyonu 3](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-store-design-5-1524574377.png)
Odaktaki "Çantaya ekle" düğmesi
Kaydırma ve dikkat dağıtmayı en aza indirin. A
![Ürün sayfası optimizasyonu 4](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-design-14-1524574370-1024x302.png)
kompakt
Ayrıca şunları da yapabilirsiniz fotoğraf galerinizin üini 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 üini 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 üi seçenekleri](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-design-2-1524574349.gif)
Fotoğraf galerisi üi 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. '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 üleyebilmenizdir. Ürün sayfalarınızı dönüşümler için optimize etmenin birçok yeni yolunu test edin.
![Ürün sayfası optimizasyonu 5](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-design-12-1524574365.gif)
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 ç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
"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.
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 (ücretli 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 kendi CSS temanızı nasıl oluşturacağınızı açıklayan ve . Her zaman müşteri hizmetleri ekibinden yardım isteyebilirsiniz veya .
- Geliştiriciler için: .
Çevrimiçi Mağazanız için Ücretsiz Bir Web Sitesi Alın
mağazanız harika görünüyor ancak satış yapacak bir web siteniz yok mu?
Instant Site, hesabınızı oluşturduğunuzda '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 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 Mobile mağaza yönetimi uygulamasını kullanarak üleyebilirsiniz.
bizim kullanarak
- İlham Veren Hazır Site Örnekleri
- Hazır Temalar ve 99'dan Fazla Tasarım Seçeneğiyle Anında Sitesi
- Yeni Tasarım Ayarları: Onlarca Özelleştirme Seçeneği, Kodlama Yok
- Siteniz için Bir E-Ticaret Şablonu Nasıl Seçilir?
- Mağaza Tasarımınızı Özelleştirmeye Yönelik Kapsamlı Bir Kılavuz
- Ücretsiz E-Ticaret Web Sitenizi Sıfırdan Tasarlama
- 'in Erişilebilir Çevrimiçi Mağaza Şablonu Nasıl Popüler Oldu?