Нови настройки за дизайн на : Десетки опции за персонализиране, без кодиране

Дизайнът говори много за един електронна търговия магазин. Ако хората могат лесно да навигират във вашия онлайн магазин, вие имате много по-голям шанс да ги преобразувате. Един последователен, модерен дизайн може да каже на клиентите, че сте надеждна марка.

помага на всеки бизнес - дори малък и начинаещ - да търси и продава професионално в мрежата. Не е нужно да плащате много, за да най-високо ниво уеб дизайнери, за да получат a удобен за мобилни устройства, чисто и красиво електронна търговия съхранява.

Добавихме десетки нови функционалности за дизайн на витрини на , за да можете да дадете своя електронна търговия съхранете вида и усещането, които отразяват най-много вашата марка.

Настройването на всеки малък детайл в дизайна на вашия онлайн магазин е изключително лесно. Променете стиловете на изображения, оформленията на продуктовите страници и елементите на витрината без кодиране. Ще го видите сами в тази публикация.

Новите настройки се намират под във вашия контролен панел на . За да ги използвате, уверете се, че сте активирали всички актуализации на витрината в .

Активирайте тези актуализации в Настройки → Какво е новото, за да видите новата страница с настройки на дизайна

Какво ще стане, ако използвам по-старата версия на storefront?

Преминаването към новата витрина може напълно да промени облика на вашия магазин. С новите настройки на дизайна ще получите повече опции за персонализиране и по-завладяващ външен вид на вашия магазин. Внимавайте обаче, ако използвате a самостоятелно направени CSS тема или друга разработени по поръчка функции на витрина — може да не са съвместими с новата витрина. Ако имате нужда от помощ, нашият екип за поддръжка е насреща.

Как да продаваме онлайн
Съвети от електронна търговия експерти за собственици на малък бизнес и амбициозни предприемачи.
Моля, въведете валиден имейл адрес

Проектирайте своята онлайн витрина

Вие контролирате целия изглед на вашия продуктов каталог, от снимки на продукти до ИЕ и бутони.

1. Изберете най-добрия размер на изображението, за да покажете вашите продукти

По подразбиране изображенията на продуктите са средно голям, който е подходящ за повечето магазини.

Някои продукти имат важни подробности, които може да искате да визуализирате (например, ако продавате бижута или картини). Изберете големия размер на изображението, за да позволите на вашите клиенти да се възхищават на вашите красиви продукти и фотография.

Ако продавате един вид продукт в голям асортимент (да речем 200 кожени колана в различни цветове), придържайте се към по-малки изображения. Вашият магазин ще показва много продукти на екрана и вашите клиенти ще бъдат впечатлени от избора.

Малък, среден и голям размер на изображението за снимки на продукти

2. Оптимизирайте пропорциите на изображението спрямо размерите на вашия продукт

Продавате ли палми? Или може би дългокрак модели демонстрират вашите дизайнерски палта? И двете ще изглеждат страхотно на вертикални снимки.

Хоризонталното съотношение е подходящо за широки продукти - да речем обувки, дивани или хранителни барове.

За кръгли предмети (или, когато се съмнявате), използвайте квадратни изображения, те винаги изглеждат страхотно.

Вертикални, хоризонтални и квадратни изображения

Ако искате да подчертаете изображенията на продуктите и да ги накарате да се открояват от фона на магазина, изберете „Затъмняване на фона на изображението“.

3. Изберете каква информация за продукта да се показва във витрината

Подобно на снимките на продукти, можете да избирате от много опции за дизайн за други елементи на витрина: имена на продукти, заглавия, цени, SKU, бутони „Купете“. Решете как да се покаже всеки от тях - под изображението на продукта или при задържане на мишката.

Показване на елементите под снимките на продукта, при задържане на мишката или ги скрийте

Ако решите да поставите информацията под снимките на продукта, е възможно да зададете оформлението. Подравнете съдържанието си отляво, отдясно, в центъра или го подравнете - вие сте свободни да създадете вида, който ви харесва най-много.

Различни оформления на елементите (име на продукта и цена)

Също така е възможно да скриете елементи. Скрийте всички тях, за да накарате витрината си да прилича на букбук. Щраквайки върху някоя от снимките на продукта, вашите клиенти ще отидат на продуктовата страница.

Изберете да покажете допълнително изображение на продукта, ако искате да покажете повече подробности. ще покаже първото изображение от продуктовата фотогалерия при задържане на мишката.

Допълнително изображение на продукта при задържане на мишката

Тези нови настройки осигуряват голям брой вариации на дизайна за външния вид на вашия магазин.

4. Проектирайте категориите на магазините си

Ще намерите опции за настройка на външния вид на вашите категории. Независимо дали имате снимки, икони или лога на марката за вашите категории снимки, има опции за дизайн, за да изглеждат зашеметяващо.

Имена на категории под снимки, върху тях, при задържане и скрити

Оптимизирайте продуктовите страници за реализация

Вече можете да организирате информацията на продуктовите си страници по различни начини, в зависимост от това кое работи най-добре за вашите клиенти. Всяка опция за дизайн е направена според най-доброто електронна търговия практики за увеличаване на реализациите.

1. Изберете оформлението на продуктовата страница

Има четири нови опции за организиране на съдържание на продуктовите ви страници.

Привлечете вниманието към вашите продуктови снимки. Поставяне на a високо качество изображението на продукта от лявата страна на продуктовата ви страница ще го направи първото нещо, което вашите клиенти ще забележат. Използвайте 2-колона оформление с описание на продукта вдясно, ако продавате визуално привлекателни продукти и имате кратки описания на продуктите.

- 2-колона оформление с описание на продукта вдясно

Добавете подробни описания на продуктите. За продукти като електроника или фармацевтични стоки описанията на продуктите могат да бъдат доста дълги. След това изберете двуколонен оформление с описание на продукта под изображението. Дори ако добавите дълго ръководство за използване на вашия продукт, страницата ще изглежда хармонично.

- 2-колона оформление с описание на продукта под изображението

Наблегнете на продуктовите опции и бутона „Плащане“. Ако вашите клиенти не трябва да четат дълги описания или да разглеждат внимателно галерията, за да купят вашите продукти, изберете да показвате опциите на продукта с бутона за плащане отляво. Да речем, ако продавате малки аквариумни рибки.

Бутонът „Добавяне в чанта“ на фокус

Минимизирайте превъртането и разсейването.триколонен Оформлението работи, ако искате вашата продуктова страница да показва максимум информация без допълнителни движения.

компактният 3-колона оформление

Можете също така да изберете оформлението на вашата фотогалерия. Помогнете на клиентите си да усетят продукта ви със завладяваща фотогалерия. Изберете оформлението за миниатюри на изображения във вашата галерия (вертикално или хоризонтално) или покажете вашите хипнотизиращи изображения в пълен размер. Колкото по-променени и подробни изгледи показвате, толкова по-добре.

Опции за оформление на фотогалерия

3. Изберете информацията за продукта, която да се покаже в страничната лента

Преобразуващата продуктова страница предоставя достатъчно информация за продукта, като същевременно е проста. В можете да скриете елементите (като SKU, продуктови опции, бутони за споделяне), ако не ви трябват, така че вашите клиенти да не се разсейват по пътя си към количката.

Най-добрата част е, че можете да плъзгате всеки елемент и да го организирате в произволен ред. Тествайте много нови начини за оптимизиране на вашите продуктови страници за реализации.

Гъвкави настройки на страничната лента

Променете навигацията и цветовете на вашата витрина

Има още няколко настройки на витрината, които са активирани по подразбиране, за да помогнат на клиентите ви да навигират в магазина ви. Можете да изключите всеки от тях, когато пожелаете.

Ако преминете от по-старата версия на магазина, тези настройки ще мигрират към новия магазин, както сте ги имали преди.

Цветен адаптивен режим. Ако инсталирате онлайн магазин на уебсайта си, цветовете на магазина автоматично ще съответстват на темата на уебсайта ви. Вашият магазин ще изглежда като естествена част от вашия уебсайт.

Менюто в долния колонтитул и галета помогнете на клиентите да разглеждат магазина ви по-бързо и ги предпазете от загуба.

- влезте в профила си връзка позволява на клиентите да влязат в своя профил, за да видят своите поръчки и да използват списъка с желания.

Опции „Сортиране по“. позволете на вашите клиенти да сортират вашите продукти по цена, име и други условия.

Други начини да промените дизайна на вашия магазин

Новите настройки на дизайна покриват най-честите случаи на употреба. Ако искате да промените магазина си по други начини:

  1. Ако имате нужда от персонализирана тема за вашия магазин без кодиране, опитайте (предлага се при платени планове на , важат цените на приложението).
  2. Създайте персонализирана CSS тема (набор от правила, които определят външния вид на всеки елемент в магазина, като размер, форма или цвят). Създаването на CSS тема изисква определени технически познания. Има а  което обяснява как да създадете своя собствена CSS тема и . Винаги можете да поискате помощ от екипа за обслужване на клиенти на или .
  3. За разработчици: Използвайте .

Вземете безплатен уебсайт за вашия онлайн магазин

Вашият магазин изглежда страхотно, но нямате уебсайт, на който да продавате?

Instant Site е безплатен инструмент за създаване на уебсайтове, който предоставя, когато създавате своя акаунт в . Това се прави, за да ви позволи бързо да започнете да продавате онлайн на чиста уеб страница и да правите печалби веднага, за да развиете бизнеса си.

Говорейки за дизайн, Instant Site е изграден с готови блокове (изображение на корицата, лого, онлайн магазин, раздел „За нас“, обратна връзка с клиенти и контакти), които можете да активирате, деактивирате и персонализирате.

Ако трябва да персонализирате своя незабавен сайт, на кого ще се обадите? Ами никой! Можете да редактирате целия уебсайт без специални познания, като използвате вашия настолен компютър или дори чрез приложението за управление на магазин Mobile за iOS.

използвайки нашите стъпка по стъпка ръководи.


 

Започнете да продавате на вашия уебсайт