Дизайнът говори много за един
помага на всеки бизнес - дори малък и начинаещ - да търси и продава професионално в мрежата. Не е нужно да плащате много, за да
Добавихме десетки нови функционалности за дизайн на витрини на , за да можете да дадете своя
Настройването на всеки малък детайл в дизайна на вашия онлайн магазин е изключително лесно. Променете стиловете на изображения, оформленията на продуктовите страници и елементите на витрината без кодиране. Ще го видите сами в тази публикация.
Новите настройки се намират под във вашия контролен панел на . За да ги използвате, уверете се, че сте активирали всички актуализации на витрината в .
Активирайте тези актуализации в Настройки → Какво е новото, за да видите новата страница с настройки на дизайна
Какво ще стане, ако използвам по-старата версия на storefront?
Преминаването към новата витрина може напълно да промени облика на вашия магазин. С новите настройки на дизайна ще получите повече опции за персонализиране и по-завладяващ външен вид на вашия магазин. Внимавайте обаче, ако използвате a
Проектирайте своята онлайн витрина
Вие контролирате целия изглед на вашия продуктов каталог, от снимки на продукти до ИЕ и бутони.
1. Изберете най-добрия размер на изображението, за да покажете вашите продукти
По подразбиране изображенията на продуктите са
Някои продукти имат важни подробности, които може да искате да визуализирате (например, ако продавате бижута или картини). Изберете големия размер на изображението, за да позволите на вашите клиенти да се възхищават на вашите красиви продукти и фотография.
Ако продавате един вид продукт в голям асортимент (да речем 200 кожени колана в различни цветове), придържайте се към по-малки изображения. Вашият магазин ще показва много продукти на екрана и вашите клиенти ще бъдат впечатлени от избора.
Малък, среден и голям размер на изображението за снимки на продукти
2. Оптимизирайте пропорциите на изображението спрямо размерите на вашия продукт
Продавате ли палми? Или може би
Хоризонталното съотношение е подходящо за широки продукти - да речем обувки, дивани или хранителни барове.
За кръгли предмети (или, когато се съмнявате), използвайте квадратни изображения, те винаги изглеждат страхотно.
Вертикални, хоризонтални и квадратни изображения
Ако искате да подчертаете изображенията на продуктите и да ги накарате да се открояват от фона на магазина, изберете „Затъмняване на фона на изображението“.
3. Изберете каква информация за продукта да се показва във витрината
Подобно на снимките на продукти, можете да избирате от много опции за дизайн за други елементи на витрина: имена на продукти, заглавия, цени, SKU, бутони „Купете“. Решете как да се покаже всеки от тях - под изображението на продукта или при задържане на мишката.
Показване на елементите под снимките на продукта, при задържане на мишката или ги скрийте
Ако решите да поставите информацията под снимките на продукта, е възможно да зададете оформлението. Подравнете съдържанието си отляво, отдясно, в центъра или го подравнете
Различни оформления на елементите (име на продукта и цена)
Също така е възможно да скриете елементи. Скрийте всички тях, за да накарате витрината си да прилича на букбук. Щраквайки върху някоя от снимките на продукта, вашите клиенти ще отидат на продуктовата страница.
Изберете да покажете допълнително изображение на продукта, ако искате да покажете повече подробности. ще покаже първото изображение от продуктовата фотогалерия при задържане на мишката.
Допълнително изображение на продукта при задържане на мишката
Тези нови настройки осигуряват голям брой вариации на дизайна за външния вид на вашия магазин.
4. Проектирайте категориите на магазините си
Ще намерите опции за настройка на външния вид на вашите категории. Независимо дали имате снимки, икони или лога на марката за вашите категории снимки, има опции за дизайн, за да изглеждат зашеметяващо.
Имена на категории под снимки, върху тях, при задържане и скрити
Оптимизирайте продуктовите страници за реализация
Вече можете да организирате информацията на продуктовите си страници по различни начини, в зависимост от това кое работи най-добре за вашите клиенти. Всяка опция за дизайн е направена според най-доброто
1. Изберете оформлението на продуктовата страница
Има четири нови опции за организиране на съдържание на продуктовите ви страници.
Привлечете вниманието към вашите продуктови снимки. Поставяне на a
-
Добавете подробни описания на продуктите. За продукти като електроника или фармацевтични стоки описанията на продуктите могат да бъдат доста дълги. След това изберете
-
Наблегнете на продуктовите опции и бутона „Плащане“. Ако вашите клиенти не трябва да четат дълги описания или да разглеждат внимателно галерията, за да купят вашите продукти, изберете да показвате опциите на продукта с бутона за плащане отляво. Да речем, ако продавате малки аквариумни рибки.
Бутонът „Добавяне в чанта“ на фокус
Минимизирайте превъртането и разсейването. A
компактният
Можете също така да изберете оформлението на вашата фотогалерия. Помогнете на клиентите си да усетят продукта ви със завладяваща фотогалерия. Изберете оформлението за миниатюри на изображения във вашата галерия (вертикално или хоризонтално) или покажете вашите хипнотизиращи изображения в пълен размер. Колкото по-променени и подробни изгледи показвате, толкова по-добре.
Опции за оформление на фотогалерия
3. Изберете информацията за продукта, която да се покаже в страничната лента
Преобразуващата продуктова страница предоставя достатъчно информация за продукта, като същевременно е проста. В можете да скриете елементите (като SKU, продуктови опции, бутони за споделяне), ако не ви трябват, така че вашите клиенти да не се разсейват по пътя си към количката.
Най-добрата част е, че можете да плъзгате всеки елемент и да го организирате в произволен ред. Тествайте много нови начини за оптимизиране на вашите продуктови страници за реализации.
Гъвкави настройки на страничната лента
Променете навигацията и цветовете на вашата витрина
Има още няколко настройки на витрината, които са активирани по подразбиране, за да помогнат на клиентите ви да навигират в магазина ви. Можете да изключите всеки от тях, когато пожелаете.
Ако преминете от по-старата версия на магазина, тези настройки ще мигрират към новия магазин, както сте ги имали преди.
Цветен адаптивен режим. Ако инсталирате онлайн магазин на уебсайта си, цветовете на магазина автоматично ще съответстват на темата на уебсайта ви. Вашият магазин ще изглежда като естествена част от вашия уебсайт.
Менюто в долния колонтитул и галета помогнете на клиентите да разглеждат магазина ви по-бързо и ги предпазете от загуба.
-
Опции „Сортиране по“. позволете на вашите клиенти да сортират вашите продукти по цена, име и други условия.
Други начини да промените дизайна на вашия магазин
Новите настройки на дизайна покриват най-честите случаи на употреба. Ако искате да промените магазина си по други начини:
- Ако имате нужда от персонализирана тема за вашия магазин без кодиране, опитайте (предлага се при платени планове на , важат цените на приложението).
- Създайте персонализирана CSS тема (набор от правила, които определят външния вид на всеки елемент в магазина, като размер, форма или цвят). Създаването на CSS тема изисква определени технически познания. Има а което обяснява как да създадете своя собствена CSS тема и . Винаги можете да поискате помощ от екипа за обслужване на клиенти на или .
- За разработчици: Използвайте .
Вземете безплатен уебсайт за вашия онлайн магазин
Вашият магазин изглежда страхотно, но нямате уебсайт, на който да продавате?
Instant Site е безплатен инструмент за създаване на уебсайтове, който предоставя, когато създавате своя акаунт в . Това се прави, за да ви позволи бързо да започнете да продавате онлайн на чиста уеб страница и да правите печалби веднага, за да развиете бизнеса си.
Говорейки за дизайн, Instant Site е изграден с
Ако трябва да персонализирате своя незабавен сайт, на кого ще се обадите? Ами никой! Можете да редактирате целия уебсайт без специални познания, като използвате вашия настолен компютър или дори чрез приложението за управление на магазин Mobile за iOS.
използвайки нашите
- Вдъхновяващи примери за незабавни сайтове на
- Instant сайт с готови теми и 99+ опции за дизайн
- Нови настройки за дизайн на : Десетки опции за персонализиране, без кодиране
- Как да изберете шаблон за електронна търговия за вашия сайт
- Изчерпателно ръководство за персонализиране на дизайна на вашия магазин
- Проектиране на вашия безплатен уебсайт за електронна търговия от нулата
- Как шаблонът за достъпен онлайн магазин на стана хит