Как запустить HTML-сайт с помощью Novi HTML Website Builder

Когда дело доходит до создания веб-сайтов в 2019 году, нет необходимости заниматься кодированием. Я уверен, что вы уже знаете все о разных готовых цифровых продуктах. В наши дни вы можете легко получить все заранее разработанное и упакованное для вас. По этим простым причинам существует так много привлекательных веб-сайтов. Люди ищут новые способы выделиться из толпы. Вот почему количество свежих адаптивных тем веб-сайтов, плагинов, ресурсов и тенденций веб-дизайна постоянно увеличивается.

Однако появление чего-то нового не означает, что этот продукт на 100% достоин вашего внимания. Итак, как выбрать свой единственный предмет? В этом посте я собираюсь помочь вам принять окончательное решение. В одном из предыдущих постов я показал вам, как создать сайт на WordPress. Как следует из названия поста, сегодня я рассмотрю один из 5 лучших конструкторов сайтов - Novi Builder .

Если вы предпочитаете работать с HTML, вы наверняка слышали это имя раньше, поскольку Novi Builder поставляется со всеми современными адаптивными HTML-шаблонами. Итак, каковы основные преимущества работы с редактором и есть ли недостатки? Следите за обновлениями, чтобы выяснить все важные моменты, касающиеся самого полезного конструктора страниц для HTML .

История Novi Builder

Попробуйте Нови

По традиции, прежде чем мы начнем, мы кратко рассмотрим историю этого визуального конструктора HTML. Первый выпуск Novi Builder состоялся 3 года назад, в 2016 году. Короче говоря, команда Novi разработала редактор с учетом трех основных функций:

• абсолютно удобный для создателя рабочий механизм,
• 100% интуитивно понятный интерфейс,
• и, очевидно, новейшая технология перетаскивания.

Вы помните, как редактирование веб-сайтов выглядело в 2016 году? Он был в основном скучным и содержал только необходимые функции. Тем не менее, цифровой прогресс никогда не останавливался, поэтому использовалось множество модных вариантов и стильных элементов веб-дизайна. Увидев это, создатели Novi Builder решили добавить все это в пакет редактора. Они добавили как можно больше трендов веб-дизайна в те дни. Если что-то и доминировало на цифровом рынке, то это уже было внутри пакета Novi.

С другой стороны, добавления только популярных функций было недостаточно. Поэтому команда Novi продолжила исследования. Как и все умные компании, они хотели изучить аудиторию, чтобы выяснить потребности потенциальных клиентов. Исследование показало, что люди прежде всего стремились к комфорту.

В результате вскоре Novi Builder позволил онлайн-пользователям:

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

Хотя сейчас сложно удивить пользователя технологией перетаскивания, в 2016 году это было настоящее чудо. Кроме того, не забывайте, что тогда единственным удобным редактором контента, который предоставлял возможность перетаскивания, был Elementor. Он поставлялся со всеми необходимыми функциями, но был предназначен только для онлайн-проектов на базе WordPress. В то же время, HTML никогда не был самым простым занятием для неопытного специалиста.

После долгих и подробных исследований технология перетаскивания, которую использовал Novi Builder, также была улучшена. В результате люди могли создавать новые онлайн-страницы и редактировать свои сайты, просто перетаскивая выбранные элементы дизайна в окно редактора.

Зрителям потребовалось всего несколько месяцев, чтобы привыкнуть к Novi Builder. Довольно скоро он стал популярным. Излишне говорить, что для редактора было сделано много обновлений. Спустя год создатели продемонстрировали первую классическую версию Novi Builder. С тех пор он продолжал получать регулярные обновления, которые включают различные варианты, тенденции веб-дизайна и множество дополнительных инструментов.

Подводя итог, можно сказать, что Novi Builder не только ускорил процесс создания веб-сайтов, но и открыл множество новых возможностей для новичков, которые хотели работать с HTML. С его помощью люди наконец-то смогли разрабатывать свои веб-сайты не только так, как они могут, но и так, как они хотят. Как только был выпущен Novi Builder, редактирование HTML-сайтов стало делом без стресса. Вот почему он был назван лучшим визуальным конструктором веб-сайтов для HTML.

Назад в настоящее

Сегодня Novi Builder называют лучшим редактором перетаскивания для HTML. Короче говоря, конструктор ускоряет рабочий процесс и упрощает его для пользователей любого уровня подготовки. Работая с Novi Builder, вы можете быстро создавать новые онлайн-страницы, используя различные заранее разработанные блоки контента.

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

Хотите увидеть, как работает редактор в действии? Вы можете попробовать поработать с Novi Builder, запустив его демо. Просто перейдите по ссылке, чтобы открыть бесплатную демо-версию редактора.

Для каких бизнес-моделей подходит Novi Builder?

Еще одна вещь, которую вам следует знать о Novi Builder, - это то, что это онлайн-платформа B2B / B2C . Что это значит? Давайте посмотрим.

1. B2B, что означает бизнес для бизнеса. В Интернете это также известно как электронный бизнес. B2B - это обмен продуктами, услугами, предметами или даже информацией между различными предприятиями. Когда дело доходит до Novi Builder, B2B связан с пользователями, которые используют свои собственные шаблоны веб-сайтов для предоставления различных услуг. Последние в основном связаны с бизнес-нишами, такими как веб-дизайн, веб-разработка, электронная коммерция или электронный маркетинг.
2. B2C, что означает «бизнес для клиента». В этом случае соединение относится к транзакциям, проводимым напрямую между компанией и ее клиентами. Здесь заказчик - это конечный пользователь, использующий продукцию компании. Говоря о Novi Builder, B2C подключается к конечным пользователям, у которых уже запущены свои веб-сайты. Эти пользователи могут приобрести любые шаблоны HTML по своему усмотрению и импортировать существующие веб-сайты. Благодаря Novi Builder это возможно без потери содержания сайта. Вы можете редактировать его с помощью технологии перетаскивания и стилизовать с помощью множества предустановленных функций.

Как видите, модель B2C существенно отличается от модели B2B. Последний относится к коммерческой связи между 2 или более предприятиями, когда B2C - это только 1 бизнес. Что бы вы ни собирались использовать, Novi Builder подходит для обеих бизнес-моделей.

Какие инструменты есть у Novi Builder для модели B2C?

Как этот визуальный конструктор HTML поможет вам в B2C? Как и все качественные инструменты, Novi Builder создавался с учетом бизнес-стратегии. В результате редактор поставляется с множеством инструментов, ориентированных на конечных пользователей. Ниже вы можете увидеть 5 основных функций, с которыми нужно работать.

Управление страницами

Перво-наперво: Novi Builder предоставляет своему владельцу удобный менеджер страниц. Используя эту функцию, вы можете:

• создавать страницы,
• удалить страницы,
• редактировать страницы,
• и управлять их настройками.

Чтобы сказать больше, вы можете сделать все это одним щелчком мыши! Кстати, есть некоторые дополнительные действия, которые вы можете выполнять при работе с Page Manager. Как добраться до них? Что ж, вам просто нужно использовать контекстное меню, которое находится в верхней части страницы, с которой вы собираетесь работать.

3 различных режима для основных задач

Как только вы откроете Novi Builder , вы увидите, что он предоставляет разные режимы для разных задач. Для основных задач создано 3 режима:

• Предварительный просмотр,
• Редактирование,
• и проектирование.

Режим предварительного просмотра

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

Режим редактирования

Это режим, который помогает вам редактировать различные типы контента. В список вошли такие вещи, как:

• тексты
• значки
• кнопки и многое другое.

Режим дизайна

В-третьих, у вас есть режим дизайна . Предоставляет доступ к коду сайта. Нет необходимости работать с исходным кодом, но если вы хотите улучшить свои навыки программирования, режим дизайна - это именно то, что доктор прописал.

Попробуйте Нови

Инструменты разработчика

Как и ожидалось, Novi Builder содержит множество инструментов разработчика в своем пакете. С его помощью вы сможете получить новый опыт создания веб-сайтов при работе с редактором HTML, CSS и JS. Очевидно, вы можете редактировать исходный код так, как хотите.

Среди всех функций хотелось бы выделить Preset Manager. Эта крутая штука поможет вам в дальнейшем процессе редактирования. Короче говоря, менеджер позволяет создавать новые пресеты вручную и сохранять их в библиотеке. Все просто как азбука. Вот что вам нужно сделать:

• выберите необходимый элемент контента,
• выберите его в рабочей области,
• сохраните его, нажав кнопку « Сохранить как предустановку» в контекстном меню.

Теперь вы можете использовать новые предустановки, как только вам нужно будет создавать новые онлайн-страницы. Просто перетащите пресет в окно редактора, как вы это делаете с другими компонентами пользовательского интерфейса.

Мгновенная публикация

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

Как вы можете видеть на скриншоте ниже, в правом верхнем углу есть голубая кнопка « Опубликовать сайт» . Нажав на кнопку, вы опубликуете сайт прямо на сервере. Кроме того, вы также увидите там параметры пути публикации и конфигурации .

Больше возможностей

В заключение я хочу показать вам еще несколько основных функций, которые вы обязательно будете искать, как только загрузите Novi Builder.

Параметр «Изменить разрешение» позволяет владельцу веб-сайта изменять размер рабочего пространства.

Нажмите « Настройки», если хотите получить доступ к настройкам веб-сайта или его страниц.

Нажав кнопку « Загрузить шаблон» , вы можете загрузить тему сайта. Этот шаг является обязательным для разработчиков, которым необходимо предоставить клиентам свои сайты или протестировать эти проекты на других устройствах.

Нови членство

Вот еще один момент, который обязательно требует вашего внимания! Хотите начать работать с Novi Builder? Дело в том, что для того, чтобы начать пользоваться редактором, вам необходимо приобрести членство Novi.

Какие компоненты будут включены в членство? Они здесь.

1. Во-первых, вы получите Novi Builder.
2. Во-вторых, вы получите несколько качественных HTML-шаблонов, которые были профессионально разработаны и предварительно упакованы для различных бизнес-ниш.
3. В-третьих, вы также получите несколько обязательных плагинов. Например, есть такие инструменты, как плагины социальных сетей, плагин контактной формы, ползунки, обратный отсчет, Google Maps и многое другое!

Короче говоря, приобретая членство Novi, вы получите доступ ко всем существующим шаблонам, плагинам, ресурсам и элементам веб-дизайна. Кроме того, вы автоматически получаете доступ к тем предметам, которые будут созданы командой Novi в будущем. Без сомнения, он просто необходим веб-дизайнерам и разработчикам.

На выбор предлагается 3 разных членства. Как всегда, ваш выбор зависит от ваших потребностей.

1. Членство в стартапе обойдется вам в 29 долларов в год.
2. Расширенное членство обойдется вам в 49 долларов в год.
3. Членство разработчика обойдется вам в 149 долларов в год.

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

Попробуйте Нови

Как вы, возможно, знаете, многие популярные конструкторы веб-сайтов (например, Elementor Page Builder для WordPress) можно загрузить бесплатно. Когда дело доходит до Novi Builder, вам нужно будет купить тарифный план не менее 29 долларов, чтобы использовать редактор. Похоже, это самый большой недостаток работы с Novi Builder. Однако, когда дело доходит до удобного и удобного процесса создания веб-сайта, 29 долларов - это не большая проблема, не так ли?

Кстати, все транзакции безопасны. Вот варианты оплаты на выбор:

Кроме того, вы можете отменить подписку на Novi Builder в любое время. Это быстрый и простой процесс.

Итак, теперь, когда вы ознакомились со всеми основными деталями, пора поближе познакомиться с Novi Builder. Начнем с интерфейса редактора.

Воспользуйтесь этой ссылкой, чтобы узнать о 5 лучших бесплатных вариантах программного обеспечения для создания веб-сайтов, которые у вас есть.

Нови Интерфейс

Для начала вот что вы видите, открывая интерфейс Novi:

• Главная панель
• Переключатель режимов Novi
• Менеджер страниц
• Главное меню
• Область визуального редактора
• Панель инструментов разработчика

Вот ваши возможности при работе со страницами:

1. Триггер диспетчера страниц
2. Фильтр поиска страниц
3. Добавление страницы
4. Список существующих страниц

И вот что вы увидите внутри панели инструментов разработчика:

1. Область инструментов разработчика
2. Редактор HTML кода
3. Редактор кода CSS
4. Редактор кода JS
5. Менеджер пресетов
6. Менеджер плагинов

Каковы системные требования?

Прежде чем мы перейдем к установке, давайте проверим, соответствует ли ваша система необходимым требованиям. Вот что вам нужно для комфортной работы с Novi Builder:

• Браузер : Chrome 50+ или Safari 10+;
• 4 ГБ ОЗУ или больше;
• дисплей с мин. разрешение 1024 х 768;
• CPU с минимальной тактовой частотой 1 ГГц;
• клавиатура и мышь,
• а минимальная скорость вашего сетевого подключения должна быть 1 Мбит / с.

Как установить Novi Builder?

Как всегда, создатели конструктора обещали, что установка будет быстрой и простой. Однако в 2019 году онлайн-пользователи привыкли к длинным инструкциям и бесконечным требованиям. Поэтому давайте посмотрим, как можно установить Novi Builder.

Чтобы установить Novi Builder на локальный сервер , следуйте моему руководству.

1. Во-первых, вам нужно будет загрузить программное обеспечение (например, WAMP, XAMP или MAMP) для запуска локального сервера.
2. Во-вторых, вам нужно будет проверить требования к вашему веб-серверу и настроить сервер в соответствии с ними.
3. В-третьих, вам нужно будет распаковать архив со сжатым Novi Builder. Как только вы это сделаете, поместите содержимое в один из каталогов вашего сервера. Это будет выглядеть так: имя вашего диска / mamp / www / novi /.
4. Наконец, вам нужно будет запустить конструктор. Там будет соответствующая ссылка. Просто щелкните по нему.

Чтобы установить Novi Builder на удаленный сервер , выполните следующие действия.

1. Прежде всего, чтобы установить редактор на удаленный сервер, вам также необходимо проверить требования к веб-серверу. Да, вы все равно не можете избежать этого шага.
2. Когда вы закончите с требованиями, скачайте программное обеспечение, позволяющее работать с FTP. Сегодня самыми популярными из них являются Total Commander 7+ и FileZilla.
3. Затем установите загруженное программное обеспечение.
4. Теперь вам нужно будет распаковать архив Novi Builder и загрузить построитель на свой хостинг-сервер. Ниже я покажу вам этот шаг на примере Total Commander.
5. Сохраните изменения.

Итак, вот как вы можете загрузить Novi Builder на свой хостинг-сервер с помощью Total Commander .

Чтобы установить соединение с вашим сервером, вам необходимо:

• перейдите на вкладку NET и затем подключитесь к FTP,
• нажмите кнопку "Новое соединение",
• заполните соответствующие поля, чтобы указать данные хостинг-провайдера.

Поле будет:

• Сессия - вы должны указать здесь имя вашего соединения; (подойдет любое имя)
• Имя хостинга - введите здесь свой логин и пароль.

Затем нажмите кнопку ОК .

Чтобы загрузить необходимые файлы на сервер , выполните следующие действия:

• перейдите на вкладку NET и затем подключитесь к FTP,
• выберите ранее созданное имя пользователя (вам понадобится поле Session)
• нажмите на Connect,
• скопируйте содержимое вашего архива Novi Builder,
• перейдите в корневой каталог используемого вами доменного имени по умолчанию,
• вставьте скопированное вами содержимое архива конструктора, и все!

Novi Builder и авторизация

Как вы, возможно, знаете из версии 0.9.0, Novi Builder полностью поддерживает защиту паролем . Поэтому, чтобы открыть интерфейс Novi, вам нужно будет ввести пароль. По умолчанию это «Нови». Очевидно, вам следует изменить его, чтобы сделать создание веб-сайтов более безопасным.

Вот как это сделать.

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

Чтобы отключить вход через пароль , выполните следующие действия:

• перейдите в главное меню Novi Builder,
• откройте Настройки безопасности,
• введи свой текущий пароль,
• найдите опцию Enable Password Authorization и отключите ее,
• сохраните внесенные изменения.

Чтобы изменить пароль , выполните следующие действия:

• перейдите в главное меню Novi Builder,
• откройте Настройки безопасности,
• перейдите на вкладку "Изменить пароль",
• введите свой текущий пропуск,
• введите свой новый пропуск,
• сохраните внесенные изменения.

Чтобы сбросить пароль , выполните следующие действия:

• заходим в builder / php / session.php,
• напишите в строке: '$ currentPassword = «пароль».'

Наконец, при работе с Novi Builder помните, что :

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

Какие плагины вы найдете в пакете Novi Builder Pack?

Нет необходимости объяснять, почему плагины являются одним из жизненно важных аспектов любого инструмента для создания веб-сайтов. Конечно, если у вас уже есть качественный шаблон сайта, вы можете работать с его активами. Однако получение некоторых важных плагинов с вашим конструктором контента тоже кажется отличной идеей. Итак, какие плагины у вас будут с Novi Builder?

В среднем редактор поставляется с 20 плагинами. Они здесь.

Плагин №1 для фоновых изображений

Короче говоря, этот плагин позволяет вам изменять фоновое изображение элемента. Как и все другие плагины Novi, плагин Background Image очень прост в использовании. Можно поменять фон и крутить настройки в заминку.

Чтобы добавить свое изображение в качестве фона, просто дважды щелкните левой кнопкой мыши на целевом рисунке.

Чтобы узнать больше о возможностях вашей галереи мультимедиа, перейдите в галерею мультимедиа и откройте раздел функций. Вы также можете перейти по этой ссылке, чтобы прочитать подробную документацию о плагине Novi Background Image.

# 2 Плагин фона

Этот плагин Novi позволяет вам изменять цвет фона элемента. Это важный инструмент, потому что разные цветовые схемы могут легко повлиять на ваш сайт.

Имейте в виду, что цвет значка зависит от ранее выбранного тона.

Чтобы прочитать подробную документацию о плагине Novi Background, перейдите по этой ссылке.

# 3 Плагин изображений

Этот плагин Novi Builder позволяет заменять изображения. Чтобы добавить свое изображение, просто дважды щелкните левой кнопкой мыши на целевом изображении.

Чтобы узнать больше о возможностях плагина, перейдите в Медиа-галерею и откройте раздел функций. Также вы можете использовать эту ссылку, чтобы прочитать подробную документацию о плагине Novi Image.

# 4 Плагин Iframe

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

Чтобы узнать больше, откройте подробную документацию плагина Iframe.

# 5 Плагин Link

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

При работе с плагином Link имейте в виду, что:

• querySelector (по умолчанию установлен в «a [href]») - позволяет определить элемент, обрабатываемый плагином;
• applyToProjectElements (по умолчанию включено) - позволяет включить / отключить замену всех ссылок в проекте (включая пресеты и все страницы) при сохранении настроек плагина;
• favouriteLinks - позволяет настраивать ссылки на избранные проекты.

Давайте быстро взглянем на область управления плагинами. Вот что вам следует знать при работе с плагином Link. Тип ссылки позволяет выбрать тип ссылки для вставки. На выбор предлагается 3 типа ссылок:

• Страницы - где будут доступны все страницы проекта,
• Избранное - где будут отображаться все ссылки, указанные в настройках плагина,
• Пользовательский - где вы можете установить пользовательскую ссылку.

Также я должен добавить, что по умолчанию будет открыта вкладка Custom. Единственное исключение - это случай, когда ваша ссылка на выбранном элементе соответствует одной из страниц или избранной ссылке.

Чтобы узнать больше, ознакомьтесь с подробной документацией плагина Link.

# 6 Плагин Material Parallax

Для начала скажем пару слов о Parallax scrolling. Хотя эффект изначально создавался для использования в видеоиграх, Parallax по-прежнему остается на вершине тенденций веб-дизайна. Он создает захватывающую иллюзию глубины и движения. В результате вы можете направлять посетителей по содержанию вашего веб-сайта красивым и интерактивным способом.

Итак, этот плагин Novi Builder работает со скриптом Material Parallax. Он позволяет заменять исходные изображения, которые будут использоваться для Parallax. Ничего сложного не будет. Вы можете легко сделать это с помощью инструментов визуального редактирования. Кодирования не требуется!

Вот что вы увидите в области загрузки изображений:

• Выбрать файл - нажмите эту кнопку, чтобы выбрать нужное изображение.
• Загрузить фоновое изображение - нажмите эту кнопку, чтобы загрузить выбранное изображение.

Плагин # 7 Label

Этот плагин Novi Builder был создан для того, чтобы вы могли изменять метку поля формы.

# 8 Плагин обратного отсчета

Как вы, возможно, знаете, в наши дни таймер обратного отсчета - одна из самых полезных тенденций в веб-дизайне. Этот небольшой, но умный элемент позволяет продемонстрировать множество вещей в минималистичном стиле. Собственно, на сегодняшний день это самый удобный способ продемонстрировать любую важную информацию, и вот почему.

Человеческий мозг - странный и сложный механизм. Он распознает визуальные элементы быстрее, чем другие типы информации. Вот почему счетчики - это то, что вам нужно. Более того, наш мозг запоминает визуальную информацию в течение более длительного периода времени. С помощью счетчиков вы можете представить все выполненные вами проекты, показать, сколько у вас довольных клиентов или успешных идей и многое другое.

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

# 9 Плагин Google Map

Хотя в 2019 году вы можете увидеть его на любом веб-сайте, плагин карт по-прежнему стоит иметь. Современные перспективы привыкли к комфорту, поэтому ждут от вас онлайн-карт. Кроме того, используя карты Google для своего онлайн-проекта, вы делаете его еще более удобным для клиентов. В результате люди могут видеть, где находится ваш офис, и выбирать кратчайший путь к нему.

Novi Builder поставляется с плагином Google Maps, который позволяет визуально изменять настройки карт.

Вот что вы можете увидеть на панели настроек карты :

• используйте поле API Key, чтобы установить ключ API для использования Google Maps JavaScript API;
• Поле «Центр карты» для установки координат центра карты;
• Поле масштабирования для определения уровня масштабирования;
• Опция выбора стиля для выбора стиля карты;
• Значок маркера и Значок активного маркера выбирают параметры, чтобы установить маркер для состояния по умолчанию и активного состояния.

Вот что вы можете увидеть на панели настроек меток карты :

• Поле «Местоположение маркера» поможет вам установить местоположение маркера;
• используйте поле Marker Description, чтобы указать описание маркера; он будет отображаться в активном состоянии;
• используйте кнопку «Добавить маркер», чтобы добавить расположение маркера, и группу «Описание маркера» для добавления нового маркера.

# 10 Плагин иконок

Этот плагин Novi Builder поможет вам заменить значки, которые вы используете на веб-сайте.

Чтобы выбрать значок для вставки, дважды щелкните элемент левой кнопкой мыши.

# 11 Плагин Owl Carousel

Даже в 2019 году карусели по-прежнему в моде. Novi Builder поставляется с плагином Owl Carousel, который позволяет настраивать карусели, не касаясь ни единой строчки кода.

Вот что вы можете увидеть внутри панели настроек карусели:

1. Поле Visible Items поможет вам определить количество отображаемых элементов. Используя эту функцию, вы можете изменить количество видимых элементов в зависимости от размера экрана.
2. Поле «Отступ между элементами» поможет вам установить промежутки между элементами карусели. Используя эту функцию, вы можете изменять расстояние между элементами в зависимости от размера экрана.
3. Enable Loop Switcher поможет вам включить или отключить цикл карусели. Кстати, вы можете сделать это в режиме предварительного просмотра.
4. Переключатель автозапуска карусели поможет вам включить или отключить автозапуск карусели. Он также имеет режим предварительного просмотра.
5. Поле Carousel Autoplay Delay поможет вам установить скользящую задержку.

# 12 Плагин Campaign Monitor

Этот плагин Novi Builder поможет вам настроить форму для работы со службой Campaign Monitor.

Вот что вы можете увидеть внутри области конфигурации формы:

• Поле URL-адреса регистрации монитора кампании определяет действие формы;
• Поле имени входа монитора кампании определяет значение атрибута имени поля ввода.

# 13 Плагин MailChimp

Излишне говорить, что подписка на новостную рассылку по-прежнему является обязательной частью любого онлайн-проекта. Почему? Ну, потому что именно так вы можете быстро расширить аудиторию веб-сайта и удерживать людей, не исчерпывая бюджета.

Итак, этот плагин Novi Builder позволяет настроить работу с сервисом MailChimp.

# 14 Плагин RD Mailform

Как и предыдущий инструмент, этот плагин Novi Builder позволяет работать с RD Mailform с помощью визуального редактирования.

# 15 RD Instagram Feed и # 16 RD Twitter Feed Plugins

Эти плагины Novi Builder были созданы для повышения активности в социальных сетях. Если вы собираетесь получить некоторый социальный трафик, не упустите эти активы. Оба плагина просты в использовании и позволяют настраивать каналы Instagram и Twitter с помощью инструментов визуального редактирования.

# 17 Плагин Camera Slider

Это еще один обязательный плагин, который вам предоставляет Novi Builder. Ресурс позволяет легко настроить слайдер камеры.

# 18 Плагин Swiper Slider

Этот плагин Novi Builder позволяет настроить Swiper Slider на свой вкус.

Вот что вы можете увидеть в области загрузки изображений :

• Выбор кнопки «Файл» поможет вам выбрать изображение;
• Кнопка «Загрузить фоновое изображение» позволяет загрузить выбранное изображение.

Вот что вы можете увидеть внутри области выбора изображения :

• Чтобы добавить изображение, вам нужно будет дважды щелкнуть левой кнопкой мыши на целевом изображении.

Вот что вы можете увидеть внутри области кадрирования изображения :

• Используйте настройку «Сохранить исходное соотношение сторон», чтобы сохранить соотношение сторон исходного изображения.

# 19 Плагин для видео

Используйте этот плагин Novi Builder, чтобы настроить визуальную витрину.

# 20 Плагин Light Gallery

Используйте этот плагин Novi Builder для настройки Light Gallery с помощью визуальных инструментов.

Вот что вы можете увидеть в области настроек галереи :

• Gallery Slide Animation позволяет настраивать анимацию перехода элементов галереи;
• Переключатель миниатюр поможет вам включить или отключить предварительную демонстрацию элементов галереи;
• Переключатель цикла поможет вам включить или отключить циклическое воспроизведение элементов галереи;
• Переключатель автовоспроизведения поможет вам включить или отключить автовоспроизведение элементов галереи;
• Поле «Задержка автозапуска галереи» позволяет настроить время задержки элемента.

Итак, это были все плагины, которые поставляются с Novi Builder. Подводя итог, вот что вы получите.

Основные возможности работы с Novi Builder

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

• редактировать контент вашего сайта в режиме реального времени;
• импортировать различные темы HTML в конструктор, если вы их уже приобрели;
• копировать, вставлять, заменять и удалять любую функцию, параметр или компонент веб-дизайна;
• использовать различные блоки свежего контента, которые являются заранее разработанными элементами для выбранной темы;
• настройте названные элементы на свой вкус всего в несколько кликов;
• управлять собственной медиатекой, чтобы разместить в ней видео и изображения, которые будут использоваться в различных разделах вашего онлайн-проекта;
• редактировать тексты,
• редактировать URL-адреса,
• создавать и редактировать фоны и все детали, включая градиенты, цвета и изображения;
• работать с читаемыми и на 100% удобными для восприятия веб-шрифтами (есть новая коллекция шрифтов Google)
• работать с иконками, включенными в вашу тему;
• при необходимости загрузите новые иконки и отредактируйте их так, как хотите;
• попробуйте поработать с редактором кода Novi IDE, если вы собираетесь играть с кодом CSS, HTML и JS;
• добавьте привлекательный слайдер в дизайн своего сайта,
• используйте впечатляющий эффект Parallax,
• создавать контактные формы,
• добавить Google Maps,
• создавайте элегантные карусели для улучшения визуального контента и т. д.

Излишне говорить, что это были лишь некоторые из них! Фактически, Novi Builder содержит множество удивительных элементов дизайна, которые обогатят ваш сайт.

Вопросы и ответы от потенциальных новичков

Пришло время ответить на самые популярные вопросы о работе с Novi Builder.

Поддерживает ли Novi Builder разные браузеры?

Да. Кроме того, он регулярно тестируется в самых популярных браузерах: Safari и Google Chrome.

Смогу ли я использовать Novi Builder и его шаблоны для различных онлайн-проектов?

Начнем с того, что вы можете запускать неограниченное количество различных сайтов с помощью конструктора. Таким образом, да, вы, безусловно, можете использовать Novi Builder для разных сайтов.

Может ли кто-нибудь купить Novi Builder на сторонних сайтах?

В принципе, купить Novi Builder можно на других сайтах. Однако имейте в виду, что бесплатного членства вы не получите. Это будет невозможно даже в том случае, если вы совершили покупку на стороннем сайте.

Могу ли я перенести свой веб-сайт на основе HTML в Novi Builder?

Как я уже сказал выше, вы можете перенести существующий сайт в Novi Builder без потери его содержимого.

Как я буду получать обновления?

Вы получите их автоматически, как только будут выпущены обновления. Кроме того, вы можете скачать новейшие HTML-шаблоны в разделе «Загрузки» вашего личного кабинета.

Смогу ли я получить возмещение?

Да, работая с Novi Builder, вы можете получить полный возврат средств. Это касается любого из планов членства редактора. Вы можете получить возврат в течение 30 дней после покупки.

Могу ли я продавать шаблоны, созданные с помощью Novi Builder?

Да, ты можешь! Конструктор создан для дизайнеров и разработчиков. Просто выберите план разработчика. Он дает вам лицензию на создание и продажу шаблонов, поддерживаемых Novi Builder. Вы можете продавать их на любых сторонних торговых площадках.

Можно ли использовать шаблон Novi Builder для моих сайтов без изменения дизайна?

Ответ положительный. Вы можете управлять несколькими веб-сайтами, созданными с помощью тем Novi Builder, и вам не нужно менять дизайн, если вы этого не хотите.

Последние мысли

Подводя итог, я бы сказал, что Novi Builder предоставляет своим пользователям отличные и тщательно продуманные HTML-шаблоны. Они разработаны заранее и могут использоваться людьми любого уровня подготовки. Однако темы полностью редактируемы и имеют открытый исходный код. Таким образом, приобретая подписку, вы получаете доступ к богатой коллекции различных шаблонов веб-сайтов, плагинов и других элементов контента. Излишне говорить, что скоро появятся еще несколько компонентов пользовательского интерфейса. Novi Builder регулярно получает обновления, которые устанавливаются автоматически. Это означает, что у вас всегда будет выбор из модных вещей.

Когда дело доходит до таких бизнес-ниш, как веб-дизайн или веб-разработка, Novi Builder просто необходимо посетить! Только представьте, сколько онлайн-проектов вы можете запустить для своих клиентов с помощью редактора. В общем, никаких ограничений нет!

В завершение давайте сравним Novi Builder со стандартным HTML Page Builder.

What about your choice of website builder? Don't hesitate to leave a comment below.