БЛОКИ: конструктор лендингов и приключения Лоры Ипсум
21 августа 2018
Автор: Системс АЛЬФА
Давно хотели опубликовать на Маркетплейс конструктор лендингов, которым пользуемся сами и предлагаем своим клиентам. И вот релиз состоялся. Мы запустили конструктор лендингов - БЛОКИ.
Почему все-таки БЛОКИ? Все просто – любая посадочная страница или лендинг состоит из нескольких блоков: блока о компании, блока с услугами, блока с отзывами, блока с контактами. Поэтому мы сделали очень много готовых блоков, объединили их в группы. И теперь, чтобы создать посадочную страницу, нужно всего лишь выбрать нужный блок из списка и добавить его на страницу.
Нужно добавить на страницу блок с ценами? – пожалуйста. К вашим услугам около десятка таких готовых блоков. Нужно познакомить посетителей сайта с командой? - выбирайте блоки из группы «Команда». И таких категорий сейчас девять штук.
Вообще, когда собирали модуль, мы ставили перед ним пять ключевых задач:
3 сценария работы
Какая категория товаров выглядит лучше, номер 1 или номер 2?
Картинка: Список категорий с графическим описаниями и Text Only
А теперь посмотрим карточку товара. Какая из двух выглядит привлекательнее?
Карточка товара с графическим описаниями и Text Only
Так вот описания, добавленные на эти страницы, созданы при помощи БЛОКОВ.
БЛОКИ работают в трех сценариях:
Сценарий №1: Создание отдельной промо-страницы с нуля.
Сценарий №2: Добавление блоков в существующий раздел или страницу (пример выше)
Сценарий №3: Использование в созданной на блоках странице блоков из сайта. Например, создаем страницу с акцией и выводим на нее блок с реальными товарами с вашего сайта.
3 сценария работы БЛОКОВ
Более 200 готовых блоков
Сколько мы сделали готовых блоков? Ооочень много. Сейчас их больше двухсот. Причем они сгруппированы по девяти группам:
Группировка блоков
Сейчас у нас есть список еще из 50 блоков, которые появятся в скором времени, и этот список будет постоянно пополняться. Поэтому, если какой-то группы не хватает - пишите. Добавим)
Чтобы было красиво и приключения Лоры Ипсум...
В БЛОКАХ все блоки выполнены в едином стиле, хорошо сверстаны и 100% адаптивны на любых устройствах. Адаптивность можно проверить прямо в процессе создания нового лендинга, используя вот эти кнопочки.
Проверка адаптива
Отдельное внимание уделено типографике и наполнению блоков текстами. Вы можете использовать всё это как пример, при подготовке своих текстов.
Примеры блоков с типографикой
Специально для БЛОКОВ мы придумали вполне осмысленный и забавный текст-заполнитель на кириллице вместо латинского Lorem ipsum. Кто первый соберет в комментариях полный текст рассказа – получит БЛОКИ в подарок).
Чтобы сделать еще красивее
Используя редактор стилей, вы сможете максимально приблизить отдельный блок или все блоки вместе к нужному виду или к своему сайту. При этом никакого программирования.
Можно выбрать текст и задать его форматирование. А можно целиком переопределить шрифт и размер для всех заголовков H1.
Картинка: редактирование общих стилей и отдельного текста.
Как упоминалось ранее, можно добавлять, удалять, дублировать или перемещать блоки, а также элементы внутри них.
Просто? Просто! Может быть еще проще? Вряд ли) Попробуйте сами.
А примеры есть?
Как у нас говорят: “Лучше 1 раз увидеть”. И вот несколько примеров страниц, созданных на БЛОКАХ.
Вот так выглядит лендинг по продаже Варенья и заготовок.
Вот так выглядит лендинг по продаже Мустангов.
Вот так по продаже билетов в Universal Studios в Лос-Анжелесе
А так… по продаже услуг Хостинга
А сколько стоит?
Сейчас стоимость блоков установлена символическая в 5000 рублей. Нужно всего 1 раз купить, чтобы иметь возможность делать неограниченное количество лендингов и посадочных страниц.
Все пользователи готовых решений АЛЬФА Системс с активными ключами получат БЛОКИ бесплатно, а пользователи решений других разработчиков с активными ключами – могут рассчитывать на скидку. Всего-то нужно написать на pro@redsign.ru
И еще, БЛОКИ хорошо вписались в экосистему 1С-Битрикс, и их можно найти здесь:
БЛОКИ на Маркетплейс
БЛОКИ в Битрикс24.Сайты
Используйте БЛОКИ и до скорых встреч.
UPD: Опережая вопросы, а чем собственно БЛОКИ отличаются от Сайты24? Отвечаем:
Сайты24 и БЛОКИ не нужно противопоставлять друг другу, наоборот, эти два продукта отлично дополняют друг друга, т.к. одни задачи лучше реализовывать на Сайты24, а вторые на БЛОКАХ.
Как отмечалось выше, при помощи БЛОКОВ вы можете вписывать красивые описания прямо в существующие страницы вашего сайта (например, яркое описание раздела каталога), или наоборот – в лендинг об акции, созданный на БЛОКАХ, добавлять товары с вашего сайта.
Кроме того:
- пакетное редактирование стилей в БЛОКАХ поможет задать, например, стиль H1 для всех блоков в лендинге, а не щелкать отдельно по каждому блоку. Настройкой стилей вы можете привести в соответствие вид блока к любому сайту, в т.ч. блокам на Сайты24.
- в настройках БЛОКОВ вы можете задавать ширину БЛОКА под ваш сайт.
- БЛОКИ поддерживают параллакс эффект, который очень популярен на посадочных страницах.
- БЛОКИ – это еще 200+ новых блоков, которые можно использовать как самостоятельно, так и на Битрикс24. Скоро они появятся и на Сайты24.
Почему все-таки БЛОКИ? Все просто – любая посадочная страница или лендинг состоит из нескольких блоков: блока о компании, блока с услугами, блока с отзывами, блока с контактами. Поэтому мы сделали очень много готовых блоков, объединили их в группы. И теперь, чтобы создать посадочную страницу, нужно всего лишь выбрать нужный блок из списка и добавить его на страницу.
Нужно добавить на страницу блок с ценами? – пожалуйста. К вашим услугам около десятка таких готовых блоков. Нужно познакомить посетителей сайта с командой? - выбирайте блоки из группы «Команда». И таких категорий сейчас девять штук.
Вообще, когда собирали модуль, мы ставили перед ним пять ключевых задач:
- Поддержка трех сценариев: лендинг с нуля, лендинг в странице сайта, элементы сайта в лендинге.
- Большое количество блоков на все случаи жизни.
- Готовые стили блоков, чтобы было красиво.
- Возможность менять стили, чтобы можно было еще красивее.
- Простота в управлении без копания в админке Битрикс.
3 сценария работы
Какая категория товаров выглядит лучше, номер 1 или номер 2?
Картинка: Список категорий с графическим описаниями и Text Only
А теперь посмотрим карточку товара. Какая из двух выглядит привлекательнее?
Карточка товара с графическим описаниями и Text Only
Так вот описания, добавленные на эти страницы, созданы при помощи БЛОКОВ.
БЛОКИ работают в трех сценариях:
Сценарий №1: Создание отдельной промо-страницы с нуля.
Сценарий №2: Добавление блоков в существующий раздел или страницу (пример выше)
Сценарий №3: Использование в созданной на блоках странице блоков из сайта. Например, создаем страницу с акцией и выводим на нее блок с реальными товарами с вашего сайта.
3 сценария работы БЛОКОВ
Более 200 готовых блоков
Сколько мы сделали готовых блоков? Ооочень много. Сейчас их больше двухсот. Причем они сгруппированы по девяти группам:
- Шапка/Подвал,
- Преимущества,
- Призывы к действию,
- Контент,
- Цены/Тарифы,
- Формы обратной связи,
- Команда,
- Контакты, Отзывы.
Группировка блоков
Сейчас у нас есть список еще из 50 блоков, которые появятся в скором времени, и этот список будет постоянно пополняться. Поэтому, если какой-то группы не хватает - пишите. Добавим)
Чтобы было красиво и приключения Лоры Ипсум...
В БЛОКАХ все блоки выполнены в едином стиле, хорошо сверстаны и 100% адаптивны на любых устройствах. Адаптивность можно проверить прямо в процессе создания нового лендинга, используя вот эти кнопочки.
Проверка адаптива
Отдельное внимание уделено типографике и наполнению блоков текстами. Вы можете использовать всё это как пример, при подготовке своих текстов.
Примеры блоков с типографикой
Специально для БЛОКОВ мы придумали вполне осмысленный и забавный текст-заполнитель на кириллице вместо латинского Lorem ipsum. Кто первый соберет в комментариях полный текст рассказа – получит БЛОКИ в подарок).
Чтобы сделать еще красивее
Используя редактор стилей, вы сможете максимально приблизить отдельный блок или все блоки вместе к нужному виду или к своему сайту. При этом никакого программирования.
Можно выбрать текст и задать его форматирование. А можно целиком переопределить шрифт и размер для всех заголовков H1.
Картинка: редактирование общих стилей и отдельного текста.
Как упоминалось ранее, можно добавлять, удалять, дублировать или перемещать блоки, а также элементы внутри них.
Просто? Просто! Может быть еще проще? Вряд ли) Попробуйте сами.
А примеры есть?
Как у нас говорят: “Лучше 1 раз увидеть”. И вот несколько примеров страниц, созданных на БЛОКАХ.
Вот так выглядит лендинг по продаже Варенья и заготовок.
Вот так выглядит лендинг по продаже Мустангов.
Вот так по продаже билетов в Universal Studios в Лос-Анжелесе
А так… по продаже услуг Хостинга
А сколько стоит?
Сейчас стоимость блоков установлена символическая в 5000 рублей. Нужно всего 1 раз купить, чтобы иметь возможность делать неограниченное количество лендингов и посадочных страниц.
Все пользователи готовых решений АЛЬФА Системс с активными ключами получат БЛОКИ бесплатно, а пользователи решений других разработчиков с активными ключами – могут рассчитывать на скидку. Всего-то нужно написать на pro@redsign.ru
И еще, БЛОКИ хорошо вписались в экосистему 1С-Битрикс, и их можно найти здесь:
БЛОКИ на Маркетплейс
БЛОКИ в Битрикс24.Сайты
Используйте БЛОКИ и до скорых встреч.
UPD: Опережая вопросы, а чем собственно БЛОКИ отличаются от Сайты24? Отвечаем:
Сайты24 и БЛОКИ не нужно противопоставлять друг другу, наоборот, эти два продукта отлично дополняют друг друга, т.к. одни задачи лучше реализовывать на Сайты24, а вторые на БЛОКАХ.
Как отмечалось выше, при помощи БЛОКОВ вы можете вписывать красивые описания прямо в существующие страницы вашего сайта (например, яркое описание раздела каталога), или наоборот – в лендинг об акции, созданный на БЛОКАХ, добавлять товары с вашего сайта.
Кроме того:
- пакетное редактирование стилей в БЛОКАХ поможет задать, например, стиль H1 для всех блоков в лендинге, а не щелкать отдельно по каждому блоку. Настройкой стилей вы можете привести в соответствие вид блока к любому сайту, в т.ч. блокам на Сайты24.
- в настройках БЛОКОВ вы можете задавать ширину БЛОКА под ваш сайт.
- БЛОКИ поддерживают параллакс эффект, который очень популярен на посадочных страницах.
- БЛОКИ – это еще 200+ новых блоков, которые можно использовать как самостоятельно, так и на Битрикс24. Скоро они появятся и на Сайты24.
Предлагаем еще прочесть