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

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

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

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

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

Новый уровень возможностей с Figma

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

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

Для каких сайтов подходит Zero Block?

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

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

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

Как пользоваться 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?

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

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

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

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

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