- Цей посібник проведе вас через Carrd — від реєстрації до публікації готового, оформленого односторінкового сайту: шаблони, редактор, секції, елементи, стилі, налаштування, власний домен і аналітика.
- Загальний час: близько години на охайну сторінку, якщо ви ніколи раніше не працювали з Carrd.
- Навички дизайну чи програмування не потрібні. Тариф Pro ($9–$19/рік) знадобиться лише для форм, вбудовувань або власного домену — усе інше покриває безкоштовна версія.
Що ви створите
Наприкінці цього посібника у вас буде повноцінний сайт на Carrd із:
- Головною секцією з фото профілю, заголовком і підзаголовком.
- Трьома-п'ятьма кнопками з посиланнями на ваші ресурси.
- Формою зворотного зв'язку (функція Pro) або посиланням на пошту (безкоштовно).
- Підвалом із соціальними іконками та копірайтом.
- Власними кольорами, шрифтами та коректними метаданими Open Graph.
- За бажанням — власним доменом.
Частина 1: Підготовка (5 хвилин)
Створіть обліковий запис
Зареєструйтеся на carrd.co. Знадобляться пошта й пароль. Перш ніж рухатися далі, підтвердьте посилання з листа.
Оберіть Free або Pro
Для цього посібника залишайтеся на безкоштовному тарифі. Перейти на вищий можна будь-коли (Pro Lite $9/рік, Pro Standard $19/рік). Pro потрібен для форм, сторонніх вбудовувань і власних доменів.
Частина 2: Виберіть шаблон (3 хвилини)
Перегляньте шаблони
У панелі керування натисніть + Build a site. Категорії Profile і Landing найкраще підходять для персональних сторінок і заміни посилання в біо. Наведіть курсор на будь-який шаблон, щоб побачити попередній перегляд.
Для першого проєкту оберіть простий шаблон з категорії Profile — зазвичай це одне зображення, один заголовок, два підзаголовки й кілька кнопок. Шаблони з найбільшою кількістю елементів усередині (багатосекційні, зі скрол-снапом) редагувати охайно значно складніше.
Частина 3: Редактор — оглядова екскурсія (5 хвилин)
Усередині редактор має чотири зони:
- Полотно (центр). Ваша сторінка в реальному часі. Клацніть будь-що, щоб виділити.
- Бічна панель (ліворуч). Список секцій. Carrd організовує сторінки у секції; клік на секції виділяє все, що всередині неї.
- Панель властивостей (праворуч). Коли ви виділяєте елемент або секцію, тут з'являються їхні параметри — вміст, стиль, поведінка.
- Панель інструментів (угорі). Додавання елементів, перемикання між переглядом для комп'ютера й мобільного, налаштування, публікація.
Сторінка — це стос секцій. Кожна секція містить елементи. Щоб змінити структуру сторінки, перетягуйте секції у лівій бічній панелі. Щоб переставити елементи всередині секції, перетягуйте їх на полотні.
Частина 4: Відредагуйте головну секцію (10 хвилин)
Замініть фото профілю
Клацніть на фото профілю. У правій панелі натисніть Replace і завантажте своє зображення (квадратне, рекомендовано щонайменше 400×400). Кругла обрізка застосовується автоматично.
Замініть заголовок і підзаголовок
Клацніть на кожен текстовий елемент і введіть свій текст. Тримайте заголовок у межах 3-5 слів (ваше ім'я або короткий слоган), а підзаголовок — одне коротке речення. У правій панелі на вкладці Style налаштуйте розмір, насиченість і вирівнювання.
Відредагуйте кнопки
Клацніть на кожну кнопку. У правій панелі задайте підпис (те, що бачать відвідувачі) й URL (куди вони переходять). Для зовнішніх посилань вставляйте повні URL, що починаються з https://. Для кнопки пошти використовуйте mailto:[email protected].
Частина 5: Оформіть сторінку (15 хвилин)
Клацніть на будь-яку порожню ділянку полотна, щоб зняти виділення, і відкрийте панель Site Styles на панелі інструментів. Три налаштування змінюють вигляд більше за все інше:
- Колір або зображення фону. Оберіть один суцільний колір чи делікатний градієнт. Уникайте строкатих фото під текстом.
- Акцентний колір. Один колір для кнопок і посилань. Саме один — не три. Найпрофесійніші сторінки на Carrd мають один сміливий акцент.
- Шрифти. Оберіть шрифт для заголовків і шрифт для основного тексту. Тарифи Pro відкривають усю бібліотеку Google Fonts, безкоштовні — добірку з кількох варіантів. Максимум два шрифти.
Знайдіть сайт на Carrd чи іншу односторінкову сторінку, яка вам подобається, і розберіть її палітру й типографіку. Три підходи до питання «а яка найпростіша версія того, що вони зробили?» дадуть вам 80% результату.
Частина 6: Додайте форму (Pro Lite або вище, 5 хвилин)
Вставте елемент форми
На панелі інструментів натисніть + Element → Form. Carrd вставить стандартну форму для збору email. У правій панелі вкажіть адресу, на яку надходитимуть заявки, і текст повідомлення про успішне надсилання.
Якщо ви на безкоштовному тарифі, пропустіть цей крок або скористайтеся кнопкою з посиланням mailto:.
Частина 7: Налаштуйте параметри сайту (5 хвилин)
Задайте назву сторінки, опис і OG-зображення
Панель інструментів → іконка шестерні → General. Заповніть:
- Title — те, що видно на вкладці браузера та у результатах пошуку.
- Description — 150-160 символів опису, який використовують пошукові системи.
- Sharing image — картинка, що з'являється, коли ваш URL вставляють у соцмережі чи месенджери. Ідеальний розмір — 1200×630 пікселів.
Частина 8: Оберіть свій URL (2 хвилини)
Безкоштовний субдомен чи власний домен
Settings → URL. На безкоштовному тарифі задайте субдомен yourname.carrd.co. На Pro Lite і вище підключіть yoursite.com, додавши CNAME-запис у свого реєстратора домену (Namecheap, Cloudflare тощо) з вказівкою на Carrd.
Частина 9: Публікація (1 хвилина)
Натисніть Publish
Верхній правий кут. Carrd завантажує сайт на свій CDN. За кілька секунд він уже онлайн. Натисніть на URL, щоб відкрити його.
Частина 10: Підключіть аналітику (Pro Standard, 5 хвилин)
У Carrd немає власної аналітики. Щоб відстежувати відвідування:
- Зареєструйтеся в Google Analytics 4 (безкоштовно), Plausible (~$9/місяць) або Cloudflare Web Analytics (безкоштовно).
- Отримайте код відстеження.
- У Carrd додайте елемент Code embed (Pro Standard або вище) і вставте код у хедер сторінки.
- Опублікуйте сайт заново.
- Перевірте дані у панелі аналітики протягом 24 годин.
Частина 11: Просувайте свою сторінку
- Вставте URL у біо в Instagram, TikTok, X і YouTube.
- Додайте його до підпису в електронній пошті.
- Згенеруйте QR-код (у Carrd є вбудований генератор QR на Pro).
- Поділіться один раз на кожній соцплатформі з чітким підписом про те, що саме на цій сторінці.
Часті запитання
Скільки часу займає цей посібник від початку до кінця?
Приблизно 60 хвилин уперше, разом із пошуком зображень і написанням текстів. Наступні сайти на Carrd займатимуть 15-30 хвилин, коли ви вже знатимете редактор.
Чи потрібен тариф Pro, щоб пройти цей посібник?
Ні — безкоштовний тариф покриває кожен крок, окрім форм, вбудовувань сторонньої аналітики та власного домену. Ви можете пройти весь посібник на безкоштовному плані, а перейти на платний пізніше.
Що робити, якщо я застряг у редакторі?
У Carrd є довідка на carrd.co/docs і активна спільнота у Twitter / X (шукайте «Carrd»). Більшість питань стосуються мобільної верстки або налагодження DNS для власних доменів.
Чи можна змінити шаблон після старту?
Напряму — ні, у Carrd немає функції «замінити шаблон». Доведеться створити новий сайт із нового шаблону й перенести туди свій контент.
Чи зберігає Carrd мою роботу автоматично?
Так — кожна зміна автоматично зберігається у чернетку. Публікація — це окремий, свідомий крок.
Чи можна скасувати зміну?
У редакторі є Undo (Cmd/Ctrl+Z) для поточної сесії. Історії версій поза цим немає — щойно ви закриєте вкладку, стек скасувань обнуляється.
- Повноцінний сайт на Carrd займає близько години вперше й 15-30 хвилин надалі.
- Один акцентний колір, два шрифти, чотири кнопки — найпростіші сторінки зазвичай найкращі.
- Форми, вбудовування та власні домени потребують Pro Lite або Pro Standard ($9–$19 на рік).
- Якщо сторінці потрібні аналітика, планування публікацій чи е-комерція «з коробки», придивіться до спеціалізованих сервісів для посилання в біо та платформ для авторів.
Шукаєте аналітику + комерцію + планувальник безкоштовно?
UniLink дає повну аналітику й блоки е-комерції на тарифі PRO від $5/міс, власні домени та email-автоматизацію на PREMIUM ($10/міс), а планувальник соцмереж — на BUSINESS ($25/міс). Налаштування за 15 хвилин.
Спробувати UniLink безкоштовно ?