Як працює Reglaze

Reglaze дає вашому сайту новий дизайн без переробки. HTML, CMS, адреси сторінок і контент залишаються на місці — новий вигляд підключається одним файлом стилів поверх. Результат ви бачите на своєму сайті ще до оплати.

Пʼять кроків

Кабінет показує ці кроки для кожного сайту: поточний виділено, поруч — одна зрозуміла наступна дія.

1. Безкоштовне превʼю головної

Після додавання сайту Reglaze читає карту сайту й посилання, групує сторінки за шаблонами (головна, стаття, товар, категорія…) і відкриває головну в справжньому браузері — на компʼютері й телефоні. Потім ШІ-дизайнер будує для вашого бренду дизайн-систему — кольори, шрифти, відступи, кнопки, картки, — накладає її на головну й перевіряє результат за скриншотами: контраст, вирівнювання, обрізаний текст, верстку на телефоні.

Наскільки змінювати

• Освіжити — той самий вигляд, але охайніше: однакові кнопки й картки, кращі шрифти й відступи.
• Редизайн — помітно новий вигляд з вашим фірмовим кольором і логотипом.
• Сміливо — зовсім інший, сучасний сайт; впізнаваними залишаються лише логотип і контент.

Рух буває статичним, легким (плавні наведення), анімацією (контент зʼявляється під час прокручування) або виразним (рухаються й елементи самого дизайну: світіння, візерунки, акцентні лінії, головна кнопка). Відвідувачі з увімкненим «зменшити рух» завжди бачать статичну версію.

Побажання необовʼязкові: «темніше й дорожче», «ближче до Stripe», «залишити наш зелений». Превʼю готове приблизно за 15–25 хвилин; сторінку можна закрити й повернутися пізніше.

Безкоштовне превʼю охоплює головну (усіма мовами вашого сайту). Посилання на інші сторінки залишаються на головній і пояснюють, що ці сторінки оформлюються в повному редизайні, — так ви бачите лише завершену роботу.

2. Вибір стилю

У кожного превʼю два види:

• Живе превʼю — ваш справжній сайт, відкритий через Reglaze з новим файлом стилів. Походіть ним, відкрийте на телефоні, перемикайте До / Після на нижній панелі.
• Звіт — скриншоти «до/після» на компʼютері й телефоні, палітра й шрифти.

Не зовсім те? Натисніть Спробувати інший стиль з іншою силою змін або побажаннями. До 2 стилів на місяць безкоштовно.

Майже те? Вкажіть, що змінити: відкрийте превʼю, натисніть Коментар і клікніть на елемент. На превʼю кожного сайту є 3 безкоштовні правки. Ненадіслані коментарі не зникають — під час покупки повного редизайну вони застосовуються до всього сайту.

3. Покупка повного редизайну

У кабінеті виберіть превʼю, що сподобалося, і натисніть кнопку покупки. Для сайту з кількох сторінок це $89 один раз (односторінковий сайт — $49, великий — індивідуальний тариф, див. Ціни), у вартість входить:

• обраний вигляд на всіх знайдених типах сторінок, на компʼютері й телефоні;
• автоматичні перевірки сотень справжніх сторінок сайту;
• постійне посилання встановлення й CSS-файл для завантаження;
• $50 на балансі правок — у подарунок.

Після вибору відкривається сторінка замовлення: оплата карткою (Visa, Mastercard, Apple Pay, Google Pay) або криптовалютою (USDT, BTC, ETH та інші) на захищеній сторінці платіжного сервісу. Оплата підтверджується автоматично — карткою за хвилину, криптою після підтверджень мережі, — і редизайн усього сайту одразу починається. Усі замовлення — у розділі Оплата.

4. Увесь сайт

На цьому кроці ми не малюємо заново. Затверджений дизайн головної фіксується — шрифти, палітра, компоненти й рух — і переноситься на всі інші типи сторінок. Ми також завантажуємо до 1 500 сторінок сайту, щоб знайти блоки, які трапляються лише всередині контенту (таблиці, цитати, вставки, блоки зі старих редакторів, кольори, прописані просто в HTML), і оформити їх теж. Потім ті самі перевірки йдуть на 100+ сторінках, дібраних так, щоб покрити всі види блоків; знайдене виправляється й перевіряється знову.

Зазвичай це триває близько години. Кабінет показує прогрес; коли все готово, відкривається крок 5 з інструкцією з встановлення.

5. Встановлення

Додайте цей рядок у <head> кожної сторінки, після ваших власних стилів. Рядок з вашим особистим ключем ви знайдете в кабінеті:

<link rel="stylesheet" href="https://cdn.reglaze.io/i/ВАШ-КЛЮЧ.css">

Посилання завжди віддає дизайн, обраний зараз у кабінеті, з усіма правками. Після встановлення чіпати сайт більше не потрібно. Файл кешується на кілька хвилин, вантажиться як звичайний CSS і не запускає жодного JavaScript.

<link rel="preconnect" href="https://cdn.reglaze.io">
<link rel="preconnect" href="https://cdn.reglaze.io" crossorigin>

proxy_cache_path /var/cache/nginx/reglaze keys_zone=reglaze:1m max_size=50m inactive=30d;

location = /reglaze.css {
    proxy_pass https://cdn.reglaze.io/i/KEY.css;
    proxy_set_header Host cdn.reglaze.io;
    proxy_ssl_server_name on;
    proxy_connect_timeout 2s;
    proxy_read_timeout 5s;
    proxy_cache reglaze;
    proxy_ignore_headers Cache-Control Expires;
    proxy_cache_valid 200 5m;
    proxy_cache_background_update on;
    proxy_cache_use_stale error timeout updating http_500 http_502 http_503 http_504;
}

<?php // reglaze.php: include it in <head> where the install line was
$url   = 'https://cdn.reglaze.io/i/KEY.css';            // your install line
$file  = $_SERVER['DOCUMENT_ROOT'] . '/reglaze.css';   // local copy, folder must be writable
$stamp = $file . '.checked';
if (!is_file($file) || !is_file($stamp) || filemtime($stamp) < time() - 300) {
    touch($stamp);                                       // at most one fetch per 5 minutes
    $css = @file_get_contents($url, false, stream_context_create(['http' => ['timeout' => 2]]));
    if ($css !== false && $css !== '' && $css !== @file_get_contents($file)) {
        file_put_contents("$file.tmp", $css); rename("$file.tmp", $file);
    }                                                    // on failure the previous copy stays
}
if (is_file($file)) echo '<link rel="stylesheet" href="/reglaze.css?v=' . filemtime($file) . '">';

Встановлення за платформами

Правки й версії

Усе, що хочете змінити, — просто вкажіть:

Усі версії зберігаються. У звіті будь-яку попередню можна повернути в один клік; наступна правка будується вже на поверненій версії.

Особистий кабінет сайту (сторінки за логіном)

Якщо на сайті є особистий кабінет — панель, замовлення, бронювання, профіль, налаштування, — він може отримати той самий новий дизайн. Візьміть його разом із сайтом за $149 замість $89 — до оплати ви знімаєте одну сторінку кабінету, щоб переконатися, що все працює, — або додайте пізніше ($60 у перші 14 днів після покупки сайту, потім $89): у кабінеті відкрийте сайт і перейдіть до блоку особистого кабінету.

Наш обхід не вміє входити на ваш сайт, тому сторінки надсилаєте ви. Зніміть кожен вид сторінки один раз — панель, список (замовлення, бронювання), один запис, форму — до 12 сторінок. Три способи:

• Розширення для браузера (рекомендуємо). Встановіть Reglaze capture з Chrome Web Store (Chrome, Edge, Opera, Яндекс Браузер) і закріпіть його значок поруч з адресним рядком. Ваші сайти воно знаходить через вхід у Reglaze — налаштовувати нічого не потрібно. Увійдіть на свій сайт як зазвичай, відкрийте сторінку кабінету, натисніть значок Reglaze і Зняти сторінку. Щоб зняти відкрите меню чи спливне вікно, натисніть Зняти із затримкою 3 секунди і відкрийте його. Публічні сторінки на кшталт головної не потрібні — їх ми й так бачимо. Паролі не залишають ваш компʼютер, а email і довгі числа замінюються до надсилання.
• Закладка в браузері. Якщо розширення ставити не можна: перетягніть кнопку Reglaze capture на панель закладок, увійдіть на свій сайт як зазвичай, відкрийте сторінку кабінету й натисніть закладку. Маленьке вікно підтвердить знімок. Паролі не залишають ваш компʼютер, спосіб працює з двофакторним входом і капчею. Email і довгі числа (телефони, картки, номери рахунків) замінюються до надсилання; відкрийте меню чи спливні вікна до натискання, якщо хочете оформити і їх. Одну сторінку можна зняти кілька разів у різних станах (порожній список і заповнений, відкрите вікно) — зберігається кожен знімок.
• Через тестовий акаунт. Дайте нам сторінку входу, логін і пароль тестового користувача. Ми входимо один раз, відкриваємо сторінки (ті, що ви перелічите, або посилання меню кабінету), знімаємо їх і забуваємо логін — він ніде не зберігається. Ми лише відкриваємо сторінки й ніколи не надсилаємо форми. З двофакторним входом, капчею й кодами з пошти цей спосіб не працює.

Сторінки кабінету оформлюються поверх готового дизайну сайту, який залишається точно таким самим. Вони отримують ті самі кольори, шрифти й компоненти, але як робочі екрани: компактні заголовки замість банерів, читабельні таблиці й форми, зрозуміла навігація та статуси. Результат надходить через те саме посилання встановлення. Якщо кабінет живе на піддомені (наприклад, app.вашсайт.ua) і використовує стилі сайту, додайте той самий рядок і туди. Якщо це окремий застосунок зі своїми стилями, ми це визначаємо й даємо йому окремий рядок: він несе кольори, шрифти й основні налаштування вашого дизайну, але не правила публічних сторінок, тож сторони не впливають одна на одну. Правки — як на сайті: Коментар у превʼю.

Які сайти підходять

Reglaze змінює вигляд сайту одним файлом стилів поверх уже наявних сторінок. Під час додавання сайту ми автоматично перевіряємо його й показуємо результат на сторінці сайту — до оплати. Що ми шукаємо:

• Зробити не можна: сторінки, куди не можна додати свій код (магазини на маркетплейсах, Linktree/Taplink, Google Sites, Notion, соцмережі); сайти, намальовані на canvas замість HTML (Flutter web, Unity/WebGL); головна, на якій лише форма входу; адреси лише з AMP; сайти, що блокують наш обхід. Безкоштовне превʼю такого сайту зупиняється до початку роботи й не витрачає вашу безкоштовну спробу.
• Зберігає свій вигляд: віджети в рамці з іншого сервісу — платіжні форми, чат, бронювання, мапи, відео, вбудовані форми, стрічки соцмереж, — а також закриті вебкомпоненти й великі анімовані/3D-області на canvas. Ми оформлюємо простір навколо; у багатьох таких сервісів є власні налаштування кольору, які можна підігнати.
• Працює, але із застереженнями: автоматично згенеровані імена класів (вони змінюються з перезбиранням сайту), службові класи в стилі Tailwind, багато вбудованих стилів від конструкторів, текст усередині зображень, політика безпеки (CSP), що забороняє зовнішні стилі, — тоді дозвольте наш домен або використайте Завантажити CSS.
• Чого файл стилів ніколи не робить: не змінює тексти, не додає нових блоків і зображень, не переносить розділи в інше місце сторінки. Це новий вигляд того сайту, який у вас є.

Коли сайт змінюється

Дизайн написано під справжні компоненти вашого сайту. Якщо переставити наявні блоки, вони збережуть вигляд. Якщо додати новий вид блоку чи розділу, якого дизайн ще не бачив, він може зʼявитися в старому стилі: позначте його в превʼю через Коментар («оформити як інші картки») — це зробиться в наступній правці, з оплатою з балансу за фактом. Для великої переробки запустіть увесь сайт заново з кабінету.

Зміна стилю пізніше

На оплаченому сайті можна зробити превʼю нового стилю для головної (близько $25) (з балансу). Якщо сподобається, весь сайт у цьому стилі купується так само, як перший дизайн: тариф залежить від сайту, і баланс для правок знову в подарунок. Встановлений дизайн працює, поки ви не натиснете Встановити цей у нового.

Як прибрати дизайн

Видаліть рядок із сайту — і початковий дизайн одразу повернеться: Reglaze більше нічого не змінював. Якщо акаунт закрито або покупку повернено, посилання встановлення віддає порожній файл стилів, тому сайт просто показує свій початковий дизайн і нічого не ламається.

Ціни й баланс

• Превʼю головної — безкоштовно, до 2 стилів на сайт на місяць. Превʼю належать сайту, а не акаунту: їх бачить кожен, хто додав той самий сайт, поки сайт не куплено, — після покупки лише покупець.
• Односторінковий сайт — $49 один раз. Обране превʼю і є готова робота — без прогону всім сайтом, а на баланс для правок ми даруємо $25. Для односторінкових сайтів: перед покупкою ми питаємо, чи одна у вас сторінка (якщо явно не бачимо більше). Повний редизайн потім — за повною ціною.
• Повний редизайн — $89 один раз за сайт, а на баланс для правок ми даруємо $50. Без підписки.
• Повний редизайн + особистий кабінет — $149 один раз. До оплати ви знімаєте одну сторінку кабінету, щоб переконатися, що все працює. Взяли лише сайт? Особистий кабінет коштує $60 ще 14 днів після покупки, потім $89.
• Індивідуальний — від $290, одна фіксована ціна після аудиту. Для великих, складних і важливих для бізнесу сайтів — див. нижче.
• Баланс правок — правки й нові стилі на оплаченому сайті списуються після виконання за фактичним обсягом роботи. Оцінку ви завжди бачите заздалегідь, невдалі й скасовані запуски безкоштовні, і списання ніколи не опускає баланс нижче нуля.
• Поповнення — $10, $25, $50 у розділі Оплата. Там же список усіх списань і поповнень.

Повернення: політика повернення. Повні умови: умови використання.

Наскільки великий мій сайт?

До покупки ми безкоштовно вимірюємо сайт, нічого не змінюючи: скільки в нього типів сторінок (головна, стаття, товар, список…) і наскільки вони складні.

Стандартний редизайн оформлює окремо до 8 типів сторінок — найнасиченіші. Простіші типи використовують ті самі шапку, підвал, кнопки, форми й картки, тому теж отримують новий вигляд. Якщо сайт дуже великий або складний, кабінет скаже про це й запропонує індивідуальний тариф.

Індивідуальний тариф

Для великих, складних і важливих для бізнесу сайтів. Стандартний редизайн автоматичний; тут на кожному кроці беруть участь люди. Від $290, одна фіксована ціна після аудиту, без підписки.

• Аудит до початку робіт — Людина проходить сайтом: типи сторінок, шаблони, форми, особистий кабінет, що можна й що не можна перефарбувати. Ви отримуєте письмовий звіт і фіксовану ціну до оплати.
• Усі типи сторінок і стани — Без обмеження за типами сторінок. Спливні вікна, форми, помилки, порожні стани й мобільні меню — теж, а не лише те, що видно під час завантаження.
• Ручна технічна перевірка — Компʼютер і телефони від 320px, Chrome і Safari, контраст, форми, довгі тексти — на ваших справжніх сторінках, поверх автоматичних перевірок.
• Поетапний запуск — Спершу ви затверджуєте живе превʼю. На сайт дизайн потрапляє лише з вашої згоди, а видалення одного рядка повертає старий вигляд.
• 60 днів супроводу — 25 безкоштовних правок протягом 60 днів, і ми доопрацьовуємо дизайн, якщо за цей час зʼявляться нові сторінки чи розділи.

Як це відбувається: ви запитуєте аудит (або натискаєте «Індивідуальний тариф» на сторінці сайту в кабінеті) → ми відповідаємо листом з аудитом і фіксованою ціною → замовлення зʼявляється в кабінеті, ви оплачуєте його як зазвичай → ми проходимо погоджені типи сторінок, тестуємо, а ви затверджуєте превʼю до того, як щось потрапить на сайт.

Якщо щось не так

Якщо сайт блокує наш обхід

Деякі сайти використовують захист від ботів (Cloudflare, Wordfence, Sucuri, DataDome…). Ми це визначаємо й пробуємо через інші мережі, але найнадійніше — пустити нас:

• IP-адреса: 57.128.178.43
• User-Agent містить: reglaze-preview

У Cloudflare: Security → WAF → Tools → IP Access Rules, додайте IP з дією Allow. У Wordfence: Firewall → Allowlisted IPs. В інших файрволах є схоже налаштування «білого списку». Ми читаємо лише публічні сторінки, як браузер відвідувача.

Контакти

Питання, рахунки, будь-що інше: [email protected].