Подключение верстки к CMS
Вы сможете менять в админке тексты, изображения, услуги, новости, меню и контакты. Формы будут отправлять заявки на почту. Такую работу также называют интеграцией или натяжкой верстки.
- 1С-Битрикс и WordPress
- До начала работ согласуем, что вы будете менять в админке
- Чужую верстку сначала смотрим, точную смету считаем по полному комплекту
- Проверка на компьютере, планшете и телефоне
Чем подключение к CMS отличается от верстки
Подключение к CMS — отдельный этап после дизайна и верстки.
Эта работа нужна, когда макет и HTML уже готовы. Если готов только макет, сначала нужна верстка. Если нет ни макета, ни верстки, нужен сайт под ключ.
Страницы открываются в браузере, меню раскрывается, кнопки работают.
Сайт открывается из CMS и выглядит как верстка. Согласованные данные редактируются из админки.
Что входит в подключение верстки
Разбираем исходные файлы, собираем шаблоны, выносим данные в админку, подключаем формы и проверяем результат.
Проверяем файлы и составляем карту шаблонов
Смотрим архив, ссылку или репозиторий: HTML, стили, скрипты, изображения, шрифты и работу на разных экранах. Записываем типы страниц и согласуем, какие элементы вы будете менять сами в админке.
- Главная и типовые внутренние страницы
- Списки и детальные страницы
- Меню, контакты и повторяющиеся блоки
- Тексты, изображения, кнопки и формы
Собираем шаблон сайта или тему
Для 1С-Битрикс готовим шаблон сайта, для WordPress — тему и шаблоны страниц. Подключаем шапку, подвал, стили, скрипты, адреса страниц и права администратора.
- Шапка и подвал
- Главная и внутренние шаблоны
- Стили и JavaScript
- Адреса страниц и права администратора
Выносим повторяющиеся данные из кода
Настраиваем разделы для услуг, новостей, статей, акций, отзывов, сотрудников, объектов или каталога. Для каждого раздела задаем нужные поля и выводим записи в готовой верстке.
- Название, анонс и текст
- Изображение, галерея и ссылка
- Цена, кнопка и сортировка
- Списки, карточки и свойства каталога
Настраиваем меню и переходы между страницами
Подключаем верхнее и нижнее меню, хлебные крошки, если они есть в макете, ссылки и повторяющуюся навигацию. Способ управления меню выбираем под структуру сайта.
- Верхнее меню
- Нижнее меню
- Хлебные крошки
- Ссылки между разделами
Подключаем базовые формы на почту
Настраиваем форму заявки, вопроса, обратной связи или заказа услуги. Проверяем обязательные поля, сообщения об ошибке и успешной отправке, а затем отправляем реальную тестовую заявку.
- Отправка на согласованный адрес
- Обязательные поля
- Сообщение об ошибке
- Сообщение об успешной отправке
Проверяем сайт и редактирование в админке
Проверяем страницы на компьютере, планшете и телефоне, работу меню, ссылок, форм и всех данных, которые по согласованию должны меняться в админке. Передаем доступы и показываем, где менять основные данные.
- Компьютер, планшет и телефон
- Меню, ссылки и формы
- Все данные, согласованные для редактирования в админке
- Доступы и показ основных действий
1С-Битрикс или WordPress
Стартовый расчет зависит от шаблонов, данных для админки, форм и логики, а не от названия системы. Лицензия 1С-Битрикс оплачивается отдельно; WordPress отдельной лицензии не требует.
1С-Битрикс
Собираем шаблон сайта, включаемые области, меню, инфоблоки, списки, карточки и формы. Инфоблок — раздел админки, где хранятся однотипные данные: услуги, новости или товары.
Подходит, еслиСайт уже работает на Битриксе, команда знает его админку или проекту нужны разделы и каталог внутри этой платформы.
Нужна отдельная оценка, еслиЛицензии еще нет или для проекта требуется редакция и модули, состав которых не определен.
WordPress
Собираем блочную или классическую тему, шаблоны страниц, меню, блоки и типы записей. Способ редактирования выбираем под задачу: свободные блоки или заранее заданные поля.
Подходит, еслиНужен управляемый информационный сайт без лицензионных расходов и без сложной торговой логики.
Нужна отдельная оценка, еслиНужен полноценный магазин с оплатой, доставкой, остатками или обменом с 1С.
Что влияет на расчет
Число уникальных шаблонов, качество верстки, набор данных, которые вы будете менять в админке, формы и логика. Если верстка требует исправлений, диагностику и доработку считаем отдельно.
Стоимость подключения верстки
Сначала проводим первичный просмотр верстки и определяем следующий шаг. Точную сумму и срок называем после полного комплекта исходников, списка страниц и шаблонов, данных для админки, форм, сведений о CMS, ее установке, лицензии 1С-Битрикс, домене и хостинге.
Лендинг на CMS
от 25 000 руб.Один шаблон лендинга, секции, которые вы сможете менять в админке, и базовая форма с отправкой на почту.
ПодойдетВерстка одной страницы готова, правильно отображается на компьютере, планшете и телефоне, сложной логики нет.
Не подойдетНужно сначала сделать дизайн, сверстать страницу или добавить нестандартную логику.
Корпоративный сайт
от 60 000 руб.Главная и согласованные внутренние шаблоны, меню, разделы, формы и блоки, которые вы сможете менять в админке.
ПодойдетТипы страниц известны, а содержимое нужно вести через админку.
Не подойдетПо исходным файлам еще нельзя определить число шаблонов и набор данных для админки.
Каталог
от 90 000 руб.Разделы, карточки, свойства и кнопка заявки. Корзина, оплата, доставка, остатки и обмен с 1С считаются отдельно.
ПодойдетНужна витрина товаров или услуг без полной торговой логики.
Не подойдетНужен интернет-магазин с оформлением и обработкой заказа.
Цены на подключение
- Лендинг — от 25 000 руб.
- Корпоративный сайт — от 60 000 руб.
- Каталог или интернет-магазин — от 90 000 руб.
- Дополнительный шаблон — 12 000 руб.
Что входит в расчет
- Список шаблонов
- Что меняется в админке
- Подключение шаблонов
- Проверка и сдача
Лицензия 1С-Битрикс, домен, хостинг, платные модули и плагины оплачиваются отдельно. Дополнительный шаблон сверх согласованного состава — 12 000 руб.
От чего зависит смета
От числа уникальных шаблонов, отображения верстки на компьютере, планшете и телефоне, состояния скриптов, набора данных для админки, форм и дополнительной логики. Новые шаблоны, поля, формы и функции добавляем только после согласования.
Что можно добавить к подключению
Дополнительные работы согласуем до начала и показываем в смете отдельно.
CRM, уведомления в Telegram, аналитика, многошаговые формы, оплата, доставка и обмен с 1С в базовое подключение не входят.
Сайты, которые мы сделали
Общие примеры выполненных сайтов Менокома. Это не перечень проектов по подключению верстки.
Корпоративный сайт с услугами, ценами, проектами и статьями.
Посмотреть проект →
Сайт-каталог с сотнями товаров, фильтрами и региональными страницами.
Посмотреть проект →
Сайт академии тенниса с занятиями, тренерами, расписанием и ценами.
Посмотреть проект →
Сайт школы финансовой грамотности с программами и онлайн-оплатой.
Посмотреть проект →
Сайт сети центров кузовного ремонта с услугами и быстрым обращением.
Интернет-магазин морепродуктов с каталогом и оформлением заказа.
Интернет-магазин электроинструмента с большим каталогом и поиском.
Сайт-каталог строительной компании с проектами домов и бань.
Корпоративный сайт компании с направлениями работы и каталогом продукции.
Интернет-магазин косметики с каталогом, акциями и подборками.
Сайт детейлинг-центра с услугами, ценами и записью.
Топ-Ремонт
Обсудим подключение верстки
Пришлите ссылку, архив или репозиторий и коротко напишите, что должно меняться в админке. По этим данным определим следующий шаг. Если для точной сметы понадобятся дополнительные сведения, запросим их отдельно.
- Определим, можно ли подключать верстку сразу
- Отделим подключение от платной диагностики и доработок
- Запросим полный комплект данных для точной сметы
Как подключаем верстку к CMS
Порядок зависит от состояния исходных файлов. Первичный просмотр показывает следующий шаг. Точную смету готовим по полному комплекту данных; если состояние кода нельзя определить без разбора, сначала проводим диагностику и согласуем исправления.
-
Принимаем ссылку, архив или репозиторий, список страниц и шаблонов, перечень данных для админки, сведения о формах, CMS, ее установке, лицензии 1С-Битрикс, домене и хостинге, а также контакт для приемки.
Результат: собран полный комплект для точной сметы.
-
Проверяем структуру и отображение на компьютере, планшете и телефоне, составляем список шаблонов и перечень данных, которые вы будете менять в админке.
Результат: цена и срок записаны в смете.
-
Проверяем установленную CMS. Если установка входит в согласованную задачу, разворачиваем 1С-Битрикс или WordPress на подготовленном хостинге. Затем настраиваем разделы, адреса страниц и права администратора.
Результат: система готова к подключению шаблонов.
-
Собираем шапку, подвал, главную, внутренние страницы, списки и карточки.
Результат: сайт открывается из CMS и выглядит как верстка.
-
Подключаем разделы, поля, меню, повторяющиеся блоки и базовые формы на почту.
Результат: согласованные данные редактируются из админки.
-
Проверяем три типа экранов, формы, ссылки и редактирование, передаем доступы и показываем основные действия.
Результат: сайт принят и передан вам вместе с доступами.
-
По архиву, ссылке или репозиторию проводим первичный просмотр и определяем, можно ли подключать файлы сразу.
Результат: понятен следующий шаг.
-
Если код спорный, предлагаем платную диагностику: проверяем отображение на компьютере, планшете и телефоне, зависимости и риски подключения, готовим короткое заключение.
Результат: известны проблемы и состав исправлений.
-
По отдельной смете правим только то, что мешает подключению.
Результат: верстка готова к подключению к системе управления.
-
Дальше выполняем подготовку системы, подключение шаблонов, вынос данных и сдачу по первому варианту.
Результат: сайт управляется из админки.
Чужую верстку не считаем проблемной заранее. Решение о диагностике принимаем после просмотра файлов.
Что прислать для первичного просмотра и точной сметы
Для первичного просмотра достаточно увидеть верстку и понять, что должно меняться в админке. Для точной сметы нужен полный комплект данных ниже.
Готовая верстка
Архив, ссылка или репозиторий со всеми страницами, которые нужно подключить.
Список страниц и шаблонов
Главная, внутренние страницы, списки, карточки и другие типы страниц проекта.
Редактируемые элементы
Что должно меняться в админке: тексты, изображения, услуги, новости, меню, контакты, карточки или формы.
Формы и адреса заявок
Какие формы нужны и на какой адрес отправлять тестовые и рабочие заявки.
Доступы
Админка, хостинг и файлы сайта. Для 1С-Битрикс также нужна действующая лицензия либо решение о ее покупке.
CMS, домен и хостинг
Если система, домен и хостинг уже подготовлены, пришлите сведения о них.
Тестовое содержимое
Тексты, изображения и примеры записей для проверки списков, карточек и полей.
Ответственный за приемку
Имя и контакт человека с вашей стороны, который проверит страницы, формы и работу админки.
Для первичного просмотра пришлите ссылку, архив или репозиторий и короткий список того, что должно редактироваться. Остальные данные понадобятся для точной сметы и начала работы.
Почему Меноком
Факты о платформе, процессе и дальнейшей работе с сайтом.
С 2004 года
У Менокома 1600+ клиентов из 80 тематик. Мы знаем, где верстка обычно ломается при подключении и дальнейшей поддержке. Цифры относятся ко всей работе компании, а не только к этой услуге.
1С-Битрикс и WordPress
Выбираем структуру шаблонов и админки под конкретную систему, но состав и стоимость считаем по задаче.
Сначала смотрим чужой код
Первичный просмотр показывает, можно ли подключать верстку сразу. Если есть проблемы, предлагаем отдельную диагностику; точную смету готовим по полному комплекту данных.
Согласуем редактирование
До начала записываем, какие данные вы будете менять сами, а какие части страницы останутся в шаблоне.
Учитываем дальнейшую поддержку
Системные файлы 1С-Битрикс не меняем, а данные WordPress отделяем от оформления, когда это требуется проекту. Так шаблоны и содержимое можно дорабатывать раздельно.
Сертификат «Разработчик Bitrix Framework»
Александр Никулин
Эксперт по продукту «1С-Битрикс: Управление сайтом», сертификат от 31 марта 2015 годаСертификат подтверждает, что Александр Никулин является экспертом по продукту «1С-Битрикс: Управление сайтом» и успешно прошел проверочные тесты по программе «Разработчик Bitrix Framework».
Посмотреть страницу Александра НикулинаКлиенты Менокома
Общий список клиентов компании. Это не перечень проектов по подключению верстки.
Что фиксируем до начала и после сдачи
Состав, изменения и ответственность разделены заранее.
Ошибки в нашей работе
Если после сдачи работ находится ошибка в нашей работе, исправляем ее бесплатно в течение трех месяцев.
Состав согласован до старта
Список шаблонов и перечень данных для админки показывают, что подключаем и что вы сможете менять сами.
Новые задачи — после согласования
Новые шаблоны, поля, формы и логика считаются отдельно. До начала такой работы называем ее состав и стоимость.
Чужие изменения считаются отдельно
Ошибки стороннего подрядчика после приемки, изменения не от Менокома и новые требования не относятся к исправлению нашей работы.
Вопросы о подключении верстки
Что можно подключить, как рассчитывается работа и что происходит после сдачи.
01Можно подключить верстку, которую делал другой подрядчик?
Да, если она пригодна к подключению. По архиву, ссылке или репозиторию сначала определяем следующий шаг. Если код требует разбора, отдельно предлагаем диагностику или доработку. Точную смету готовим после полного комплекта данных.
02Есть только макет в Figma, без HTML. Возьметесь?
Да, но это два этапа: сначала верстка по макету, затем подключение к CMS. Оба этапа оцениваем отдельно.
03Сколько стоит подключение верстки к CMS?
Лендинг — от 25 000 руб., корпоративный сайт — от 60 000 руб., каталог или интернет-магазин — от 90 000 руб., дополнительный шаблон сверх согласованного состава — 12 000 руб. Точную сумму называем по полному комплекту данных: ссылка, архив или репозиторий, список страниц и шаблонов, данные для админки, формы, сведения о CMS, ее установке, лицензии 1С-Битрикс, домене и хостинге, а также контакт для приемки.
04Что я смогу менять сам?
То, что согласуем до начала: например, тексты, изображения, услуги, новости, отзывы, меню и контакты. Сетку и оформление обычно оставляем в шаблоне, чтобы их нельзя было случайно сломать.
05Входит ли лицензия 1С-Битрикс?
Нет. Лицензия 1С-Битрикс, домен, хостинг, платные модули и плагины оплачиваются отдельно, если их еще нет. WordPress отдельной лицензии не требует.
06Что не входит в базовое подключение?
Дизайн, прототип и верстка с нуля; полная переделка чужой верстки; лицензии, домен, хостинг, платные модули и плагины; наполнение, тексты, SEO и реклама; CRM, API и внешние интеграции; оплата, доставка, сложная корзина и обмен с 1С; личный кабинет, роли и сложные права; поддержка после сдачи без отдельной договоренности. Если эти задачи нужны, оцениваем их до начала и добавляем в смету отдельными строками.
07Что выбрать: 1С-Битрикс или WordPress?
1С-Битрикс подходит, если сайт уже работает на этой платформе или команде нужна ее админка и структура инфоблоков. WordPress подходит для управляемого информационного сайта без лицензионных расходов. Полноценный магазин на любой платформе считаем отдельным проектом.
08Форма будет отправлять заявки?
Базовая форма с отправкой на почту входит в лендинг и корпоративный сайт. CRM, уведомления в Telegram, аналитика и сложные сценарии считаются отдельно.
09Можно сделать каталог или интернет-магазин?
Каталог с разделами, карточками, свойствами и кнопкой заявки — да. Корзина, оплата, доставка, остатки и обмен с 1С требуют отдельной сметы или разработки интернет-магазина.
10Сколько времени займет работа?
Срок называем после полного комплекта данных. Он зависит от числа шаблонов, отображения верстки на компьютере, планшете и телефоне, состояния скриптов, набора данных для админки, форм и скорости согласований.
11Покажете, как работать в админке?
Да. При сдаче показываем, где менять основные данные, и передаем доступы.
12Что будет, если после сдачи найдется ошибка?
Если после сдачи работ находится ошибка в нашей работе, исправляем ее бесплатно в течение трех месяцев. Новые требования и изменения стороннего подрядчика считаются отдельно.
13Можно подключить новую верстку к работающему сайту?
Можно пересобрать шаблоны работающего сайта под новую верстку. Если нужно сохранить старые адреса, содержимое и структуру при смене системы, это перенос сайта и отдельная работа.
Если нужен сайт целиком
Три принятые услуги для проекта под ключ.
Пришлите готовую верстку
Отправьте архив, ссылку или репозиторий и напишите, что должно меняться в админке. Проведем первичный просмотр и скажем, можно ли подключать верстку сразу или сначала требуется отдельная диагностика. Для точной сметы запросим полный комплект данных.
