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

12 мин. Четене

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

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

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

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

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

Секция Какво ново в контролния панел на Ecwid

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Вертикални, хоризонтални и квадратни снимки на продукта

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Ако имате нужда от персонализирана тема за вашия магазин без кодиране, опитайте дизайн на приложения от Ecwid App Market (предлага се при платени планове на Ecwid, важат цените на приложението).
Създайте персонализирана CSS тема (набор от правила, които определят външния вид на всеки елемент в магазина, като размер, форма или цвят). Създаването на CSS тема изисква определени технически познания. Има а ръководство за CSS теми в базата знания на Ecwid което обяснява как да създадете своя собствена CSS тема и инструкции за промяна на определени елементи. Винаги можете да поискате помощ от екипа за обслужване на клиенти на Ecwid или поръчайте разработката по поръчка на вашата собствена CSS тема.
За разработчици: Използвайте Javascript API на Ecwid за разширяване на функциите на Ecwid storefront. Можете да създадете нова CSS тема или приложение и да ги продавате на Ecwid App Market. Javascript API на Ecwid ви позволява напълно да промените външния вид на витрината, внасяйки промени толкова дълбоки, колкото са ви необходими. Ако сте готови да започнете, моля регистрирайте се на нашата страница за разработчици.

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

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

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

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

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

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