БЛОКИ: конструктор лендингов и приключения Лоры Ипсум

БЛОКИ: конструктор сайтов и лендингов. Давно хотели опубликовать на Маркетплейс конструктор лендингов, которым пользуемся сами и предлагаем своим клиентам. И вот релиз состоялся. Мы запустили конструктор лендингов - БЛОКИ.




[spoiler]

Почему все-таки БЛОКИ? Все просто – любая посадочная страница или лендинг состоит из нескольких блоков: блока о компании, блока с услугами, блока с отзывами, блока с контактами. Поэтому мы сделали очень много готовых блоков, объединили их в группы. И теперь, чтобы создать посадочную страницу, нужно всего лишь выбрать нужный блок из списка и добавить его на страницу.






Нужно добавить на страницу блок с ценами? – пожалуйста. К вашим услугам около десятка таких готовых блоков. Нужно познакомить посетителей сайта с командой? - выбирайте блоки из группы «Команда». И таких категорий сейчас девять штук.

Вообще, когда собирали модуль, мы ставили перед ним пять ключевых задач:
  1. Поддержка трех сценариев: лендинг с нуля, лендинг в странице сайта, элементы сайта в лендинге.
  2. Большое количество блоков на все случаи жизни.
  3. Готовые стили блоков, чтобы было красиво.
  4. Возможность менять стили, чтобы можно было еще красивее.
  5. Простота в управлении без копания в админке Битрикс.
И, конечно, недорого. Давайте посмотрим, что у нас получилось.



3 сценария работы

Какая категория товаров выглядит лучше, номер 1 или номер 2?




Список категорий с графическим описаниями и Text Only


А теперь посмотрим карточку товара. Какая из двух выглядит привлекательнее?




Карточка товара с графическим описаниями и Text Only


Так вот описания, добавленные на эти страницы, созданы при помощи БЛОКОВ.


БЛОКИ работают в трех сценариях:

Сценарий №1: Создание отдельной промо-страницы с нуля.

Сценарий №2: Добавление блоков в существующий раздел или страницу (пример выше)

Сценарий №3: Использование в созданной на блоках странице блоков из сайта. Например, создаем страницу с акцией и выводим на нее блок с реальными товарами с вашего сайта.




3 сценария работы БЛОКОВ


Более 200 готовых блоков

Сколько мы сделали готовых блоков? Ооочень много. Сейчас их больше двухсот. Причем они сгруппированы по девяти группам:
  1. Шапка/Подвал,
  2. Преимущества,
  3. Призывы к действию,
  4. Контент,
  5. Цены/Тарифы,
  6. Формы обратной связи,
  7. Команда,
  8. Контакты,
  9. Отзывы.




Группировка блоков


Сейчас у нас есть список еще из 50 блоков, которые появятся в скором времени, и этот список будет постоянно пополняться. Поэтому, если какой-то группы не хватает - пишите. Добавим)



Чтобы было красиво и приключения Лоры Ипсум...

В БЛОКАХ все блоки выполнены в едином стиле, хорошо сверстаны и 100% адаптивны на любых устройствах. Адаптивность можно проверить прямо в процессе создания нового лендинга, используя вот эти кнопочки.




Проверка адаптива


Отдельное внимание уделено типографике и наполнению блоков текстами. Вы можете использовать всё это как пример, при подготовке своих текстов.




Примеры блоков с типографикой

Специально для БЛОКОВ мы придумали забавный текст-заполнитель про приключения Lora Ipsum, которая потерялась за горой Слов, между странами Орфоэпии и Синтаксии, у побережья Семантики около большого океана Русского языка). Этот текст можно отлично использовать как альтернативу Lorem Ipsum, когда нужно наполнить сайт или страницу текстом на кириллице. Кто первый соберет в комментариях полный текст рассказа – получит БЛОКИ в подарок). А все блоки можно посмотреть, установив бесплатно БЛОКИ24 на ваш Битрикс24.


Чтобы сделать еще красивее


Используя редактор стилей, вы сможете максимально приблизить отдельный блок или все блоки вместе к нужному виду или к своему сайту. При этом никакого программирования.

Можно выбрать текст и задать его форматирование. А можно целиком переопределить шрифт и размер для всех заголовков
H1



Редактирование общих стилей и отдельного текста

Как упоминалось ранее, можно добавлять, удалять, дублировать или перемещать блоки, а также элементы внутри них.

Просто? Просто! Может быть еще проще? Вряд ли) Попробуйте сами.



А примеры есть?


Как у нас говорят: “Лучше 1 раз увидеть”. И вот несколько примеров страниц, созданных на БЛОКАХ.

Вот так выглядит лендинг по продаже Варенья и заготовок:



Вот так выглядит лендинг по продаже Мустангов:


Вот так по продаже билетов в Universal Studios в Лос-Анжелесе:


А так… по продаже услуг Хостинга:



А сколько стоит?


Сейчас стоимость блоков установлена символическая в 5000 рублей. Нужно всего 1 раз купить, чтобы иметь возможность делать неограниченное количество лендингов и посадочных страниц.

Все пользователи готовых решений АЛЬФА Системс с активными ключами получат БЛОКИ бесплатно, а пользователи решений других разработчиков с активными ключами – могут рассчитывать на скидку. Всего-то нужно написать на pro@redsign.ru

И еще, БЛОКИ хорошо вписались в экосистему 1С-Битрикс, и их можно найти здесь:

БЛОКИ на Маркетплейс
БЛОКИ24 на Битрикс24

Используйте БЛОКИ и до скорых встреч.


====




UPD: Опережая вопросы, а чем собственно БЛОКИ отличаются от Сайты24? Отвечаем:

Сайты24 и БЛОКИ не нужно противопоставлять друг другу, наоборот, эти два продукта отлично дополняют друг друга, т.к. одни задачи лучше реализовывать на Сайты24, а вторые на БЛОКАХ.

Как отмечалось выше, при помощи БЛОКОВ вы можете вписывать красивые описания прямо в существующие страницы вашего сайта (например, яркое описание раздела каталога), или наоборот – в лендинг об акции, созданный на БЛОКАХ, добавлять товары с вашего сайта.

Кроме того:

- пакетное редактирование стилей в БЛОКАХ поможет задать, например, стиль H1 для всех блоков в лендинге, а не щелкать отдельно по каждому блоку. Настройкой стилей вы можете привести в соответствие вид блока к любому сайту, в т.ч. блокам на Сайты24.

- в настройках БЛОКОВ вы можете задавать ширину БЛОКА под ваш сайт.

- БЛОКИ поддерживают параллакс эффект, который очень популярен на посадочных страницах.

- БЛОКИ – это еще 200+ новых блоков, которые можно использовать как самостоятельно, так и на Битрикс24. Скоро они появятся и на Сайты24.



Много полезной информации вы найдете на наших страничках. Подписывайтесь на наши сообщества: