# Дизайн на онлайн магазин и headless витрина | CloudCart

Готова тема с живо демо, която правите своя, или витрина изцяло по проект върху Nitrogen, нашата headless технология. Каталогът остава в CloudCart.

Източник: https://cloudcart.com/design · CloudCart

Дизайн

## Дизайн на онлайн магазин: витрина, каквато никой друг няма

Nitrogen е нашата headless технология. С нея витрината се прави изцяло по вашия дизайн, а каталогът, поръчките и плащанията остават в CloudCart. Затова магазинът изглежда и се държи точно както поискате.

Витрина по проект · Nitrogen headless · Същият админ

[Създайте магазин за €1](https://my.cloudcart.com/bg/register)
[Говорете с консултант](https://cloudcart.com/contact)

Витрина на Nitrogen · 1 от 2

## Всеки екран е сцена

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

[Вижте я на живо](https://test-cosmetics-ef887a66e0bef10d.cloudcart.dev/)

Витрина на Nitrogen · 2 от 2

## Същата платформа, съвсем друг свят

Отзад работи същият CloudCart: каталог, количка, поръчки. Различно е само това, което вижда клиентът.

[Вижте я на живо](https://tshirt-slow-motion-e3523106877c83bb.cloudcart.dev/)

test-cosmetics.cloudcart.dev

levski.cloudcart.dev

Скролвайте - витрините се движат от вас

Витрина на Nitrogen · 1 от 2

## Всеки екран е сцена

Витрината не е тема с настройки, а е направена специално за вашата марка.

test-cosmetics.cloudcart.dev
[Вижте я на живо](https://test-cosmetics-ef887a66e0bef10d.cloudcart.dev/)

Витрина на Nitrogen · 2 от 2

## Същата платформа, съвсем друг свят

Отзад работи същият CloudCart: каталог, количка, поръчки. Различно е само това, което вижда клиентът.

levski.cloudcart.dev
[Вижте я на живо](https://tshirt-slow-motion-e3523106877c83bb.cloudcart.dev/)

Какво е Nitrogen

## Витрината може да бъде всякаква. Всичко останало си е CloudCart

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

Вашият CloudCart · всичко е тук
Headless витрина · Nitrogen

Rosa BotanicaТаблоПродуктиПоръчкиКлиентиNitrogen
12поръчки днес
18серум · наличност
Поръчки днес#1051Мария Д.133,90 €Платена#1050Иван П.42,00 €Изпратена
Серум · цена42 €

Rosa BotanicaСерумиКремовеКомплекти
Козметика от български розиТри продукта, които кожата ви усеща още първата седмица.

Разгледайте
Серум с розово масло42 €18 бр.Добави
Нощен крем36 €Добави
Комплект „Роза“69 €Добави
Количка · 0

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

Кой строи витрината: вие или ние?

### Строите я вие
Вашият екип я строи и я развива, когато реши. Днес с AI асистент и нашите инструменти за разработчици, скоро и с конструктора в админа. Всеки push към GitHub пуска витрината на домейна Ви. Не чакате ничий график. [Как се свързва асистентът](https://cloudcart.com/developers)

### Строи я наш специалист
Споделяте идеята, а ние правим витрината и я пускаме на живо. Грижим се и за домейна, сигурността и пренасочванията от старите адреси. Така са направени двете витрини по-горе.

[Говорете с консултант](https://cloudcart.com/contact)

Когато я строите Вие, всеки push към GitHub я пуска на домейна Ви. Когато я строим ние, пускаме я заедно с Вас, за да не остане магазинът без работещ адрес нито минута.

### Свържете асистента си с едно изречение

Ако витрината я строите Вие, асистентът ѝ се свързва с магазина Ви с едно изречение. После му казвате каква витрина искате, а той я пише с Nitrogen.

Изречението за AI асистента
Fetch and follow the instructions at https://raw.githubusercontent.com/cloudcart/ai-toolkit/main/prompt.md to set up my AI agent for CloudCartАсистентът ще Ви говори на български.

### Отворете AI асистента
Claude Code, ChatGPT Codex, Cursor, VS Code или Gemini CLI.

### Поставете изречението
Асистентът слага всичко сам.

### Дайте ключ за достъп
Настройки → „PAT токени“ → нов ключ. Готово, пишете.

### PAT токенът: ключът на асистента към магазина

Само толкова права, колкото са нужниПри създаването избирате само четене, пълен достъп или отделни права по ресурси. Токенът работи с CloudCart CLI и Admin GraphQL.

Срок и IP адресиМоже да зададете дата, до която токенът важи, и до 20 IP адреса или мрежи, от които се приема.

Под Ваш контролТокени създава само собственикът на магазина. Стойността се показва веднъж. Спирате или изтривате токена с едно кликване и достъпът спира веднага.

Всичко за свързването, PAT токена и Nitrogen: [„За разработчици“ →](https://cloudcart.com/developers)

Скоро в админа

## Описвате магазина с думи. Той се строи пред вас

Казвате на български какъв магазин искате и AI конструкторът го сглобява върху Nitrogen. Всяко ваше изречение веднага променя витрината, а после я подреждате с плъзгане. Без код.

Опишете магазина си…

Структура и навигация
Цветове и шрифт
Продуктите от каталога ви
Готово за редакция с плъзгане

вашият-магазин.bg

Rosa BotanicaСерумиКремовеКомплекти
Козметика от български розиТри продукта, които кожата ви усеща още първата седмица.

Разгледайте колекцията

Серум с розово масло42 €
Нощен крем36 €
Комплект „Роза“69 €

За вашия разработчик

## Фронтът е ваш, търговската част е наша грижа

Nitrogen · headless витрина
$ [main 3f2a9c1] 1 file changed$ GitHub App → Novabuild    ✓ 14 sdeploy   ✓ productionlive     → rosa.cloudcart.dev

rosa.cloudcart.dev

Обновена · преди секунда

React Router и Tailwind · стартер от CloudCart
Storefront API за каталога и количката · вход без парола за клиента
Хостинг при нас · deploy при всеки push
Какво правите сами: robots.txt и sitemap.xml, 301, контактна форма, cookie съгласие

[Всичко за разработчици](https://cloudcart.com/developers)

А ако искате магазин още днес

## Тръгвате от готова витрина и я правите своя

Темите са по браншове и всяка има живо демо. Сменяте темата с един клик, а каталогът и поръчките остават на място.

[Вижте демото](https://motivationbg.cloudcart.net/)
[Вижте демото](https://lifestyle-bg.cloudcart.net/)
[Вижте демото](https://flairbg.cloudcart.net/)
[Вижте демото](https://interiors-bg.cloudcart.net/)
[Вижте демото](https://tech-store-bg.cloudcart.net/)
[Вижте демото](https://beautytreats-bg.cloudcart.net/)
[Вижте демото](https://fashionista-bg.cloudcart.net/)
[Вижте демото](https://celebrations-bg.cloudcart.net/)
+15още теми в каталога на админа, всяка с живо демо

Когато темата не стига

## Още две стъпки, когато искате повече

Готовите теми покриват почти всичко. За останалото не сменяте платформата: добавяте свой код или оставяте дизайна на нас.

### Собствен CSS и JS

Вашият CSS и JS се добавя към всяка страница на витрината. За детайлите, които темата не покрива: пиксел, шрифт, стил.

/* Дизайн → Собствен CSS/JS */

### Професионален дизайн от нашия екип

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

[Говорете с консултант](https://cloudcart.com/contact)

Живи витрини

## Така изглеждат магазини, построени на CloudCart

Пръстенът се върти, докато скролвате.

zora.bg
elementre · Nitrogen
bulgarbiotic.bg · по проект
dabov.coffee
visvitalis.bg
fanshop.levski.bg
serendipity.jewelry
owllee.com
eandm.bg
Nitrogen
myhomeandgarden.bg
aurabody.bg
vinoimeze.bg

Всеки от тях е тръгнал от готова тема или от витрина по проект. И всеки продава на същата платформа.

zora.bg
elementre · Nitrogen
bulgarbiotic.bg
dabov.coffee
visvitalis.bg
fanshop.levski.bg
serendipity.jewelry
owllee.com
eandm.bg
Nitrogen
myhomeandgarden.bg
aurabody.bg
vinoimeze.bg

[### Каталог Варианти, пакети, дигитални продукти, Smart Collections Отворете →](https://cloudcart.com/catalog)
[### CloudCart Pay Плащания с карта, без договор с банка Отворете →](https://cloudcart.com/cloudcart-pay)
[### AURA AI служителят: пише описания и SEO, превежда, предлага кампании Отворете →](https://cloudcart.com/aura)

## Готови ли сте да растете с CloudCart?

[Говорете с консултант на CloudCart](https://cloudcart.com/contact)