Збери свою сторінку з посиланнями

1. Обираєш приклад

Відкриваєш шаблони Linktree, обираєш той, що подобається, і робиш скріншот. Бажано, щоб на ньому було видно сторінку цілком: фон, фото, текст і кнопки.

Купувати шаблон або створювати сторінку в Linktree не потрібно. Скріншот буде візуальним орієнтиром для AI.

Натисни на зображення, щоб роздивитися. А тут можна відкрити мій результат наживо ↗

2. Додаєш скріншот і промпт у чат

Відкриваєш новий чат з AI та прикріплюєш скріншот. Копіюєш цей промпт, замінюєш усе в квадратних дужках своїми даними й надсилаєш разом зі скріншотом.

Для кнопок додаєш повні адреси. Наприклад: «Мої роботи» та посилання на портфоліо, «Запис на консультацію» та посилання для запису.

Створи для мене сторінку з посиланнями за прикладом на скріншоті. Використай його як орієнтир для композиції, кольорів, фону та кнопок. Заміни чужі ім’я, текст, фото й посилання моїми даними нижче.

Мої дані:
Ім’я: [твоє ім’я]
Про мене: [1–2 короткі речення]
Кнопки:
[назва кнопки] — [повне посилання з https://]
[назва кнопки] — [повне посилання з https://]
[назва кнопки] — [повне посилання з https://]
Соцмережі: [назви та повні посилання]
Фото: [додаю фото / без фото]
Мова сторінки: українська.

Потрібна справжня вебсторінка з робочими кнопками, яку зручно відкрити з телефона. Не просто зображення. На комп’ютері вона теж має виглядати добре.

Зроби готовий index.html з оформленням усередині. Без встановлення програм, додаткових бібліотек і команд у терміналі. Використовуй лише мої посилання, нічого не вигадуй. Якщо посилання не вистачає, не додавай цю кнопку. Якщо фото немає, зроби акуратний варіант без нього.

Якщо можеш створювати файли, дай готовий index.html для завантаження. Фото вбудуй у нього, якщо можеш. Якщо фото потрібне окремим файлом, додай його до папки з index.html і дай цю папку ZIP-архівом. Якщо можеш відповісти лише кодом, надай повний HTML і коротко поясни, як зберегти його файлом index.html. Я не програміст.

Коли сторінка буде готова, поясни, як відкрити її та перевірити кнопки перед публікацією.

3. Дивишся результат і вносиш правки

Якщо чат показує попередній перегляд, відкриваєш його. Якщо дає файл index.html, завантажуєш і відкриваєш подвійним кліком на комп’ютері. Якщо отримав ZIP, спершу розпаковуєш його.

Перевіряєш ім’я, опис, фото й кожну кнопку. Зменшуєш вікно браузера, щоб подивитися, чи не обрізається текст на вузькому екрані. Після публікації ще перевіриш із телефона.

Не подобається фон, замалі кнопки або не працює посилання? Пишеш конкретну правку в тому ж чаті. Можна додати скріншот із позначкою.

Хочу внести одну правку в цю сторінку: [що саме змінити].
Зараз: [що бачу або що не працює].
Хочу: [який результат очікую].
Решту оформлення та мої посилання збережи. Дай оновлений index.html і, якщо потрібні інші файли, додай їх також.

Якщо AI замість сторінки намалював картинку, уточни: «Потрібен HTML-файл із кнопками, які відкривають мої посилання. Зображення сторінки не підходить».

4. Публікуєш і отримуєш посилання

Спершу надсилаєш у той самий чат промпт із рилза:

Допоможи безкоштовно опублікувати цю сторінку й отримати публічне посилання. Запропонуй найпростіший спосіб без програмування та проведи мене покроково. Якщо можеш виконати частину дій самостійно, зроби це. Чітко поясни, що потрібно зробити мені.

Якщо твій AI уміє публікувати сайти, проходиш запропоновані ним кроки. Може знадобитися вхід у сервіс. Посилання має відкривати саму сторінку у звичайному браузері, без входу у твій AI-чат.

Якщо AI сам не публікує

Для готового HTML підійде Netlify Drop. На комп’ютері ти просто завантажуєш папку зі сторінкою.

1. Збираєш файли в папку. Наприклад, називаєш її my-links. Усередині одразу має лежати index.html. Якщо фото окреме, додаєш його також, з тією назвою, яку використав AI. Якщо чат дав архів, спочатку розпаковуєш його.
2. Входиш у Netlify. Створюєш акаунт на безкоштовному плані Free або входиш у наявний. Відкриваєш сторінку Drop.
3. Перетягуєш папку в зону завантаження. Чекаєш завершення. Код редагувати або запускати команди не потрібно.
4. Робиш сторінку публічною. Якщо проєкт має статус Private, перемикаєш видимість на Public або проходиш запропонований крок Publish. Копіюєш адресу своєї сторінки, що закінчується на .netlify.app.

Підготуй цю сторінку для публікації через Netlify Drop. Потрібна папка, у якій одразу лежить index.html і всі необхідні зображення. Без збірки та команд у терміналі. Дай ZIP-архів із цими файлами для завантаження. Якщо не можеш створити архів, дай готові файли окремо й поясни простими словами, як скласти їх в одну папку.

У Netlify є безкоштовний план із лімітами використання. Власний платний домен для цього способу не потрібен. Можливості й ліміти твого AI залежать від сервісу та плану. Актуальні умови Netlify.

5. Перевіряєш із телефона й додаєш у профіль

• Відкриваєш посилання на телефоні в приватній вкладці. Сторінка завантажується без входу в акаунт.
• Фото видно, текст читається, кнопки поміщаються на екрані.
• Кожна кнопка веде саме туди, куди потрібно.

Усе працює? Додаєш це посилання в опис профілю Instagram, LinkedIn або іншої соцмережі. Готово!

Як потім щось змінити?

Повертаєшся в той самий AI-чат, просиш правку й завантажуєш оновлені файли. У Netlify відкриваєш цей самий проєкт → Deploys і перетягуєш оновлену папку в зону ручного завантаження. Тоді адреса сторінки залишиться тією ж.

Спосіб ручної публікації звірено з офіційною інструкцією Netlify 20 жовтня 2026 року. Назви кнопок у сервісі можуть змінюватися.