Разработка кастомных промо-страниц без кода с Zero Block от Bafsy
Когда мы только начинали разрабатывать платформу 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 и продвижения продуктов в нашем телеграм-канале Промопровод.