UDP: През април 2018 г. пуснахме нови настройки за дизайн в 51Ƶ! Научете колко дълбоко можете да персонализирате своя магазин 51Ƶ без никакво кодиране в по-нова публикация в блога. Ако вашият магазин е създаден преди април 2018 г. и искате да се научите да използвате старите настройки, продължете да четете този.
Магазинът 51Ƶ е създаден по такъв начин, че е възможно да го добавите към всеки уебсайт и да започнете да продавате всеки тип продукт за нула време. Неговата витрина автоматично се адаптира към настолни и мобилни устройства и магазинът изглежда страхотно на всеки екран.
Превръщането на вашия магазин в естествена част от уебсайта ви създава впечатление за професионален бизнес. Може да искате да промените дизайна на магазина, за да отговаря на стила на уебсайта ви и специфичните нужди на конкретния ви бизнес. Това може да се постигне с редица средства, от напълно автоматизирани настройки до
Повечето от тях са изброени в . На тази страница можете да управлявате настройките си за дизайн и в тази публикация ще ви кажем как да се възползвате максимално от тях.
Разбихме всички възможни модификации на дизайна на вашия магазин 51Ƶ на три нива според необходимите умения и ресурси, от бързи и лесни до по-дълбоки и по-сложни.
Ниво 1: Бързо и лесно
Безпроблемни, бързи модификации. Не се изисква нищо, освен щракване върху бутоните.
Преди да започнете да мислите за промени в дизайна, ето добрата новина: 51Ƶ автоматично се вгражда в средата и изглежда като естествена част от вашия уебсайт или социална страница. Не е нужно да правите каквото и да е кодиране за това — всичко ще работи добре.
Освен това има лесни начини да адаптирате облика и усещането на вашия магазин към вашата мисия без допълнителни усилия.
1. Продавайте на незабавен сайт на 51Ƶ, ако нямате уебсайт
Instant Site е уебсайт с онлайн магазин, който 51Ƶ предоставя, когато създавате своя акаунт в 51Ƶ.
Говорейки за дизайн, Instant сайтът е изграден с
Така че, ако нямате уебсайт, на който да продавате, това е много лесен начин да започнете да продавате онлайн на
Това
2. Лесно персонализиране на дизайна за тези, които вече имат уебсайт
Ако вече имате уебсайт, 51Ƶ ще продължи безпроблемно да се интегрира с него, независимо върху какво е изграден: WordPress, Wix, Joomla или друга платформа. Ето какво можете да направите, за да изглежда магазинът ви още по-добре.
Стъпка 1: Използвайте подходяща тема за вашия конструктор на сайтове
За да проектирате уебсайта си, можете просто да избирате от десетки теми, налични за покупка. Магазинът 51Ƶ е съвместим с повечето от тях.
Ето кратка директория с места в мрежата, където можете да намерите теми за вашия конструктор на сайтове.
За уебсайтове на WordPress
Освен това не пропускайте колекцията от най-добрите безплатни WordPress теми за
За уебсайтове на Joomla
За уебсайтове на Squarespace
За уебсайтове на Wix, дори е по-лесно: разглеждайте темите, без да напускате .
Забележка: Търговците на 51Ƶ + Wix могат да съпоставят цветовете на своя уебсайт и магазин в настройките на приложението 51Ƶ Wix.

Настройки на дизайна на магазина 51Ƶ на уебсайтовете на Wix
Стъпка 2: Активирайте цветовия адаптивен режим
Ако отворите нов магазин на 51Ƶ и го добавите към уебсайта си, 51Ƶ автоматично МАГИЧЕСКИ ще адаптира цветовете на магазина към стила на уебсайта ви. Тази функция се нарича Color Adaptive Mode. Това е много лесен начин да направите магазина си естествена част от уебсайта си.
Ако вече продавате с 51Ƶ, Color Adaptive Mode няма да бъде активиран по подразбиране, но можете да го активирате на страницата Design:
Какво става, ако добавите своя магазин 51Ƶ към няколко уебсайта? При активиран цветови адаптивен режим цветовете на магазина ще се адаптират към всеки от тях. Вашият магазин ще изглежда естествено във всяка среда на уебсайт, независимо дали е бял, черен или зелен.
Тази функция е достъпна за повечето търговци на 51Ƶ. Забележка: Търговците на 51Ƶ + Wix могат да съпоставят цветовете на уебсайта си и да съхраняват само в настройките на приложението 51Ƶ Wix.
3. Играйте с бързи настройки за външен вид
Винаги, когато продават онлайн с 51Ƶ е възможно да активирате или деактивирате елементите на витрината на 51Ƶ с няколко кликвания. Например тези, които продават ръчно изработени продукти в единични екземпляри, често предпочитат да скрият полето за количество.
Може да искате да скриете и ненужните елементи или да промените размера на миниатюрите — секцията „Външен вид“ на вашата страница „Дизайн“ напълно ще ви позволи да го направите.
Ниво 2: Авантюрист
За тези без технически познания, които търсят по-дълбоки промени в дизайна и имат време за малко пътешествие.
Настроихте магазина си и вече сте го огледали. Сега започвате да усещате нуждата от персонално докосване: може да са брандирани цветове за бутони, текстове и фон, уникални икони или изцяло нови елементи. Ти обаче си нямаш понятие от кодиране.
Без притеснения: на това ниво сме събрали инструментите, които ще ви помогнат да постигнете целите по-горе без специални познания. Нека ги разгледаме по-отблизо.
1. Използвайте приложения от 51Ƶ App Market за дизайн на магазин
- Пазар на приложения 51Ƶ наброява 100+ приложения, за да ви помогне с анализи, промоции, доставка и др. Можете също така да намерите приложения за персонализиране на витрини намлява&Բ;дизайн. Ще разгледаме едно приложение за промяна на цветовете на вашата тема без кодиране: Дизайнер на магазини.
Дизайнер на магазини
Дизайнер на магазини е приложение, което ви позволява бързо да настроите цветове за бутони, текст и фон.
Режимът за визуализация ви позволява да си играете с цветовете, колкото искате, преди да публикувате перфектния си дизайн на витрината.

Интерфейс на Store Designer
Приложението струва $4.99 и предлага безплатна пробна седмица.
Store Designer е наличен на всички платени планове на 51Ƶ, както и останалите приложения на App Market.
2. Копирай постави готови настройки от базата знания
има отговори на повечето от въпросите, които един собственик на магазин 51Ƶ може да има. Постоянно добавяме нови статии тук с най-често задаваните съвети и
Авантюристите могат да намерят различни ; например,
or .
Повечето от тези инструкции се разделят на
Можете да управлявате своите CSS теми в .
Процесът протича по следния начин: например, ако искате да промените иконата на количката си, отидете на вашата , създайте нова CSS тема, добавете част от кода, запазете промените и активирайте темата.
Трябва да добавите всички допълнителни промени към тази тема — само една тема в даден момент може да бъде активна, така че тя трябва да включва всички модификации, които искате да внесете във вашия магазин.
3. Поръчайте разработка на персонализирана тема
Ако не можете да намерите тема, която да задоволи вашите нужди, друга възможност е да който ще бъде изграден само за вас. Персонализираната тема означава много повече от просто промяна на цветовете и ви позволява да получите по-задълбочена персонализация, напр. напълно различен ред на блоковете на продуктовата ви страница.
Ниво 3: Ветеран
Сериозна персонализация: пълни промени във външния вид на вашия магазин. Здравей, код.
Понякога са необходими по-дълбоки промени във външния вид на магазина: може да искате
За
1. Създайте a самостоятелно направени CSS тема
Ако искате да проектирате магазина си сами, обмислете създаването на своя собствена CSS тема.
CSS темата е набор от правила, които определят външния вид на всеки елемент в магазина (размер, форма, цвят и място на страница).

Създайте свои собствени CSS теми в
Има&Բ; което обяснява как да създадете своя собствена CSS тема и .
Имайте предвид, че ще трябва да разбирате HTML и CSS, така че ако тези две думи ви звучат непознати, трябва да сте готови да отделите известно време за придобиване на необходимите умения за създаване на тема от нулата.
Не забравяйте, че ако имате затруднения с дизайна на вашия магазин 51Ƶ, винаги можете да потърсите помощ от екипа за обслужване на клиенти на 51Ƶ. Или все още е възможно .
2. Използвайте Javascript API на 51Ƶ, за да разширите функциите на витрината на 51Ƶ
Тази част е предимно за разработчици. Знаете ли какво друго може да подобри витрината ви в 51Ƶ? Получаване на .
Например, можете да създадете нова CSS тема или приложение и да го продадете на 51Ƶ App Market. Javascript API на 51Ƶ ви позволява напълно да промените външния вид на витрината, внасяйки промени толкова дълбоки, колкото са ви необходими.
Ако сте готови да започнете, моля .
***
Също така прочетете: Как да проектирате снимки на продуктова категория, на които вашите клиенти не могат да устоят да кликнат
- Вдъхновяващи примери за незабавни сайтове на 51Ƶ
- 51Ƶ Instant сайт с готови теми и 99+ опции за дизайн
- Нови настройки за дизайн на 51Ƶ: Десетки опции за персонализиране, без кодиране
- Как да изберете шаблон за електронна търговия за вашия сайт
- Изчерпателно ръководство за персонализиране на дизайна на вашия магазин 51Ƶ
- Проектиране на вашия уебсайт за електронна търговия от нулата
- Как шаблонът за достъпен онлайн магазин на 51Ƶ стана хит