На Авито можно сделать цветные плашки внутри описания объявления.
С их помощью удобно выделять:
— акцию
— гарантию
— важное преимущество
— призыв написать
То есть вместо обычного полотна текста ты можешь сделать заметный акцент на нужной фразе.
Важно
Есть несколько ограничений:
— в автозагрузке такие блоки не работают
— при повторном редактировании объявления теги могут слетать
— отображаются они обычно в браузере на ПК и в браузере на телефоне
— в приложении Авито такие блоки не видны
Поэтому после вставки лучше всегда проверять объявление вручную.
Как это работает
Основа вот такая:
<div style="настройки блока">
Ваш текст
</div>
div — это сам блок
style — это его оформление
внутри — твой текст
Проще говоря:
ты берёшь шаблон, меняешь текст и при желании меняешь цвет, рамку или скругление.
Готовый базовый шаблон
<div style="background:#2abb67; color:white; padding:16px; border-radius:10px;">
Напишите мне в чат — подскажу, как усилить объявление.
</div>
Что здесь значит:
- background:#2abb67; — фон блока (зелёный)
- color:white; — цвет текста (белый)
- padding:16px; — внутренний отступ (чтобы текст не прилипал к краям)
- border-radius:10px; — скругление углов (слегка округлённые края)
Какие команды нужны чаще всего
1. Цвет фона
background:#2abb67;
Это цвет самого блока.
Примеры:
background:#2abb67; (зелёный)
background:#eaf4ff; (светло-голубой)
background:#111111; (чёрный / графит)
background:#fff4d6; (светло-жёлтый)
background:#f3f3f3; (светло-серый)
2. Цвет текста
color:white;
Это цвет текста внутри блока.
Примеры:
color:white; (белый)
color:#222; (тёмно-серый / почти чёрный)
3. Внутренний отступ
padding:16px;
Это расстояние от текста до краёв блока.
Примеры:
padding:12px; (меньше воздуха)
padding:16px; (стандартно)
padding:20px; (больше воздуха)
4. Скругление углов
border-radius:10px;
Это то, насколько круглыми будут углы.
Примеры:
border-radius:6px; (слегка скруглённые)
border-radius:10px; (стандартно)
border-radius:16px; (более круглые)
5. Рамка
border:1px solid #2abb67;
Это обводка вокруг блока.
Пример:
#2abb67 — зелёная рамка
6. Жирный текст
font-weight:700;
Делает текст внутри блока более плотным и заметным.
7. Выравнивание текста
text-align:center;
Ставит текст по центру.
Готовые шаблоны
1. Зелёный блок
<div style="background:#2abb67; color:white; padding:16px; border-radius:10px;">
✅ Без предоплаты. Помогу усилить профиль и увеличить количество заявок.
</div>
2. Светлый блок под акцию
<div style="background:#eaf4ff; color:#222; padding:16px; border-radius:10px;">
🎁 Акция: пополню ваш профиль на 20 000 ₽ при подключении ведения.
</div>
3. Блок с рамкой
<div style="border:1px solid #2abb67; padding:16px; border-radius:10px;">
🛡 Гарантия результата: если за первые 14 дней не будет обращений — дорабатываю бесплатно.
</div>
4. Тёмный блок под призыв
<div style="background:#1f1f1f; color:white; padding:16px; border-radius:10px; font-weight:700;">
📩 Напишите мне в чат — сделаю прогноз заявок и покажу, как усилить профиль.
</div>
Что менять под себя
Вот самая простая схема:
Меняешь текст — внутри блока
Меняешь цвет фона — после background:
Меняешь цвет текста — после color:
Меняешь скругление — после border-radius:
Меняешь отступы — после padding:
Добавляешь рамку — через border:
Главное правило
Не нужно делать всё объявление в цветных плашках.
Лучше всего работают 2–3 блока на всё описание:
— акция
— гарантия
— призыв написать
Так текст выглядит заметно, но не перегруженно.
Полезные материалы по Авито
Если хотите не просто оформить объявление красивее, а в целом получать больше заявок с Авито, забирайте мои материалы:
@Avitolog_Aviboost_bot — бот-авитолог, который отвечает на вопросы по Авито и помогает с фото и продающими текстами.
@Aviboost_top_bot — бесплатный видео-гайд, как продвигаться на Авито в 2026 году.
aviboost.ru — если нужен авитолог под ключ: помогу с упаковкой, текстами, фото, стратегией и ведением аккаунта.