[{"data":1,"prerenderedAt":686},["ShallowReactive",2],{"blog-\u002Fblog\u002Fsayt-vizitka-iz-bitrix24":3},{"id":4,"title":5,"body":6,"category":675,"date":676,"description":677,"extension":678,"meta":679,"navigation":680,"path":681,"readingTime":682,"seo":683,"stem":684,"__hash__":685},"blog\u002Fblog\u002Fsayt-vizitka-iz-bitrix24.md","Личный сайт-визитка из Битрикс24: пошаговая инструкция",{"type":7,"value":8,"toc":641},"minimark",[9,13,18,21,37,45,48,52,63,66,86,89,95,102,106,109,114,117,137,144,148,151,155,158,162,173,182,186,189,193,215,219,226,240,244,254,268,272,280,284,324,328,331,335,338,342,383,387,390,393,413,417,420,424,458,462,483,498,505,509,516,554,558,561,601,605,608,611,628,632,635,638],[10,11,12],"p",{},"У вас есть Битрикс24 и два-три свободных часа. Этого хватит, чтобы запустить сайт-визитку с формой заявки, которая сразу попадает в CRM. Без программиста, без хостинга, без оплаты домена на первом этапе. Конструктор сайтов встроен в каждый тариф Битрикс24 начиная с «Базового», и для простой визитки его возможностей достаточно. Ниже, конкретные шаги от пустого экрана до рабочего сайта.",[14,15,17],"h2",{"id":16},"когда-сайт-в-битрикс24-правильный-выбор","Когда сайт в Битрикс24, правильный выбор",[10,19,20],{},"Конструктор Битрикс24 закрывает одну задачу: быстро получить страницу, которая представляет вас или компанию и собирает контакты. Это работает, если:",[22,23,24,28,31,34],"ul",{},[25,26,27],"li",{},"Вам нужна визитка на 1--3 страницы: «обо мне», услуги, контакты.",[25,29,30],{},"Вы хотите, чтобы заявки с формы сразу создавали лиды в CRM, без сторонних интеграций.",[25,32,33],{},"У вас нет бюджета или времени на разработку отдельного сайта.",[25,35,36],{},"Вы уже работаете в Битрикс24 и не хотите добавлять ещё один сервис в связку.",[10,38,39,40,44],{},"Конструктор ",[41,42,43],"strong",{},"не подойдёт",", если нужен интернет-магазин с корзиной и онлайн-оплатой (для этого есть отдельный модуль «Магазины»), блог с регулярным контентом, сложная структура с десятками страниц или нестандартный дизайн, выходящий за рамки шаблонов.",[10,46,47],{},"Если вы прочитали второй список и узнали свой случай, переходите сразу к разделу «Когда пора переходить на заказную разработку» в конце статьи. Если же визитка, это то, что нужно, продолжаем.",[14,49,51],{"id":50},"шаг-1-выбираем-шаблон","Шаг 1. Выбираем шаблон",[10,53,54,55,58,59,62],{},"Откройте Битрикс24 и перейдите в раздел ",[41,56,57],{},"Сайты и магазины"," в левом меню. Нажмите ",[41,60,61],{},"Создать сайт",". Система предложит набор шаблонов, их несколько десятков, разбитых по категориям.",[10,64,65],{},"Для визитки обратите внимание на категории:",[22,67,68,74,80],{},[25,69,70,73],{},[41,71,72],{},"Бизнес",", универсальные шаблоны с блоками «О компании», «Услуги», «Контакты».",[25,75,76,79],{},[41,77,78],{},"Портфолио",", подходят фрилансерам и специалистам, которые показывают работы.",[25,81,82,85],{},[41,83,84],{},"Услуги",", заточены под сервисные компании с акцентом на список услуг и форму заявки.",[10,87,88],{},"Каждый шаблон, набор заготовленных блоков. Вы можете удалить любой блок, поменять порядок, добавить новые. Шаблон задаёт только стартовую точку, а не ограничение.",[10,90,91,94],{},[41,92,93],{},"Как выбрать."," Не ищите шаблон, который идеально совпадает с вашей задачей. Ищите тот, у которого правильная структура: количество секций, расположение формы, стиль типографики. Тексты и картинки вы замените за полчаса, а вот переделывать логику расположения блоков, дольше.",[10,96,97,98,101],{},"Выбрали шаблон, нажимайте ",[41,99,100],{},"Выбрать",". Откроется визуальный редактор.",[14,103,105],{"id":104},"шаг-2-редактируем-содержимое","Шаг 2. Редактируем содержимое",[10,107,108],{},"Визуальный редактор Битрикс24 работает по принципу блоков. Страница состоит из горизонтальных секций, каждая секция, самостоятельный блок с текстом, изображениями, кнопками. Щёлкните по любому элементу, появится панель редактирования.",[110,111,113],"h3",{"id":112},"шапка-и-главный-экран","Шапка и главный экран",[10,115,116],{},"Первый экран (hero-секция), то, что посетитель видит до прокрутки. Здесь должно быть:",[22,118,119,125,131],{},[25,120,121,124],{},[41,122,123],{},"Заголовок",", кто вы и чем занимаетесь. Одно предложение. «Проектирование вентиляции для торговых центров» лучше, чем «Комплексные инженерные решения для вашего бизнеса».",[25,126,127,130],{},[41,128,129],{},"Подзаголовок",", конкретика: опыт, география, ключевое преимущество. «14 лет, 80 объектов в Москве и области», понятно. «Индивидуальный подход и высокое качество», нет.",[25,132,133,136],{},[41,134,135],{},"Кнопка",", призыв к действию. «Оставить заявку» или «Обсудить проект». Кнопка должна вести к форме ниже по странице или открывать форму в отдельном окне.",[10,138,139,140,143],{},"Чтобы изменить фоновое изображение, нажмите на блок, затем на иконку шестерёнки. В настройках блока, раздел ",[41,141,142],{},"Фон",", где можно загрузить своё изображение или выбрать сплошной цвет.",[110,145,147],{"id":146},"блок-о-компании-или-обо-мне","Блок «О компании» или «Обо мне»",[10,149,150],{},"Два-три абзаца: чем занимаетесь, сколько лет на рынке, что отличает от конкурентов. Факты, а не прилагательные. Если есть лицензии, сертификаты, членство в ассоциациях, упомяните.",[110,152,154],{"id":153},"блок-услуги","Блок «Услуги»",[10,156,157],{},"Большинство шаблонов содержат блок с карточками услуг, обычно 3--6 штук. Каждая карточка: иконка, название, краткое описание. Не пытайтесь уместить весь прайс-лист, визитка должна дать общее представление, а детали вы обсудите при обращении.",[110,159,161],{"id":160},"блок-контакты","Блок «Контакты»",[10,163,164,165,168,169,172],{},"Телефон, почта, адрес (если есть офис), ссылки на мессенджеры. Карту можно добавить через блок «Карта», он подключается к Яндекс.Картам. Нажмите ",[41,166,167],{},"Добавить блок"," в нижней части редактора, в категории ",[41,170,171],{},"Контакты"," выберите вариант с картой.",[174,175,176],"blockquote",{},[10,177,178,181],{},[41,179,180],{},"Совет:"," не ставьте номер телефона картинкой, только текстом. С мобильных устройств текстовый номер становится кликабельным: посетитель нажимает и сразу звонит. Картинка такого не даёт.",[14,183,185],{"id":184},"шаг-3-настраиваем-форму-заявки-и-связь-с-crm","Шаг 3. Настраиваем форму заявки и связь с CRM",[10,187,188],{},"Это главное преимущество сайта внутри Битрикс24, нулевая дистанция между формой на сайте и CRM. Заявка создаёт лид автоматически, без сторонних сервисов, вебхуков и Zapier.",[110,190,192],{"id":191},"добавляем-crm-форму","Добавляем CRM-форму",[194,195,196,202,209,212],"ol",{},[25,197,198,199,201],{},"В редакторе сайта нажмите ",[41,200,167],{},".",[25,203,204,205,208],{},"Найдите категорию ",[41,206,207],{},"CRM",", в ней есть блоки с готовыми формами.",[25,210,211],{},"Выберите подходящий вариант: простая форма (имя + телефон), расширенная (с выбором услуги), форма с комментарием.",[25,213,214],{},"Перетащите блок в нужное место на странице.",[110,216,218],{"id":217},"настраиваем-поля-формы","Настраиваем поля формы",[10,220,221,222,225],{},"Нажмите на форму в редакторе, затем ",[41,223,224],{},"Настроить форму",". Откроется конструктор CRM-форм Битрикс24. Здесь можно:",[22,227,228,231,234,237],{},[25,229,230],{},"Добавить или убрать поля. Для визитки обычно хватает: имя, телефон, e-mail, комментарий.",[25,232,233],{},"Настроить обязательные поля, как минимум телефон или e-mail.",[25,235,236],{},"Изменить текст кнопки отправки.",[25,238,239],{},"Задать сообщение после отправки: «Спасибо, мы свяжемся с вами в течение часа».",[110,241,243],{"id":242},"проверяем-crm-интеграцию","Проверяем CRM-интеграцию",[10,245,246,247,249,250,253],{},"Перейдите в раздел ",[41,248,207],{}," в левом меню, откройте ",[41,251,252],{},"Лиды",". Заполните форму на сайте тестовыми данными и проверьте, что лид появился. Обратите внимание на два момента:",[22,255,256,262],{},[25,257,258,261],{},[41,259,260],{},"Источник лида."," В карточке лида должен быть указан источник, «Сайт». Это поможет потом считать конверсию.",[25,263,264,267],{},[41,265,266],{},"Ответственный."," По умолчанию лиды назначаются на администратора портала. Если у вас работает команда, настройте правила распределения в CRM, чтобы заявки уходили нужному менеджеру.",[14,269,271],{"id":270},"шаг-4-привязываем-домен","Шаг 4. Привязываем домен",[10,273,274,275,279],{},"По умолчанию сайт получает адрес вида ",[276,277,278],"code",{},"your-company.bitrix24.site",". Для визитки это допустимо на старте, но собственный домен выглядит профессиональнее и лучше запоминается.",[110,281,283],{"id":282},"порядок-действий","Порядок действий",[194,285,286,293,296,303,309,315,318,321],{},[25,287,288,289,292],{},"Купите домен у любого регистратора: REG.RU, Beget, RU-CENTER, Timeweb. Домен в зоне ",[276,290,291],{},".ru"," стоит от 199 рублей в год.",[25,294,295],{},"В Битрикс24 откройте ваш сайт в режиме редактирования.",[25,297,298,299,302],{},"Перейдите в ",[41,300,301],{},"Настройки сайта"," (шестерёнка в верхнем правом углу редактора).",[25,304,305,306,201],{},"Выберите раздел ",[41,307,308],{},"Домен",[25,310,311,312,201],{},"Введите ваш домен и нажмите ",[41,313,314],{},"Привязать",[25,316,317],{},"Система покажет DNS-записи, которые нужно добавить у регистратора домена. Обычно это A-запись и CNAME.",[25,319,320],{},"Зайдите в панель управления DNS у вашего регистратора и добавьте указанные записи.",[25,322,323],{},"Дождитесь обновления DNS, от 15 минут до 48 часов, обычно в пределах часа.",[110,325,327],{"id":326},"ssl-сертификат","SSL-сертификат",[10,329,330],{},"Битрикс24 автоматически выпускает бесплатный SSL-сертификат (Let's Encrypt) для привязанного домена. Сайт будет работать по HTTPS, это и для безопасности, и для SEO. Сертификат обновляется автоматически. Если после привязки домена сайт показывает предупреждение о безопасности, подождите: сертификат выпускается в течение нескольких минут после того, как DNS-записи стали активными.",[14,332,334],{"id":333},"шаг-5-seo-настройки-title-description-open-graph","Шаг 5. SEO-настройки: Title, Description, Open Graph",[10,336,337],{},"Конструктор Битрикс24 позволяет задать базовые SEO-параметры. Этого мало для продвижения по конкурентным запросам, но достаточно, чтобы сайт корректно отображался в поиске и при отправке ссылки в мессенджерах.",[110,339,341],{"id":340},"title-и-description","Title и Description",[194,343,344,350,355],{},[25,345,346,347,349],{},"Откройте ",[41,348,301],{}," в редакторе.",[25,351,246,352,201],{},[41,353,354],{},"SEO",[25,356,357,358],{},"Заполните:\n",[22,359,360,374],{},[25,361,362,365,366,369,370,373],{},[41,363,364],{},"Title",", заголовок страницы в поисковой выдаче. Формула: ",[276,367,368],{},"[Чем занимаетесь], [Имя или компания] | [Город]",". Пример: ",[276,371,372],{},"Проектирование вентиляции, ИП Смирнов | Москва",". Длина, до 60 символов.",[25,375,376,379,380],{},[41,377,378],{},"Description",", описание. Сюда, основная услуга, ключевое преимущество, призыв к действию. До 160 символов. Пример: ",[276,381,382],{},"Проектирование и монтаж вентиляции для торговых центров. 14 лет, 80 объектов. Бесплатный расчёт за 24 часа.",[110,384,386],{"id":385},"open-graph","Open Graph",[10,388,389],{},"Open Graph, разметка, которая определяет, как сайт выглядит при отправке ссылки в Telegram, WhatsApp, VK. Без неё, серая карточка без картинки и с обрезанным текстом.",[10,391,392],{},"В том же разделе SEO настройте:",[22,394,395,401,407],{},[25,396,397,400],{},[41,398,399],{},"og:title",", обычно совпадает с Title.",[25,402,403,406],{},[41,404,405],{},"og:description",", совпадает с Description.",[25,408,409,412],{},[41,410,411],{},"og:image",", изображение-превью. Рекомендуемый размер: 1200x630 px. Загрузите его в настройках. Используйте изображение, которое читается в миниатюре: логотип на контрастном фоне или фото с крупным текстом.",[14,414,416],{"id":415},"шаг-6-аналитика-подключаем-яндексметрику","Шаг 6. Аналитика: подключаем Яндекс.Метрику",[10,418,419],{},"Без аналитики вы не узнаете, приходит ли кто-то на сайт и откуда. Подключение Яндекс.Метрики занимает пять минут.",[110,421,423],{"id":422},"создаём-счётчик","Создаём счётчик",[194,425,426,436,442,445,452],{},[25,427,346,428,435],{},[429,430,434],"a",{"href":431,"rel":432},"https:\u002F\u002Fmetrika.yandex.ru",[433],"nofollow","metrika.yandex.ru"," и войдите или зарегистрируйтесь.",[25,437,438,439,201],{},"Нажмите ",[41,440,441],{},"Добавить счётчик",[25,443,444],{},"Укажите имя счётчика (любое, для вас) и адрес сайта.",[25,446,447,448,451],{},"Включите ",[41,449,450],{},"Вебвизор",", он записывает визиты и показывает, как посетители взаимодействуют со страницей. Для визитки с формой это полезно: вы увидите, доходят ли люди до формы и на каком этапе уходят.",[25,453,438,454,457],{},[41,455,456],{},"Создать",". Система выдаст код счётчика, скопируйте его.",[110,459,461],{"id":460},"добавляем-код-в-битрикс24","Добавляем код в Битрикс24",[194,463,464,469,474,480],{},[25,465,466,467,201],{},"В редакторе сайта откройте ",[41,468,301],{},[25,470,246,471,201],{},[41,472,473],{},"Аналитика",[25,475,476,477,201],{},"Вставьте код счётчика Яндекс.Метрики в поле для произвольного кода в ",[276,478,479],{},"\u003Chead>",[25,481,482],{},"Сохраните и опубликуйте сайт.",[10,484,485,486,489,490,493,494,497],{},"Через несколько часов в Метрике появятся первые данные. Обратите внимание на три отчёта: ",[41,487,488],{},"Источники трафика"," (откуда приходят), ",[41,491,492],{},"Конверсии"," (кто отправил форму), ",[41,495,496],{},"Устройства"," (какая доля мобильного трафика, у визиток обычно от 60%).",[174,499,500],{},[10,501,502,504],{},[41,503,180],{}," настройте цель в Яндекс.Метрике на отправку формы. Тип цели, «JavaScript-событие». Битрикс24 CRM-формы отправляют событие при сабмите, и вы сможете отслеживать конверсию формы в процентах, а не в абстрактном «вроде заявки приходят».",[14,506,508],{"id":507},"публикация-и-проверка","Публикация и проверка",[10,510,511,512,515],{},"Сайт собран, публикуем. Нажмите ",[41,513,514],{},"Опубликовать"," в правом верхнем углу редактора. После публикации проверьте:",[22,517,518,524,530,548],{},[25,519,520,523],{},[41,521,522],{},"Мобильная версия."," Откройте сайт на телефоне. Конструктор Битрикс24 генерирует адаптивную вёрстку автоматически, но иногда длинные заголовки ломают раскладку на узких экранах. Если что-то съехало, сократите текст или разбейте на две строки.",[25,525,526,529],{},[41,527,528],{},"Форма."," Заполните и отправьте тестовую заявку. Убедитесь, что лид создался в CRM с правильными данными.",[25,531,532,535,536,541,542,547],{},[41,533,534],{},"Скорость загрузки."," Прогоните через ",[429,537,540],{"href":538,"rel":539},"https:\u002F\u002Fpagespeed.web.dev\u002F",[433],"PageSpeed Insights",". Сайты из конструктора Битрикс24 не блещут скоростью, типичный результат 40--60 баллов на мобильных. Для визитки это приемлемо, но если вы видите балл ниже 30, проверьте вес изображений: сжимайте их перед загрузкой через ",[429,543,546],{"href":544,"rel":545},"https:\u002F\u002Fsquoosh.app\u002F",[433],"squoosh.app"," до 100--200 КБ.",[25,549,550,553],{},[41,551,552],{},"Ссылка в мессенджерах."," Отправьте URL себе в Telegram, проверьте, что Open Graph отображается корректно: правильная картинка, заголовок, описание.",[14,555,557],{"id":556},"ограничения-конструктора-битрикс24","Ограничения конструктора Битрикс24",[10,559,560],{},"Честность экономит время. Вот что конструктор сайтов в Битрикс24 не умеет или делает плохо:",[22,562,563,572,577,583,589,595],{},[25,564,565,568,569,571],{},[41,566,567],{},"Кастомный код."," Добавить свой HTML, CSS или JavaScript в блок нельзя (есть поле для кода в ",[276,570,479],{},", но это всё). Если нужна нестандартная анимация, калькулятор или интерактивный элемент, конструктор не подходит.",[25,573,574,576],{},[41,575,534],{}," Сайты из конструктора тяжелее, чем сверстанные вручную. Для визитки это не критично, для лендинга с платным трафиком, уже ощутимо.",[25,578,579,582],{},[41,580,581],{},"Блог и контент-маркетинг."," Конструктор не предлагает систему публикации статей: нет категорий, тегов, RSS, пагинации. Если нужен блог, это другой инструмент.",[25,584,585,588],{},[41,586,587],{},"Многостраничность."," Формально можно создать несколько страниц, но навигация между ними ограничена. Для сайта с десятком разделов конструктор неудобен.",[25,590,591,594],{},[41,592,593],{},"SEO-гибкость."," Нет управления robots.txt, редиректами, canonical-тегами, микроразметкой Schema.org. Для продвижения по конкурентным коммерческим запросам этого не хватит.",[25,596,597,600],{},[41,598,599],{},"Дизайн."," Шаблоны ограничивают: шрифты из списка, фиксированные сетки блоков, стандартные цветовые схемы. Уникальный визуальный стиль, не про конструктор.",[14,602,604],{"id":603},"когда-пора-переходить-на-заказную-разработку","Когда пора переходить на заказную разработку",[10,606,607],{},"Конструктор Битрикс24, отправная точка. Он решает задачу «мне нужен сайт прямо сейчас» быстрее и дешевле любого другого варианта, если вы уже пользуетесь Битрикс24.",[10,609,610],{},"Но если бизнес растёт и появляются задачи, которые конструктор не закрывает, стоит задуматься о полноценном сайте:",[22,612,613,616,619,622,625],{},[25,614,615],{},"Вам нужна посадочная страница с высокой конверсией под платный трафик, и каждый балл PageSpeed влияет на стоимость клика.",[25,617,618],{},"Требуется сложная интеграция: не просто лид в CRM, а автоматическое создание сделки с определённой стадией, привязка к товарам, уведомление в Telegram менеджеру.",[25,620,621],{},"Дизайн должен отстраивать вас от конкурентов, а не выглядеть как «ещё один сайт на конструкторе».",[25,623,624],{},"Нужен контент-маркетинг: статьи, кейсы, SEO-тексты с правильной структурой.",[25,626,627],{},"Сайт должен работать как часть экосистемы: личный кабинет, интеграция с 1С, синхронизация каталога.",[14,629,631],{"id":630},"сайт-из-битрикс24-от-aventra","Сайт из Битрикс24, от Aventra",[10,633,634],{},"Мы в Aventra разрабатываем решения на базе Битрикс24 с 2018 года. 75+ приложений в маркетплейсе, ТОП-5 среди разработчиков. Строим и простые сайты-визитки, и сложные проекты с нестандартной логикой.",[10,636,637],{},"Если вы собрали визитку по этой инструкции и поняли, что нужно больше,, напишите нам. Мы сделаем сайт, который работает с вашим Битрикс24 как единая система: заявки превращаются в сделки, статусы обновляются, клиент получает уведомления, а вы видите аналитику в одном месте.",[10,639,640],{},"А если визитки из конструктора достаточно, отлично. Не каждой задаче нужно сложное решение.",{"title":642,"searchDepth":643,"depth":643,"links":644},"",3,[645,647,648,654,659,663,667,671,672,673,674],{"id":16,"depth":646,"text":17},2,{"id":50,"depth":646,"text":51},{"id":104,"depth":646,"text":105,"children":649},[650,651,652,653],{"id":112,"depth":643,"text":113},{"id":146,"depth":643,"text":147},{"id":153,"depth":643,"text":154},{"id":160,"depth":643,"text":161},{"id":184,"depth":646,"text":185,"children":655},[656,657,658],{"id":191,"depth":643,"text":192},{"id":217,"depth":643,"text":218},{"id":242,"depth":643,"text":243},{"id":270,"depth":646,"text":271,"children":660},[661,662],{"id":282,"depth":643,"text":283},{"id":326,"depth":643,"text":327},{"id":333,"depth":646,"text":334,"children":664},[665,666],{"id":340,"depth":643,"text":341},{"id":385,"depth":643,"text":386},{"id":415,"depth":646,"text":416,"children":668},[669,670],{"id":422,"depth":643,"text":423},{"id":460,"depth":643,"text":461},{"id":507,"depth":646,"text":508},{"id":556,"depth":646,"text":557},{"id":603,"depth":646,"text":604},{"id":630,"depth":646,"text":631},"Сайты","2026-03-20","Как за один вечер собрать сайт-визитку в конструкторе Битрикс24, с формой заявки, CRM-интеграцией и привязкой домена. Без программиста.","md",{},true,"\u002Fblog\u002Fsayt-vizitka-iz-bitrix24","7 мин",{"title":5,"description":677},"blog\u002Fsayt-vizitka-iz-bitrix24","cfQoKG4Qc3YGHq0qSG2KwlY06OADScTF1Fj5qnNh8i8",1777313434204]