# Продуктова страница, която продава: 18 елемента на дизайна и текста

Продуктова страница, която продава: 18 елемента от снимките и цената до бутона на телефон, доставката, отзивите и schema, и как се правят в CloudCart.

Източник: https://cloudcart.com/blog/product-page-design-checklist · CloudCart · 2026-11-06

Продуктовата страница продава, когато в първия екран на телефона клиентът вижда ясна снимка, името, крайната цена, избора на вариант, наличността и бутона „Добави в количката“, а под тях цената и срока на доставка, начина на плащане, връщането и отзивите. Това са 18 елемента. В CloudCart всеки от тях се включва от админа, без код.

За всеки елемент: какво вижда клиентът, какво изисква законът и Google и къде е настройката в CloudCart, българската платформа за онлайн магазини. Правните изисквания са проверени на 06.11.2026 по [Закона за защита на потребителите в lex.bg](https://lex.bg/laws/ldoc/2135513678), а изискванията на Google към същата дата в Google Search Central и Merchant Center Help.

## Какво е продуктова страница и кои 18 елемента продават

Продуктовата страница (product page) е страницата на един продукт в магазина: снимки, име, цена, варианти, бутон за купуване и информацията, която отговаря на въпросите преди поръчката. Към нея водят търсенето, рекламите и имейлите. Таблицата събира 18-те елемента и мястото на всеки в админа на CloudCart.

| № | Елемент | Къде е в CloudCart |

| 1 | Главна снимка | Продукти → Продукти → Медия (първата снимка) |

| 2 | Галерия, видео и 360° | Медия: до 36 снимки, 1 видео от YouTube, 1 изображение 360° |

| 3 | Заглавие (H1) | Product title в редактора на продукта |

| 4 | Крайна цена | Блокът с цената на темата |

| 5 | Намаление с предишна цена | Маркетинг → Отстъпки; стара цена и „Спестявате“ в блока с цената |

| 6 | Избор на вариант | Варианти: падащо меню, бутони, плочки със снимки или цветни кръгчета |

| 7 | Наличност | Продукти → Статуси на продуктите |

| 8 | Таблица с размери | Приложения → Size Chart |

| 9 | Бутон „Добави в количката“ | Настройки → Количка и checkout |

| 10 | Бутон, който остава на екрана на телефон | Според темата; в Nitrogen витрина по ваш проект |

| 11 | Цена и срок на доставка | Линк към страница „Доставка“ в модула с детайлите на продукта |

| 12 | Начини на плащане | CloudCart Pay с Apple Pay и Google Pay на продукта, калкулатор за изплащане |

| 13 | Връщане | Отделен таб или страница, показана в страничен панел |

| 14 | Кратко и пълно описание | Description и Short description, с Aura Studio |

| 15 | Характеристики | Свойства на категорията, таблица на страницата |

| 16 | Отзиви | Приложения → Product Reviews |

| 17 | Въпроси и отговори | Q&A в Product Reviews, табове, Aura Chat |

| 18 | Свързани продукти | Свързани продукти в редактора, Маркетинг → Cross Sell |

Кои от полетата се виждат, решавате в един модул: Дизайн → Модули → Продукти → „Детайлна информация за продукта“. Модулът определя какво се показва (цена, бутон, наличност, SKU, марка, характеристики, галерия, описания), а темата решава къде стои всяко поле. Как се избира темата, е в статията за [дизайна на онлайн магазин с теми и редактор](https://cloudcart.com/blog/store-design-themes).

## Снимки, видео и 360°: елементи 1 и 2

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

### Какво изисква Google от снимката на продукта

Ако продуктите ви излизат в Google Shopping, снимката минава проверка по [изискванията на Merchant Center към изображенията](https://support.google.com/merchants/answer/6324350?hl=en) (проверени на 06.11.2026). От 31.01.2027 минималният размер е 500 × 500 пиксела за всички продукти, а препоръчаният е 1500 × 1500 или повече. Продуктът заема 75% до 90% от кадъра. Забранени са промоционални надписи и цени върху снимката, водни знаци, добавени логота, рамки и снимка „очаквайте скоро“. Всеки вариант трябва да има своя снимка, на която е само той.

Етикети като „-20%“ или „Ново“ правите в Продукти → Банери и етикети: текстов етикет с ваш цвят или малко изображение в ъгъла, което темата показва над снимката, без да променя файла.

### Как се качват снимки, видео и 360° в CloudCart

В редактора на продукта, в картата Медия, подреждате снимките с влачене; първата става главна. Към продукта може да има до 36 снимки, едно видео от YouTube (поставяте адреса му) и едно изображение 360°, сглобено от до 36 кадъра. Приемат се JPG, PNG, WebP, GIF и SVG.

Приложението Image Health (Здраве на снимките) проверява всяка снимка в каталога за качество и за изискванията на Google и Meta, дава оценка от 100 и показва кои продукти да поправите първо. По подразбиране то очаква поне 3 снимки на продукт. Как да снимате с телефон и да махнете фона с AI, е в статията за [AI снимки на продукти и бял фон](https://cloudcart.com/blog/ai-product-photos).

## Заглавие, цена и намаление: елементи 3, 4 и 5

Заглавието казва точно какво купува клиентът, а цената трябва да е крайната сума, без изненади в количката. Добро заглавие има вида, марката, модела и главната разлика: „Термочаша от неръждаема стомана 450 мл, черна“.

В CloudCart заглавието е полето Product title и става H1 на страницата. Ако всеки вариант е различен продукт за клиента, в модула с детайлите включете добавянето на избрания вариант към заглавието: тогава H1 става например „Тениска, червена, M“.

### Какво казва законът за цената на продуктовата страница

Преди поръчката търговецът дава на клиента основните характеристики на стоката и крайната цена с всички данъци и такси (чл. 47, ал. 1, т. 1 и т. 5 от Закона за защита на потребителите, в сила от 25.07.2014). Разходите за доставка се посочват отделно или се казва, че може да има такива. Цената при каталозите стои до снимката или описанието на стоката (чл. 15, ал. 2), а продажната цена и цената за единица мярка са ясни и четливи (чл. 16) и в евро (чл. 19, ал. 1, в сила от 01.01.2026).

При намаление се показва предишната цена, а тя е най-ниската цена на стоката през последните поне 30 дни преди намалението в същия магазин (чл. 65, ал. 1 и 2 от ЗЗП, в сила от 28.05.2022). Блокът с цената в темите на CloudCart показва новата цена, старата зачертана цена и реда „Спестявате“, когато продуктът е с отстъпка от Маркетинг → Отстъпки.

## Варианти, наличност и размери: елементи 6, 7 и 8

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

### Наличност, която помага на продажбата

В Продукти → Статуси на продуктите задавате текстовете, които клиентът вижда, и правилото за всеки: „В наличност“, „Последни 3 бройки“ при количество до 3, „Очаква се“, „Поискайте оферта“. Всеки статус казва и какво става с бутона за купуване: остава, скрива се, става бутон за запитване или бутон „Уведомете ме при наличност“. Точният брой бройки се вижда в значката, ако в модула с детайлите са включени и статусът, и количеството в статуса.

Клиентите, които са натиснали „Уведомете ме“, се събират в Продукти → Липсващи продукти. Имейлът при зареждане не тръгва сам: след като заредите, бутонът за кампания на реда го изпраща на чакащите.

### Таблица с размери за дрехи и обувки

Приложението Size Chart добавя бутон „Таблица с размери“ на страницата, който отваря таблицата в прозорец. Правите отделни таблици (например „Дамски блузи“ и „Обувки EU“) и с условия решавате коя на кои продукти да се показва.

## Бутонът „Добави в количката“ и бутонът на телефон: елементи 9 и 10

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

Какво става след натискането, задавате в Настройки → Количка и checkout, в настройката за действието след бутона за купуване: направо към checkout, към страницата на количката, прозорец за потвърждение или клиентът остава на страницата. При покупка на един продукт (мебели, техника) най-кратко е направо към checkout, а при кошница от няколко неща (козметика, храни) клиентът остава на страницата.

### Бутон, който остава на екрана (sticky бутон)

Sticky бутон е лента с бутона за купуване, която остава в долната част на екрана при скролване. В CloudCart това зависи от темата: някои теми я имат, други не. Проверете го в демото на темата на телефон. За страница изцяло по ваш проект пътят е [Nitrogen, headless витрината на CloudCart](https://cloudcart.com/design): каталогът, количката и поръчките остават в същия админ, а витрината се пише като код от разработчик.

Размерът на бутоните, шрифтът и скоростта на телефон са в статията за [мобилната версия на онлайн магазина](https://cloudcart.com/blog/mobile-version-online-store).

> Нов магазин €1 на месец за първите 3 месеца Подредете и тествайте продуктовите си страници с реални поръчки за €3 общо за 3 месеца. За нови магазини до 31.12.2026. Създайте магазин за €1 →

## Доставка, плащане и връщане: елементи 11, 12 и 13

Цената и срокът на доставка трябва да се виждат на продуктовата страница, преди клиентът да стигне до checkout. Законът изисква търговецът да даде условията за плащане и доставка и датата, до която доставя, преди клиентът да се обвърже с договора (чл. 47, ал. 1, т. 7 от ЗЗП, последно изменена с ДВ, бр. 87 от 2026, в сила от 27.09.2026).

### Как се показва доставката в CloudCart

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

### Плащане: карта, наложен платеж и на изплащане

Иконите на картите и ред „Наложен платеж“ до бутона казват на клиента, че може да плати както е свикнал. С CloudCart Pay бутоните Apple Pay и Google Pay за плащане с едно докосване стоят и на продуктовата страница (блок „Експресно плащане“, включен по подразбиране). Когато в магазина е активен доставчик на покупки на изплащане, до цената се показва калкулатор с месечната вноска, ако цената е над прага на доставчика.

> CloudCart Pay 0% такса за транзакция до 31.12.2026 Visa, Mastercard, Apple Pay и Google Pay се приемат във формата на самия магазин, без препращане и без договор с банка, така че клиентът плаща от продуктовата страница до „Благодарим“, без да излиза от сайта. Как работи CloudCart Pay →

### Връщане без търсене

Един ред със срока за връщане и линк към условията стига. В редактора на продукта с „Добавяне на нов таб“ правите табове като „Доставка и връщане“, „Състав“ или „Гаранция“ и ги подреждате с влачене.

## Описание и характеристики: елементи 14 и 15

Краткото описание стои до цената и казва в 2–3 реда за кого е продуктът и каква е ползата. Пълното описание отговаря на въпросите, които иначе стигат до поддръжката: материал, употреба, съдържание на кутията.

Характеристиките (мощност, обем, материал, размери) в CloudCart идват от свойствата на категорията и се показват като таблица. Същите свойства пълнят филтрите в категорията, затова ги попълвайте за всеки продукт.

Описанието, краткото описание и мета описанието пише Aura Studio в редактора на продукта от данните в магазина, а вие приемате или поправяте текста. Структурата на добро описание и как AI пише стотици описания наведнъж, е в статията за [описанието на продукт с AI](https://cloudcart.com/blog/product-descriptions-ai).

## Отзиви и въпроси на клиентите: елементи 16 и 17

Рейтингът със звезди стои до заглавието, а самите отзиви под описанието.

### Отзиви в CloudCart и какво трябва да пише до тях

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

Законът изисква от търговец, който показва потребителски отзиви, да каже дали и как проверява, че отзивите са от клиенти, които наистина са купили продукта, и как обработва отзивите, включително дали публикува всички (чл. 68е, ал. 7 от ЗЗП, в сила от 28.05.2022). Сложете под отзивите един ред, например „Отзиви пишат само клиенти с изпълнена поръчка. Публикуваме всички отзиви, положителни и отрицателни“, и го дръжте верен. Как се събират и как се отговаря на лоши отзиви, е в статията за [отзивите от клиенти](https://cloudcart.com/blog/customer-reviews-online-store).

### Въпроси и отговори на страницата

В Product Reviews може да включите и раздела Въпроси и отговори: клиентите питат на страницата на продукта, вие или други клиенти отговаряте, а вие одобрявате кое да се вижда.

> Aura Chat Отговаря на въпроса пред бутона и затваря продажбата Aura Chat отговаря от името на магазина за характеристиките, размера и сравнението с друг продукт и за доставката и връщането от вашите публикувани страници, с линк към тях. Добавя продукта в количката направо от чата. Как продава Aura Chat →

## Свързани продукти и cross-sell: елемент 18

Свързаните продукти показват какво още е нужно: калъф към телефона, серум към крема. Те вдигат средната поръчка.

В CloudCart има три начина. Свързани продукти в редактора на продукта са ръчно избрани от вас, с двупосочна връзка по желание. Модулът със сродни продукти показва под продукта други по категория, марка или етикет. Офертите от Маркетинг → Cross Sell се появяват в избран момент: на страницата на продукта, при добавяне в количката (с отстъпка и таймер в прозореца), в количката или в checkout-а. Видовете оферти са на страницата за [cross-sell и upsell в CloudCart](https://cloudcart.com/cross-sell).

Предлагайте 2–4 допълващи продукта на цена под тази на главния.

## Schema markup: структурирани данни за продукта

Schema markup (структурирани данни) е код на страницата, който казва на Google на машинен език кое е името, снимката, цената, наличността и оценката на продукта. Google нарича този вид резултат [merchant listing](https://developers.google.com/search/docs/appearance/structured-data/merchant-listing) (проверено на 06.11.2026).

| Свойство | Задължително ли е | Откъде идва в магазина |

| name | Да | Заглавието на продукта |

| image | Да | Главната снимка |

| offers с price и priceCurrency | Да, цена над 0 | Цената в евро |

| availability | Препоръчано | Статусът на наличност |

| gtin , sku , brand | Препоръчано | Баркод, SKU и марка от редактора |

| aggregateRating , review | Препоръчано | Product Reviews |

| shippingDetails , hasMerchantReturnPolicy | Препоръчано | Условията за доставка и връщане |

В CloudCart структурираните данни идват от шаблона на темата, затова проверете вашата страница, преди да разчитате на тях. Пуснете адреса на един продукт в [Rich Results Test на Google](https://search.google.com/test/rich-results) и вижте дали се открива Product с цена и наличност. Ако нещо липсва, пишете на [support@cloudcart.com](https://cloudcart.commailto:support@cloudcart.com). Останалата техническа SEO настройка на магазина е в [чеклиста за SEO оптимизация на онлайн магазин](https://cloudcart.com/blog/online-store-seo). В Nitrogen витрина структурираните данни се пишат в кода на страницата от същите данни, включително маркировка за въпросите и отговорите. Доставката и връщането може да зададете и в Merchant Center, като там настройките имат предимство пред тези в кода.

## Как да подредите продуктовата страница в CloudCart: 7 стъпки

Повечето настройки са общи за всички продукти, затова започнете с най-продавания.

- Изберете какво да се вижда. Дизайн → Модули → Продукти → „Детайлна информация за продукта“: включете цената, бутона, статуса, характеристиките, галерията и двете описания.

- Свържете страницата за доставка. В същия модул включете линка към страница, изберете „Доставка и връщане“ и показването като страничен панел.

- Подредете медията. В редактора на продукта качете поне 3 снимки и при нужда видео или 360°. Пуснете Image Health.

- Задайте наличността. Продукти → Статуси на продуктите: статус „Последни бройки“ при малко количество и „Уведомете ме“ за изчерпаните.

- Включете отзивите и въпросите. Приложения → Product Reviews: кой може да пише, как се одобрява, включете въпросите и отговорите.

- Добавете свързаните продукти. В редактора изберете 2–4 допълващи продукта.

- Проверете на телефон и в Google. Отворете страницата на телефон: в първия екран трябва да са снимката, името, цената, вариантът и бутонът. После пуснете адреса в Rich Results Test.

## Грешки, които струват поръчки

- Надпис или цена върху снимката. Google отхвърля такава снимка в Shopping, а на телефон надписът е нечетлив.

- Зачертана цена без основание. Предишната цена трябва да е най-ниската от последните 30 дни (чл. 65 от ЗЗП), а намалението не може да трае повече от един месец, освен в изброените в чл. 66 случаи като разпродажба при закриване.

- Доставката се вижда едва в checkout-а. Клиентът научава цената ѝ в последната стъпка и част от клиентите спират там.

- Предварително избран вариант с друга цена. Клиентът вижда една цена, избира размера си и вижда друга.

- Изчерпан продукт без алтернатива. Сложете „Уведомете ме“ и ред със сродни продукти, за да не губите клиента.

## Как да разберете дали новата страница продава повече

Промяната продава, ако при същия трафик растат добавянията в количката и поръчките. Сменяйте по един елемент и сравнявайте 2 седмици преди и след; как се мери, е в статията за [конверсията на онлайн магазин](https://cloudcart.com/blog/online-store-conversion-rate). С [0% комисионна върху продажбите](https://cloudcart.com/bg/offer/zero-commission-ecommerce) таксата към CloudCart е на плана и не расте с поръчките.

## Често задавани въпроси

**Какво трябва да съдържа една продуктова страница?**

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

**Колко снимки трябва да има един продукт?**

Поне 3: главна на чист фон, детайл и снимка в употреба. Image Health в CloudCart очаква по подразбиране 3 снимки, а галерията побира до 36 снимки, едно видео и едно изображение 360°. За Google Shopping минимумът е 500 × 500 пиксела от 31.01.2027.

**Къде трябва да е бутонът „Добави в количката“?**

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

**Трябва ли да пиша цената на доставката на страницата на продукта?**

Да, препоръчително е. Законът изисква условията за доставка и разходите за нея да са известни на клиента, преди да поръча (чл. 47 от ЗЗП). В CloudCart най-лесно е да свържете страница „Доставка и връщане“ в модула с детайлите на продукта и да я показвате като страничен панел.

**Как се показва предишната цена при намаление?**

Предишната цена е най-ниската цена на продукта през последните поне 30 дни преди намалението в същия магазин (чл. 65 от ЗЗП). В CloudCart блокът с цената показва новата и старата цена и сумата, която клиентът спестява.

**Какво е schema markup за продукт?**

Schema markup е код на страницата, който казва на Google името, снимката, цената, наличността и оценката на продукта. Задължителни са name, image и offers с цена и валута. Дали вашата страница ги има, проверявате с Rich Results Test на Google.

**Трябва ли отзивите да са само от купувачи?**

Законът не забранява отзиви от некупували, но изисква да кажете дали и как проверявате, че отзивите са от реални купувачи, и дали публикувате всички (чл. 68е, ал. 7 от ЗЗП). В Product Reviews на CloudCart можете да разрешите отзиви само на клиенти с платена или изпълнена поръчка.

Имате въпрос за продуктовите страници на вашия магазин? Пишете ни на [support@cloudcart.com](https://cloudcart.commailto:support@cloudcart.com).