Сайт компании, которая внедряет и сопровождает 1С
1С Тренд
Разработал сайт на Битриксе по готовому дизайну. На нем можно сравнить комплектации программ 1С, обратиться по выбранной комплектации или описать задачу в квизе.
Моя рольРазработка сайта с нуля: верстка, компоненты Битрикса и формы обращений. Дизайн предоставлен отдельно.
Как устроен проект ↓
- Платформа
- 1С-Битрикс
- Содержание
- Программы 1С, услуги и модули
- Обращения
- По выбранной программе или через квиз
- Дизайн
- По готовым макетам
От программы или задачи к обращению
1С Тренд продает программы 1С, внедряет и сопровождает их. Посетитель может прийти за конкретной программой, например «1С Управление торговлей», или искать помощь с учетом, еще не зная нужного решения.
По предоставленным макетам я сверстал сайт и связал страницы с Битриксом. Для программ собрал общий компонент с возможностями, изображениями интерфейса и комплектациями. Обращение по выбранной программе открывается из ее страницы; для уточнения задачи есть отдельный квиз.
Одна структура страниц для разных программ
На странице «1С Управление торговлей» сначала показаны возможности программы, затем варианты покупки. У комплектаций «Базовая» и «Проф» есть свои цены и состав. Ниже расположен блок сравнения, в котором можно посмотреть различия.
Эти страницы собирает общий компонент. По адресу он находит программу в Битриксе и загружает связанные с ней описания, изображения, возможности и варианты поставки. Чтобы изменить цену или описание комплектации, редактор меняет запись в CMS.
Кнопка комплектации открывает обращение по ней
Под каждой комплектацией есть кнопка «Купить». Она открывает общее окно обращения, а его заголовок получает название программы и выбранную комплектацию. Человек видит свой выбор перед вводом контактов.
При открытии из общей кнопки программа не подставляется. Для заявок по комплектации и общих обращений я использовал одно окно с разными заголовками. Как эти сведения передаются при отправке и что нужно проверять у получателя, разобрал в статье.
Квиз для обращения без выбранной программы
Я собрал квиз из 4 вопросов и завершающего шага с контактами. Посетитель указывает сферу деятельности, количество пользователей, программы учета и нужные услуги. Например, на последнем вопросе можно выбрать покупку лицензии, внедрение, сопровождение или разовую работу.
В вопросах есть одиночный и множественный выбор, а также свой ответ. Кнопка перехода становится доступной после ответа. На последнем шаге человек вводит имя, email и телефон.
Ответы нужны для обсуждения со специалистом. Квиз не рассчитывает стоимость работ.
- Сфера деятельности
- Количество пользователей
- Программы учета
- Нужные услуги
- Контакты
Акционное предложение редактор задает в Битриксе
Отдельно собрал всплывающие окна с предложениями компании. Заголовок, текст и подпись кнопки хранятся в Битриксе. Скрипт получает активное предложение и добавляет его на страницу; там же настроены цели аналитики для показа и обращений.
Автоматический показ запускается через 20 секунд после загрузки страницы. На узких экранах окно не появляется, а после показа сайт записывает cookie, чтобы ограничить повторное появление. Такое окно открывается само и не связано с выбором комплектации.
Что получилось
Содержание программ и акционных предложений хранится в Битриксе. Редактор может менять цены и описания комплектаций в CMS.
По программе можно обратиться через кнопку ее комплектации. Если нужна помощь с подбором или работами по 1С, квиз собирает ответы перед вводом контактов.
