Задачи:
- Сделать адаптивный дизайн, под мобильные устройства.
- Подключить CRM Битрикс24
- Подключение почты домена на Mail.ru
Надо сказать, что изначально лендинг был сделан в программе Web Builder. Раньше я пользовался этой программой для создания одностраничников, но потом отказался, по нескольким причинам:
В ней очень просто делать одностраничники и подойдёт для тех, кто не знает html и css, но эта программа генерирует очень "грязный" код. Каждый элемент имеет абсолютное позиционирование и все стили пишутся инлайн. В результате получается код, который трудно читать и он не оптимизирован под поисковое продвижение.
В настоящее время поисковики выдвигают требования к сайтам, что бы вёрстка была "чистая". Все стили должны быть прописаны в отдельном файле style.css и код должен быть минимальным и понятным.
Вот пример кода, который был:
При таком коде адаптировать сайт под мобильные устройства не представляется возможным, потому что все элементы "закреплены", т.е имеют абсолютное позиционирование: position:absolute; По этому мне пришлось полностью переверстать сайт.
Получилось так:
Для адаптивной вёрстки я использовал фреймворк Bootstrap 4. Это удобно. Примечательно, что какие-то блоки можно скрыть на мобильной версии, что бы не было ничего лишнего. Клиенту это понравилось.
Подключение CRM Битрикс24
Вторым этапом нужно было подключить Битрикс24. Я только один раз в него заглядывал, и то, очень давно. По этому пришлось немного его поизучать, прежде чем подключить сайт.
Создал "Виджет для сайта" в котором есть Чат, Обратный звонок и Контактная форма. Подключил на сайт.
Так же подключил форму заявки с сайта, что бы данные передавались в Битрикс24 и создавался Лид. Это очень удобно, сразу можно обрабатывать контакт в CRM.
Сделал первоначальные настройки Битрикс24.
Подключение почты домена на Mail.ru
Ещё одна задача была, что бы подключить почту домена на почтовый сервис mail.ru
Хостинг предоставляет программу для работы с электронной почтой с веб-интерфейсом RoundCube Webmail, но она имеет минимальный набор функций, там нету фильтров и других настроек, которые есть у Mail.ru
Есть возможность подключить доменную почту к сервисам mail.ru и пользоваться привычным интерфейсом.
Nalogclub.ru - Адаптивная вёрстка под мобильные устройства на Bootstrap 4, подключение CRM Битрикс24, Подключение почты домена на Mail.ru
Комментарии (12)