🧱 Типы блоков и их настройка

Вся визитка собирается из блоков. Их девять типов — от профиля до разделителя. В этом уроке разберём, что умеет каждый и где у него настройки.

Большинство надписей (имя, описание, текст кнопки) редактируются прямо на странице — кликните по тексту. А специальные параметры (адрес ссылки, иконка, фото) открываются в левой панели, когда блок выбран.

👤 Профиль

«Шапка» визитки. Содержит:

• фото или инициалы (если фото не загружено),
• имя,
• короткое описание под именем.

В настройках блока выбирается форма аватара — круг, скруглённый квадрат или широкий формат — и загружается фото. Имя и описание меняются кликом прямо на странице.

🔘 Кнопка-ссылка

Главный элемент визитки — крупная кнопка, ведущая на сайт, соцсеть, документ или товар. У кнопки есть:

• надпись и необязательная подпись под ней (меняются на странице),
• адрес (URL) — задаётся в настройках блока,
• иконка — выбирается из большого набора (Telegram, WhatsApp, сайт, почта, корзина, календарь, отзывы и другие).

Кнопки-ссылки можно добавлять в любом количестве — это «скелет» большинства визиток.

💬 Соцсети

Ряд аккуратных круглых иконок соцсетей. Для каждой иконки задаётся сеть и ссылка. Доступны Telegram, WhatsApp, ВКонтакте, YouTube, Instagram, сайт, почта и телефон — с официальными логотипами. Иконки можно добавлять и удалять кнопкой «+ Добавить иконку».

Соцсети удобно ставить сразу под профилем — компактно и узнаваемо.

📞 Контакты

Список контактов с иконками: телефон, почта, сайт, адрес и мессенджеры. Каждая строка — это иконка плюс подпись (номер, адрес почты, город). Строки добавляются кнопкой «+ Добавить контакт».

В отличие от соцсетей, контакты показываются списком с подписями, а не только иконками — это удобно для номера телефона или адреса.

🖼 Изображение

Картинка-обложка: фото товара, афиша мероприятия, баннер. В настройках выбираются пропорции — 16:9, 4:3 или 1:1 — и загружается само изображение.

▶️ Видео

Встроенный ролик. Поддерживаются YouTube, Rutube и VK — выберите источник и вставьте ссылку на видео. Ролик встроится прямо в страницу, и его можно будет смотреть, не уходя с визитки.

🔠 Заголовок, текст и разделитель

Три блока, которые помогают структурировать страницу:

• Заголовок — крупный текст-разделитель между смысловыми группами («Материалы курса», «Контакты»),
• Текст — обычный абзац с описанием или призывом к действию,
• Разделитель — тонкая линия, чтобы визуально отделить блоки.

Их текст редактируется прямо на странице.

📖 Итог

Теперь вы знаете все блоки визитки:

• Профиль, Кнопка-ссылка, Соцсети, Контакты — основа страницы,
• Изображение и Видео — медиа,
• Заголовок, Текст и Разделитель — для структуры.

В следующем уроке научимся управлять блоками: добавлять, перемещать, дублировать и удалять.