На питання «зробите нам на Shoptet дизайн під замовлення» відповідають «так» підозріло легко. Точніша відповідь звучить так: зовнішній вигляд на Shoptet змінюється на чотирьох рівнях, три з них робляться в адміністрації магазину, а четвертий вимагає тарифу Premium. Більшість завдань, які виглядають як дизайн, закінчуються на третьому рівні - а ті, що на ньому не закінчуються, розпізнаються заздалегідь.
Цей текст не з наших проєктів на Shoptet. Він складений зі справки і документації для розробників Shoptet, знято 31. 8. 2026, і в кожного твердження є джерело. Твердження, яких з документації не вичитати, позначені - навмисно, бо це теж інформація.
Чотири рівні правок, і три з них - уже код
| Рівень | Інструмент | Доступність | Стеля |
|---|---|---|---|
| 1 | Návrhář šablon | безкоштовно, усі тарифи | лише налаштування шаблону |
| 2 | Власний CSS | адміністрація | лише вигляд, не структура |
| 3 | HTML-коди | адміністрація | 4 місця, 8 192 знаки |
| 4 | Blank template | лише Premium | власні CSS і JS цілком |
Ця таблиця - уся стаття в мініатюрі. Решта тексту пояснює, що ховається за кожним рядком і чому завдання зазвичай упираються саме в третій.
Рівень 1: Návrhář змінює шаблон, а не вміст
Návrhář šablon міститься в адміністрації в розділі Vzhled a obsah → Návrhář šablon і, згідно зі справкою, «безкоштовний на всіх тарифах». У ньому ви зміните колірну схему шаблону, логотип і шапку, тло, розкладку сторінок та елементів, фавікон і банери.
Межа описана так само прямо. Návrhář не змінює «пункти меню, вітальний текст на головній, список категорій у підвалі» і - цитата - «не служить для редагування самого вмісту (тексту) статей, сторінок, описів товарів і категорій». Для таких елементів у Návrhář стоїть посилання у відповідний розділ адміністрації.
Практичний наслідок для завдання. Фрази на кшталт «хочемо інше меню» означають дві різні роботи залежно від того, ідеться про вигляд меню чи про його пункти. Перше - Návrhář, друге - адміністрація магазину, і під час оцінки ціни це плутають.
Самих шаблонів Shoptet пропонує сім активно розвиваних - Samba, Disco, Step, Classic, Waltz, Tango і Techno - і чотири старі, які лишаються робочими, але нові функції в них уже не приходять. Шаблон, за справкою, можна змінити будь-коли, і завантажені дані при цьому не зникнуть.
Рівень 2: власний CSS перепише вигляд і переживе оновлення
У поле для власного CSS в адміністрації ви вставляєте стилі, які завантажуються на кожній сторінці магазину і перевизначають стандартні стилі шаблону. Важлива властивість: оновлення шаблону ваш CSS не перезапише.
Але тут ховається найчастіше непорозуміння між замовником і підрядником. CSS змінює зовнішній вигляд, а не поведінку і не порядок елементів у коді сторінки. Різниця видно на парі вимог, які звучать схоже:
- «Кнопка в кошик має бути більшою, зеленою і з іншою рамкою.» - CSS.
- «Кнопка в кошик має бути над описом, а не під ним, і в HTML раніше, щоб її так читав і пошуковик.» - CSS зсуне її візуально, порядок у коді не змінить.
Друга вимога - саме той тип, який у комерційній пропозиції позначають як виконаний, а під час перевірки з'ясовується, що він не виконаний.
Рівень 3: у HTML-кодів чотири місця і 8 192 знаки
Ось найжорсткіше число всієї статті, і воно зі справки дослівно: «У кожен із розділів Záhlaví, Zápatí, Dokončená objednávka і Robots.txt можна вставити валідний HTML-код максимальною довжиною 8192 знаки.» І одразу за цим: «Після досягнення ліміту зберегти зміни неможливо.»
Прочитайте цей список ще раз, бо його склад так само важливий, як і ліміт. Це чотири місця: шапка, підвал, сторінка подяки і robots.txt. Самих кроків оформлення замовлення серед них немає.
Справка додає правила, які не косметичні:
- у JavaScript не слід використовувати document.write(),
- обфусковані скрипти не рекомендуються, бо «Google вважає магазини з такими кодами підозрілими»,
- «вставлення непрофесійних або невідповідних правок може порушити роботу магазину».
Що випливає з ліміту 8 192 знаки на практиці. Це не стеля для розміру правок, це стеля для розміру вставленого коду. Об'ємніший скрипт або стиль хоститься в іншому місці і підключається посиланням - і так виникає ще одна залежність, яку треба десь записати, бо коли вона перестане працювати, про неї ніхто не згадає.
Рівень 4: власний дизайн усього шаблону лише на Premium
Документація для розробників описує режим «blank template», у якому магазин не підвантажує ні CSS, ні JavaScript від Shoptet, і ви замінюєте їх своїми файлами. Вимкнути можна лише скрипти, лише стилі або і те й інше. Режим доступний виключно на тарифі Premium і вмикається в адміністрації на сторінці з HTML-кодами.
Документація додає одне попередження, яке варте уваги кожного, хто хоче дизайн «з чистого аркуша». Blank template виходить із шаблону Classic і зберігає імена класів, до яких прив'язана більшість доповнень, - а якби ви будували шаблон поза цим режимом, «compatibility with system options would not remain preserved». Інакше кажучи: власний дизайн будується переписуванням стандартного шаблону, а не замість нього.
До того самого тарифу належить і приватний REST API для доступу до даних магазину; публічний API призначений розробникам доповнень. Premium коштує за прайсом від 12 000 Kč на місяць без DPH і піднімає ліміт до 100 000 товарів (shoptet.cz/cenik, знято 31. 8. 2026).
Оновлення шаблону - це дата, до якої правки можуть перестати працювати
Цю частину замовники зазвичай не чують, а це стаття бюджету, а не технічна примітка.
Шаблони оновлюються постійно, і справка визнає, що «у виняткових випадках деякі оновлення шаблонів можуть вплинути і на ваші індивідуальні правки магазину». Тому існують відкладені оновлення: строк на перевірку і прийняття, за справкою, «завжди мінімум 14 днів».
Друга фраза з того самого кола: якщо після вставлення власного коду ви зміните шаблон або його колірну версію, код може перестати працювати, бо змінилися елементи, до яких він був прив'язаний.
Що з цього випливає для договору. Індивідуальні правки - не разова позиція. До кожної додається відповідь на питання, хто перевірить її при оголошеному оновленні і в який строк: ці чотирнадцять днів - час на роботу, а не на роздуми.
Межу вашого завдання з'ясуємо до пропозиції, а не посеред розробки
Універсального списку «це можна, а це ні» не існує, бо все залежить від того, як сформульовано вимогу. Але є порядок дій, який знаходить межу раніше, ніж за роботу заплатять, і пройти його можна самостійно.
- Перепишіть вимоги у фрази про поведінку, а не в прикметники. Не «сучасна картка товару», а «під ціною товару має бути таблиця наявності за складами».
- Віднесіть кожну фразу до одного з чотирьох рівнів із таблиці вище. Що потрапить у перший чи другий, робиться швидко і дешево.
- За третім рівнем питайте про дві речі: скільки знаків коду це займе і куди саме вставиться.
- Що не потрапить навіть у третій, іде або в доповнення через API, або на Premium. Це точка, у якій змінюється бюджет, а не обсяг роботи.
- Перевіряйте на тестовому контурі, а не на живому магазині. Тестування правок на платному клоні магазину справка описує як рекомендований порядок; клон коштує 1 000 Kč без DPH і доступний 30 днів (podpora.shoptet.cz, знято 3. 9. 2026).
Цей порядок не дає відповіді заздалегідь, але дає дещо практичніше: перетворює «так, зробимо» на список фраз із ціною і з тією неприємною, у якої написано «без Premium не можна».
Коли підрядник на Shoptet киває на все завдання і не ставить жодного питання про те, на якому рівні це буде зроблено, ви купуєте не дизайн. Ви купуєте строк, у який це з'ясується.
П'ять питань підряднику, які варто поставити до підпису
- На якому з цих чотирьох рівнів буде зроблений кожен пункт завдання?
- Скільки знаків коду буде вставлено і в які розділи?
- Що станеться з правками під час наступного оновлення шаблону і хто це перевірить?
- Які пункти завдання вимагають тарифу Premium і скільки це на рік згори?
- Чи залишиться магазин після правок сумісним із доповненнями, якими ми користуємося?
П'яте питання найпідступніше, і на нього відповідає сама документація: доповнення прив'язані до імен класів стандартного шаблону. Хто їх під час правок перейменує, зламає те, що з дизайном не пов'язане.
Скажемо вам межу раніше, ніж складуть договір
Надішліть нам список вимог до зовнішнього вигляду і адресу свого магазину. Повернемо за кожним пунктом віднесення до рівня, оцінку обсягу і нотатку про те, що з ним станеться при оновленні шаблону. Пункти, за якими вийде «не можна», там теж будуть - і якщо їх багато, це саме по собі відповідь на питання, чи та Shoptet платформа.
Що ми робимо на Shoptet і за скільки - на сторінці створення магазину на Shoptet. Якщо вагаєтеся між платформами, перегляньте порівняння Shoptet, Shopify і WooCommerce.
Напишіть на info@lamapixel.com або телефонуйте +420 775 599 009.
