Zero Block: Универсальное решение для создания уникальных промо-сайтов

Когда мы только начинали разрабатывать платформу Bafsy, у нас была цель – сделать создание промо-страниц доступным и простым для всех.

Однако мы понимали, что не всегда стандартные блоки удовлетворяют потребности пользователей, особенно если в команде есть специалисты по верстке, которым нужны более гибкие инструменты. Именно поэтому мы создали Zero Block.

Zero Block изначально был разработан для тех, кто уже разбирается в верстке и сталкивается с ограничениями стандартных блоков в билдере Bafsy.

Если у вас есть опытный специалист по верстке, и вы не нашли нужный блок на нашей платформе, Zero Block позволит вам добавить уникальный элемент, который соответствует вашим требованиям.

Например, если вы ранее не использовали нашу платформу, но у вас есть блок, который вам нравится из другого проекта, вы можете легко импортировать его в Bafsy.

С развитием технологий и улучшением плагинов для конвертации дизайна в код, мы решили сделать еще один шаг вперед. Теперь, используя Zero Block, вы можете интегрировать проекты из Figma напрямую в наш билдер.

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

Zero Block идеально подходит для промо-сайтов, лендингов и визиток. С ним вы можете:

Поддержка любого количества элементов;
Свободное расположение элементов;
Создание мобильных и десктопных версий;
Работа с типографикой, в том числе и нестандартной;
Размещение видео с YouTube, RuTube и других хостингов;
Интерактивные подсказки;
Слои для создания глубины и перспективы;
Прозрачные элементы;
Параллакс;
Анимации, всплывающие окна, наведения;
HTML-вставки;
Формы обратной связи.

В отличие от стандартного функционала Basfy, Zero Block позволяет создать уникальные блоки, использовать необычную компоновку, сложные формы, слои, совмещать несколько элементов одновременно.

Zero Block уже доступен в стандартном наборе блоков конструктора Bafsy. Чтобы добавить его на страницу, выполните следующие шаги:

Создайте промо-страницу в Builder Bafsy

Нажмите на «+», чтобы добавить новый блок

Выберите из меню Zero Block

Готово, Zero Block добавлен на страницу, осталось только его настроить и создать свое промо. Конструктор позволяет добавлять любое количество «нулевых блоков» и построить сайт только на них.

Настройка производится следующим образом:

Кликните на иконку «Редактирование»

Установите плагин Figma to HTML with pxCode

Выберите нужный проект в Figma

Выберите элемент для конвертации в код

Кликните на Convert to code – появится слева в открывшимся окне

Синхронизируйтесь с проектом и откройте его

Нажмите на «+» и присвойте ему имя, после чего кликните на кнопку Create pages

Далее работаем с каждым конвертированным элементом. Переходим на вкладку Code справа, выбираем HTML и копируем его в поле Код HTML в Zero блоке в Builder

Копируем полученный код в поле Код HTML в Zero блоке в Builder

Затем переходим на вкладку Style и копируем все содержимое без первых двух строк, начинающихся с @ и добавляем его в поле Код CSS в Zero блоке в Builder

Добавляем его в поле Код CSS в Zero блоке в Builder

Zero Block позволяет создавать уникальные сайты с нуля, не требуя знаний HTML и CSS. Это идеальный инструмент для тех, кто хочет быстро и легко перенести макет в онлайн:

Перенос макета без экспериментов с margin и padding;
Добавление уникального функционала, когда стандартных блоков конструктора недостаточно;
Создание многослойных композиций.

Zero Block подходит как новичкам, так и профессиональным веб-дизайнерам, обеспечивая автоматическую адаптацию сайта для различных устройств и браузеров. Создайте уникальный промо-сайт с Zero Block и забудьте о технических сложностях.

Если у вас возник интерес или есть вопросы, не стесняйтесь проконсультироваться, написав нам на почту sales@bafsy.com или в telegram.

Ещё больше интересного о сфере FMCG и продвижения продуктов в нашем телеграм-канале Промопровод.

Читайте также в нашем блоге «Промопровод»:

📱 «Тайна Пятой планеты»: как промо «Пятёрочки» покорило аудиторию

Разбор успешного кейса одной из крупнейших торговых сетей России

🎯 Digital-продвижение: топ-5 сервисов для управления рекламой

Обзор эффективных инструментов для самостоятельного запуска рекламных кампаний

👥 Инфлюенсер-маркетинг в FMCG: тренды и стратегии 2024

Как работать с блогерами для продвижения продуктового бренда

🎨 Психология цвета в брендинге: создаем премиальный имидж

Практическое руководство по использованию цветовых решений в дизайне

📊 FMCG-продвижение в Яндекс: полное руководство