Como executar um site HTML com o Novi HTML Website Builder

Quando se trata de construção de sites em 2019, não há necessidade de lidar com codificação. Tenho certeza que você já sabe tudo e mais alguma coisa sobre os diferentes produtos digitais prontos. Hoje em dia, você pode facilmente ter tudo pré-projetado e pré-embalado para você. Por essas razões simples, existem tantos sites atraentes. As pessoas estão procurando novas maneiras de se destacar da multidão. É por isso que a quantidade de novos temas de sites responsivos, plug-ins, ativos e tendências de web design aumenta o tempo todo.

Porém, quando algo é novo, não significa que este produto seja 100% digno de sua atenção. Então, como você escolhe seu único item? Neste post, estou prestes a ajudá-lo na tomada de decisão final. Em um dos posts anteriores, mostrei como fazer um site em WordPress. Como o nome do post já diz, hoje estarei analisando um dos 5 melhores construtores de sites - Novi Builder .

Caso prefira trabalhar com HTML, você definitivamente já ouviu esse nome antes, já que o Novi Builder vem com todos os modelos modernos de HTML responsivos. Então, quais são as principais vantagens de trabalhar com o editor e quais são as desvantagens? Fique atento para descobrir todas as coisas cruciais sobre o construtor de páginas mais útil para HTML .

A história do Novi Builder

Experimente Novi

Por tradição, antes de começarmos, daremos uma olhada rápida na história desse construtor visual de HTML. O primeiro lançamento do Novi Builder ocorreu há 3 anos, em 2016. Para encurtar a história, a equipe da Novi projetou o editor com 3 características principais em mente:

• um mecanismo de trabalho absolutamente amigável ao criador,
• uma interface 100% intuitiva,
• e, obviamente, a mais nova tecnologia de arrastar e soltar.

Você se lembra de como a edição de sites costumava ser em 2016? Era basicamente enfadonho e continha apenas recursos essenciais. No entanto, o progresso digital nunca parou, então havia inúmeras opções vogais e elementos de design de web estilosos em uso. Vendo isso, os criadores do Novi Builder decidiram adicionar todas essas coisas ao pacote do editor. Eles adicionaram tantas tendências de web design quanto possível naquela época. Se algo era dominante no mercado digital, já estava dentro do pacote da Novi.

Por outro lado, adicionar apenas recursos populares não era suficiente. Portanto, a equipe Novi continuou pesquisando. Como todas as empresas inteligentes fazem, elas queriam estudar o público para descobrir as necessidades dos clientes em potencial. A pesquisa mostrou que, antes de tudo, as pessoas buscavam conforto.

Como resultado, logo o Novi Builder permitiu que os usuários online:

• crie layouts limpos e bem estruturados sem tocar em uma única linha de código,
• trabalhar com tecnologia de arrastar e soltar,
• acelerar o processo de construção do site,
• e projetar o site com diferentes componentes de interface do usuário de boa aparência.

Embora hoje seja difícil surpreender um usuário com a tecnologia arrastar e soltar, em 2016 foi uma verdadeira maravilha. Além disso, não se esqueça de que, naquela época, o único editor de conteúdo útil que oferecia a funcionalidade de arrastar e soltar era o Elementor. Ele veio com todos os recursos necessários, mas foi feito apenas para projetos online baseados em WordPress. Ao mesmo tempo, HTML nunca foi a coisa mais fácil de se trabalhar quando você não é um técnico.

Depois de uma pesquisa longa e detalhada, a tecnologia de arrastar e soltar que o Novi Builder usou também foi aprimorada. Como resultado, as pessoas puderam criar novas páginas online e editar seus sites simplesmente arrastando os elementos de design escolhidos e soltando-os na janela do editor.

O público levou apenas alguns meses para se acostumar com o Novi Builder. Logo se tornou popular. Não é preciso dizer que muitas atualizações foram feitas para o editor. Um ano depois, os criadores apresentaram a primeira versão clássica do Novi Builder. Desde então, continuou recebendo atualizações regulares que incluem várias opções, tendências de web design e muitos instrumentos adicionais.

Resumindo, o Novi Builder não apenas acelerou o processo de construção do site, mas também trouxe muitas novas possibilidades para iniciantes que queriam trabalhar com HTML. Com ele, as pessoas finalmente puderam projetar seus sites não apenas da maneira que podem, mas da maneira que desejam. Assim que o Novi Builder foi lançado, a edição de sites em HTML tornou-se uma coisa fácil de usar. É por isso que foi eleito o melhor construtor visual de sites para HTML.

De volta ao presente

Hoje, o Novi Builder é considerado o melhor editor de arrastar e soltar para HTML. Resumindo, o construtor promove o processo de trabalho e o torna simples para usuários de qualquer nível de habilidade. Trabalhando com o Novi Builder, você pode criar rapidamente novas páginas online usando vários blocos de conteúdo pré-concebidos.

Além do mais, também permite que você edite o conteúdo do site ao vivo. Esta etapa é muito importante para qualquer iniciante porque é assim que você pode evitar cometer erros comuns ao criar seus projetos.

Você gostaria de ver como o editor funciona em ação? Você pode tentar trabalhar com o Novi Builder executando sua demonstração. Basta seguir o link para abrir uma versão demo gratuita do editor.

Para quais modelos de negócios o Novi Builder é adequado?

Outra coisa que você deve saber sobre o Novi Builder é que ele é uma plataforma online B2B / B2C . O que isso significa? Vamos ver.

1. B2B, que significa business-to-business. Na internet, também é conhecido como e-biz. B2B é a troca de produtos, serviços, itens ou mesmo informações entre diferentes negócios. Quando se trata do Novi Builder, o B2B está conectado com usuários que utilizam seus próprios modelos de site para fornecer serviços diferentes. Os últimos estão principalmente relacionados a nichos de negócios, como web design, desenvolvimento web, eCommerce ou email marketing.
2. B2C, que significa business-to-customer. Nesse caso, a conexão se refere às transações realizadas entre uma empresa e seus clientes diretamente. Aqui, o cliente é o usuário final que usa os produtos da empresa. Por falar no Novi Builder, o B2C está conectado aos usuários finais que já têm seus sites lançados. Esses usuários podem comprar qualquer modelo (s) HTML que desejarem e importar o (s) site (s) existente (s). Graças ao Novi Builder, isso é possível sem perder o conteúdo do site. Você pode editá-lo com a tecnologia arrastar e soltar e estilizá-lo com vários recursos pré-embalados.

Como você pode ver, o modelo B2C é significativamente diferente do modelo B2B. O último refere-se à conexão comercial entre 2 ou mais negócios quando o B2C é apenas cerca de 1 negócio. Seja o que for que você vá usar, o Novi Builder é adequado para ambos os modelos de negócios.

Quais instrumentos o Novi Builder possui para o modelo B2C?

Como este construtor visual de HTML o ajudará com o B2C? Como todas as ferramentas de qualidade, o Novi Builder foi feito com a estratégia de negócios em mente. Como resultado, o editor vem com vários instrumentos voltados para o usuário final. Abaixo você pode ver os 5 principais recursos para trabalhar.

Gerenciamento de páginas

Comecemos pelo princípio: o Novi Builder fornece ao seu proprietário um gerenciador de páginas confortável. Usando este recurso, você pode:

• criar páginas,
• deletar páginas,
• editar páginas,
• e gerenciar suas configurações.

Para dizer mais, você pode fazer tudo isso com um único clique! A propósito, existem algumas ações adicionais que você pode executar ao trabalhar com o Page Manager. Como você os alcança? Bem, você simplesmente precisa usar o menu de contexto que está localizado no topo da página com a qual você vai trabalhar.

3 modos diferentes para as tarefas principais

Assim que você abrir o Novi Builder , verá que ele oferece diferentes modos para diferentes tarefas. Existem 3 modos que foram criados para as tarefas principais:

• Pré-visualizar,
• Editando,
• e projetando.

Modo de pré-visualização

Permite que você veja os resultados rápidos de sua edição. Desnecessário dizer que a visualização é um aspecto importante de qualquer projeto online. E se torna ainda mais importante se estivermos falando sobre o seu primeiro site. Basta usar essas opções para verificar novamente o seu design e descobrir se ele requer alterações adicionais.

Modo de edição

Este é o modo que ajuda você a editar diferentes tipos de conteúdo. A lista inclui coisas como:

• Texto:% s,
• ícones,
• botões e muito mais.

Modo Design

Em terceiro lugar, você tem o Modo Design . Ele fornece acesso ao código do site. Não é necessário trabalhar com a fonte, mas caso você queira melhorar suas habilidades de codificação, o Modo Design é exatamente o que o médico receitou.

Experimente Novi

Ferramentas de desenvolvimento

Como esperado, Novi Builder contém muitas ferramentas de desenvolvedor em seu pacote. Com ele, você poderá obter uma nova experiência de construção de sites ao trabalhar com editores de HTML, CSS e JS. Obviamente, você pode editar o código-fonte da maneira que desejar.

Entre todos os recursos, gostaria de destacar o Preset Manager. Essa coisa legal vai te ajudar a avançar no processo de edição. Para encurtar a história, o gerenciador permite que você crie novos presets manualmente e os salve na biblioteca. Tudo é tão simples quanto ABC. Aqui está o que você deve fazer:

• escolha o elemento de conteúdo necessário,
• selecione-o na área de trabalho,
• salve-o clicando no botão Salvar como predefinição localizado no menu de contexto.

Agora você pode usar novas predefinições assim que precisar criar novas páginas online. Simplesmente arraste e solte a predefinição na janela do editor da maneira como você faz com outros componentes da IU.

Publicação Instantânea

Para começar, quem já quis administrar um site sabe que, para ter sucesso, você deve sempre manter seu projeto online atualizado. É por isso que você precisará do recurso de publicação instantânea.

Como você pode ver na captura de tela abaixo, há um botão azul claro Publicar Site no canto superior direito. Ao pressionar o botão, você publicará o site direto no servidor. Além disso, você também verá as opções de caminho de publicação e configuração .

Mais recursos

Para terminar, quero mostrar a você mais alguns recursos básicos que você definitivamente procurará assim que fizer o download do Novi Builder.

A opção Alterar resolução permite que o proprietário do site altere o tamanho do espaço de trabalho.

Pressione Configurações se quiser acessar as configurações do site ou de suas páginas.

Ao clicar no botão Download Template , você pode baixar o tema do site. Esta etapa é obrigatória para desenvolvedores que precisam fornecer aos clientes seus sites ou testar esses projetos em outros dispositivos.

Membro Novi

Aqui está outro ponto que definitivamente requer sua atenção! Você gostaria de começar a trabalhar com o Novi Builder? O fato é que, para começar a usar o editor, você precisará adquirir uma assinatura Novi.

Quais componentes serão incluídos na associação? Aqui estão eles.

1. Em primeiro lugar, você obterá o Novi Builder.
2. Em segundo lugar, você obterá alguns modelos HTML de qualidade que foram profissionalmente projetados e pré-embalados para diferentes nichos de negócios.
3. Em terceiro lugar, você também obterá alguns plug-ins indispensáveis. Por exemplo, existem ferramentas como plug-ins de mídia social, plug-in de formulário de contato, controles deslizantes, contagem regressiva, Google Maps e muito mais!

Resumindo, ao adquirir uma assinatura Novi, você terá acesso a todos os modelos, plug-ins, ativos e elementos de design da web existentes. Além disso, você tem acesso automático aos itens que serão criados pela equipe Novi no futuro. Sem dúvida, é um must-have para web designers e desenvolvedores.

Existem 3 associações diferentes para escolher. Como sempre, sua escolha depende de suas necessidades.

1. A assinatura inicial custará US $ 29 por ano.
2. A associação avançada custará US $ 49 por ano.
3. A associação de desenvolvedor custará $ 149 por ano.

Confira a tela abaixo para saber quais opções cada pacote inclui.

Experimente Novi

Como você deve saber, muitos construtores de sites populares (por exemplo, Elementor Page Builder para WordPress) podem ser baixados gratuitamente. Quando se trata do Novi Builder, você precisa comprar pelo menos o plano de US $ 29 para usar o editor. Parece que essa é a maior desvantagem de trabalhar com o Novi Builder. No entanto, quando se trata de um processo de construção de site confortável e fácil de usar, US $ 29 não é grande coisa, não é?

A propósito, todas as transações são seguras. Aqui estão as opções de pagamento à sua escolha:

Além disso, você pode cancelar sua assinatura do Novi Builder sempre que desejar. É um processo rápido e simples.

Então, agora que você está familiarizado com todos os detalhes principais, é hora de dar uma olhada mais de perto no Novi Builder. Vamos começar com a interface do editor.

Use este link para ler sobre as 5 principais opções de software gratuito para construção de sites que você possui.

Interface Novi

Para começar, aqui está o que você vê ao abrir a interface Novi:

• Painel principal
• Alternador de modos Novi
• Page Manager
• Menu principal
• Área do Editor Visual
• Barra de ferramentas do desenvolvedor

Estas são as suas opções ao trabalhar com páginas:

1. Gatilho do gerenciador de página
2. Filtro de pesquisa de páginas
3. Adicionando uma página
4. Lista de páginas existentes

E aqui está o que você verá na barra de ferramentas do desenvolvedor:

1. Área de ferramentas de desenvolvedores
2. Editor de código HTML
3. Editor de código CSS
4. Editor de código JS
5. Gerenciador de predefinições
6. Gerenciador de plugins

Quais são os requisitos do sistema?

Antes de passarmos para a instalação, vamos verificar se o seu sistema atende aos requisitos necessários. Aqui está o que você precisa para se sentir confortável para trabalhar com o Novi Builder:

• Navegador : Chrome 50+ ou Safari 10+;
• 4 GB de RAM ou mais;
• exibir com min. resolução de 1024 x 768;
• CPU com clock mínimo de 1GHz;
• teclado e mouse,
• e a velocidade mínima da sua conexão de rede deve ser de 1 Mbps.

Como instalar o Novi Builder?

Como sempre, os criadores do construtor prometeram que a instalação será rápida e fácil. No entanto, em 2019, os usuários online se acostumaram aos longos manuais e aos requisitos intermináveis. Portanto, vamos ver como você pode instalar o Novi Builder.

Para instalar o Novi Builder em um servidor local , siga meu guia.

1. Em primeiro lugar, você precisará baixar o software (por exemplo, WAMP, XAMP ou MAMP) para iniciar o servidor local.
2. Em segundo lugar, você precisará verificar os requisitos do seu servidor web e configurar o servidor de acordo com eles.
3. Em terceiro lugar, você precisará descompactar o arquivo com o Novi Builder compactado. Assim que terminar, coloque o conteúdo em um dos diretórios do servidor. Será semelhante ao nome do seu disco / mamp / www / novi /.
4. Por último, você precisará iniciar o construtor. Haverá o link correspondente. Basta clicar nele.

Para instalar o Novi Builder em um servidor remoto , siga as próximas etapas.

1. Antes de mais nada, para instalar o editor em um servidor remoto, você também precisará verificar os requisitos do servidor web. Sim, você não pode evitar essa etapa de qualquer maneira.
2. Quando terminar com os requisitos, baixe o software que permite trabalhar com FTP. Hoje, os mais populares são Total Commander 7 e FileZilla.
3. Em seguida, instale o software baixado.
4. Agora você precisará descompactar o arquivo Novi Builder e fazer o upload do construtor para o seu servidor de hospedagem. A seguir, mostrarei essa etapa usando o Total Commander como exemplo.
5. Salve as alterações.

Então, aqui está como você pode fazer o upload do Novi Builder para o seu servidor de hospedagem com a ajuda do Total Commander .

Para estabelecer a conexão com seu servidor, você precisará:

• navegue até a guia NET e, em seguida, conecte-se ao FTP,
• clique no botão Nova conexão,
• preencha os campos correspondentes para especificar os dados do provedor de hospedagem.

O campo será:

• Sessão - você deve colocar aqui o nome da sua conexão; (qualquer nome que você quiser será adequado)
• Hosting Name - coloque aqui seu nome de usuário e senha.

Em seguida, pressione o botão OK .

Para fazer upload dos arquivos necessários para o servidor , siga estas etapas:

• navegue até a guia NET e, em seguida, conecte-se ao FTP,
• selecione o nome de usuário que você criou anteriormente (você precisará do campo Sessão)
• pressione Conectar,
• copie o conteúdo do seu arquivo Novi Builder,
• navegue até o diretório raiz do nome de domínio padrão que você usa,
• cole o conteúdo do arquivo do construtor que você copiou e pronto!

Novi Builder e Autorização

Como você deve saber a partir da versão 0.9.0, o Novi Builder oferece suporte total à proteção por senha . É por isso que, para abrir a interface Novi, você precisará inserir uma senha. Por padrão, é 'Novi'. Obviamente, você deve alterá-lo para tornar a construção de sites mais segura.

É assim que você chega lá.

1. Interruptor de configurações de segurança.
2. Aqui você precisará inserir a senha padrão.
3. Use esta opção para habilitar ou desabilitar a autorização do usuário. Lembre-se de que, para aplicar novas alterações, você precisará inserir o passe.
4. Use esta opção para habilitar ou desabilitar o modo de demonstração.
5. Aqui é onde você deve inserir sua nova senha.

Para desativar o login por meio de senha , siga estas etapas:

• vá para o menu principal do Novi Builder,
• abra as configurações de segurança,
• Digite sua senha atual,
• encontre a opção Habilitar Autorização de Senha e desabilite-a,
• salvar as alterações realizadas.

Para alterar a senha , siga estas etapas:

• vá para o menu principal do Novi Builder,
• abra as configurações de segurança,
• vá para a guia Alterar senha,
• insira seu passe atual,
• insira seu novo passe,
• salvar as alterações realizadas.

Para redefinir a senha , siga estas etapas:

• vá para builder / php / session.php,
• escreva na linha: '$ currentPassword = “senha”.'

Por fim, ao trabalhar com o Novi Builder, lembre-se de que :

• você não precisará autorizar quando o modo de demonstração estiver ativado,
• você não precisará passar a autorização quando ela estiver desativada,
• ao criar o novo passe em vez do padrão, você reduz os riscos de segurança.

Quais plug-ins você encontrará no Novi Builder Pack?

Não há necessidade de explicar por que os plug-ins são um dos aspectos vitais de qualquer ferramenta de construção de site. Certamente, caso você já tenha um template de site de alta qualidade, você pode trabalhar com seus ativos. No entanto, obter alguns plug-ins essenciais com seu criador de conteúdo também parece uma ótima ideia. Então, quais plug-ins você terá com o Novi Builder?

Em média, o editor vem com 20 plugins. Aqui estão eles.

Plug-in de imagem de fundo nº 1

Para encurtar a história, este plugin permite que você altere a imagem de fundo do item. Como todos os outros plugins Novi, o plugin Background Image é super fácil de usar. Você pode alterar o plano de fundo e torcer as configurações em um engate.

Para adicionar sua imagem para um plano de fundo, basta clicar duas vezes com o botão esquerdo do mouse na imagem alvo.

Para saber mais sobre os recursos de sua galeria de mídia, vá para Galeria de mídia e abra a seção de recursos. Você também pode seguir este link para ler a documentação detalhada sobre o plugin Novi Background Image.

# 2 Background Plugin

Este plugin Novi permite que você altere a cor de fundo de um elemento. Esta é uma ferramenta importante porque diferentes esquemas de cores podem afetar facilmente o seu site.

Lembre-se de que a cor do ícone depende do tom que você escolheu anteriormente.

Para ler a documentação detalhada sobre o plugin Novi Background, siga este link.

# 3 Image Plugin

Este plugin Novi Builder permite substituir as imagens. Para adicionar sua imagem, basta clicar duas vezes com o botão esquerdo do mouse na imagem alvo.

Para saber mais sobre as possibilidades do plugin, acesse a Galeria de mídia e abra a seção de recursos. Além disso, você pode usar este link para ler a documentação detalhada sobre o plug-in de imagem Novi.

# 4 Plugin Iframe

Este plugin permite que você escolha o recurso onde seu conteúdo será exibido dentro de um quadro.

Para ler mais, abra a documentação detalhada do plugin Iframe.

# 5 Link Plugin

Como o nome do ativo diz, este item permite que você altere o link.

Ao trabalhar com o plug-in Link, lembre-se de que:

• querySelector (por padrão é definido como “a [href]”) - permite que você defina o item processado pelo plugin;
• applyToProjectElements (habilitado por padrão) - permite habilitar / desabilitar a substituição de todos os links no projeto (incluindo predefinições e todas as páginas) ao salvar as configurações do plugin;
• favoriteLinks - permite configurar links de projetos favoritos.

Vamos dar uma olhada rápida na área de gerenciamento de plug-ins. Aqui está o que você deve saber ao trabalhar com o plugin Link. Tipo de link permite que você selecione um tipo de link para inserção. Existem 3 tipos de link para escolher:

• Páginas - onde todas as páginas do projeto estarão disponíveis,
• Favoritos - onde todos os links indicados nas configurações do plug-in serão exibidos,
• Personalizado - onde você pode definir um link personalizado.

Além disso, devo acrescentar que, por padrão, a guia Personalizado será aberta. A única exceção é o caso quando o seu link em um elemento escolhido corresponde a uma das páginas ou a um link favorito.

Para ler mais, verifique a documentação detalhada do plugin Link.

# 6 Plug-in de paralaxe de material

Para começar, digamos algumas palavras sobre a rolagem paralaxe. Embora o efeito tenha sido originalmente criado para ser usado em videogames, o Parallax ainda está no topo das tendências de web design. Ele cria uma ilusão de profundidade e movimento que chama a atenção. Como resultado, você pode guiar os visitantes pelo conteúdo do seu site de uma forma bonita e interativa.

Portanto, este plugin Novi Builder funciona com o script Material Parallax. Ele permite que você substitua as imagens de origem que serão usadas para o Parallax. Não haverá nada complicado. Você pode fazer isso facilmente por meio de ferramentas de edição visual. Nenhuma codificação necessária!

Aqui está o que você verá na área de Upload de imagens:

• Escolher arquivo - pressione este botão para selecionar a imagem necessária.
• Carregar imagem de fundo - pressione este botão para carregar a imagem que você selecionou.

# 7 Label Plugin

Este plugin Novi Builder foi feito para permitir que você altere o rótulo do campo do formulário.

# 8 Countdown Plugin

Como você deve saber, hoje em dia, o cronômetro de contagem regressiva está entre as tendências mais úteis de web design. Este elemento pequeno, mas inteligente, permite que você exiba muitas coisas de uma forma minimalista. Na verdade, por hoje, é a maneira mais confortável de apresentar qualquer informação importante, e aqui está o porquê.

O cérebro humano é um mecanismo estranho e complicado. Ele reconhece os elementos visuais mais rapidamente do que outros tipos de informação. É por isso que os contadores são essenciais. Para dizer mais, nosso cérebro se lembra de informações visuais por um longo período de tempo. Com a ajuda de contadores, você pode apresentar todos os projetos que concluiu, mostrar quantos clientes satisfeitos ou ideias de sucesso você tem e muito mais.

Então, quando se trata de cronômetros de contagem regressiva, eles permitem que você destaque as informações ou eventos necessários. Por exemplo, você pode usar o cronômetro para mostrar quantas horas um cliente tem até o início de uma venda ou o final de uma oferta especial.

# 9 Google Map Plugin

Embora em 2019 você possa vê-lo em qualquer site, o plugin de mapas ainda é uma coisa legal de se ter. Os clientes em potencial modernos se acostumaram ao conforto, por isso esperam que você forneça mapas online. Além disso, ao usar o Google Maps para o seu projeto online, você o torna ainda mais amigável. Como resultado, as pessoas podem ver onde seu escritório está localizado e escolher o caminho mais curto até lá.

Novi Builder vem com o plugin do Google Maps que permite que você altere as configurações dos mapas visualmente.

Aqui está o que você pode ver dentro do painel de configurações do mapa :

• use o campo Chave de API para definir a chave de API para usar a API JavaScript do Google Maps;
• Campo Centro do mapa para definir as coordenadas do centro do mapa;
• Campo de zoom para definir o nível de zoom;
• Opção de seleção de estilo para escolher o estilo do mapa;
• Ícone de marcador e Ícone de marcador ativo selecionam opções para definir o marcador para os estados padrão e ativo.

Aqui está o que você pode ver dentro do painel de configurações dos pinos do mapa :

• O campo Localização do marcador ajudará você a definir a localização do marcador;
• use o campo Descrição do marcador para especificar a descrição do marcador; será mostrado no estado ativo;
• use o botão Adicionar marcador para adicionar a localização do marcador e o grupo Descrição do marcador para adicionar o novo marcador.

# 10 Icons Plugin

Este plugin Novi Builder irá ajudá-lo a substituir os ícones que você usa no site.

Para escolher o ícone para colar, clique duas vezes no item com o botão esquerdo do mouse.

# 11 Owl Carousel Plugin

Mesmo em 2019, os carrosséis ainda estão em voga. O Novi Builder vem com o plugin Owl Carousel que permite configurar carrosséis sem tocar em uma única linha de código.

Aqui está o que você pode ver dentro do painel de configurações do carrossel:

1. O campo Itens visíveis o ajudará a definir o número de itens a serem exibidos. Usando o recurso, você pode fazer o número de itens visíveis mudar dependendo do tamanho da tela.
2. O campo Recuar entre itens ajudará você a definir os espaços entre os itens do carrossel. Usando o recurso, você pode fazer a distância entre os itens variar dependendo do tamanho da tela.
3. Enable Loop Switcher ajudará você a habilitar ou desabilitar o loop do carrossel. A propósito, você pode fazer isso no modo de visualização.
4. O alternador de reprodução automática do carrossel ajudará você a ativar ou desativar a reprodução automática do carrossel. Ele também vem com modo de visualização.
5. O campo Carousel Autoplay Delay o ajudará a definir o atraso de deslizamento.

# 12 Plug-in do Campaign Monitor

Este plug-in Novi Builder ajudará você a configurar o formulário para funcionar com o serviço Campaign Monitor.

Aqui está o que você pode ver dentro da área de configuração do formulário:

• O campo URL de inscrição do Campaign Monitor define a ação do formulário;
• O campo Nome de entrada do Campaign Monitor define o valor do atributo de nome do campo de entrada.

# 13 MailChimp Plugin

Nem é preciso dizer que a assinatura do boletim informativo ainda é um item obrigatório para qualquer projeto online. Porque? Bem, porque é assim que você pode aumentar rapidamente a audiência do site e manter as pessoas engajadas sem ficar sem orçamento.

Portanto, este plugin Novi Builder permite configurar o trabalho com o serviço MailChimp.

# 14 RD Mailform Plugin

Da mesma forma que a ferramenta anterior, este plugin Novi Builder permite que você trabalhe com RD Mailform usando edição visual.

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

Esses plug-ins do Novi Builder foram feitos para aumentar a atividade nas redes sociais. Caso você deseje obter algum tráfego social, não perca esses ativos. Ambos os plug-ins são fáceis de usar e permitem que você configure feeds do Instagram e do Twitter com as ferramentas de edição visual.

# 17 Camera Slider Plugin

Este é outro plugin obrigatório que o Novi Builder oferece. O ativo permite que você configure o controle deslizante da câmera sem esforço.

# 18 Swiper Slider Plugin

Este plugin Novi Builder permite que você configure o Swiper Slider de acordo com o seu gosto.

Aqui está o que você pode ver dentro da área de upload de imagens :

• Escolher o botão Arquivo ajudará você a selecionar uma imagem;
• O botão Carregar imagem de fundo permite que você carregue a imagem selecionada.

Aqui está o que você pode ver dentro da área de Seleção de Imagens :

• Para adicionar uma imagem, você precisará clicar duas vezes com o botão esquerdo do mouse na imagem alvo.

Aqui está o que você pode ver dentro da área de corte de imagem :

• Use a configuração Manter proporção do aspecto do original para preservar a proporção da imagem original.

# 19 Video Plugin

Use este plug-in Novi Builder para configurar sua apresentação visual.

# 20 Light Gallery Plugin

Use este plugin Novi Builder para configurar Light Gallery usando ferramentas visuais.

Aqui está o que você pode ver dentro da área de Configurações da Galeria :

• A animação de slides da galeria permite ajustar a animação da transição dos itens da galeria;
• O alternador de miniaturas o ajudará a habilitar ou desabilitar a demonstração de visualização de itens da galeria;
• O alternador de loop ajudará você a habilitar ou desabilitar o loop de itens da galeria;
• O alternador de reprodução automática o ajudará a habilitar ou desabilitar a reprodução automática de itens da galeria;
• O campo Gallery Autoplay Delay permite configurar o tempo de atraso do item.

Então, esses foram todos os plug-ins que vêm com o Novi Builder. Para resumir tudo, aqui está o que você obtém.

Principais possibilidades de trabalhar com Novi Builder

Agora você sabe como funciona o Novi Builder. Para resumir tudo, aqui estão as ações que você pode executar facilmente ao trabalhar com o editor. Então, você será capaz de:

• edite o conteúdo do seu site em modo ao vivo;
• importe diferentes temas HTML para o construtor, caso você já tenha comprado alguns;
• copiar, inserir, substituir e remover qualquer recurso, opção ou componente de design da web;
• usar vários blocos de conteúdo novos que vêm como elementos pré-concebidos para o tema escolhido;
• configure os elementos nomeados de acordo com seu gosto pessoal com apenas alguns cliques;
• gerencie sua própria biblioteca de mídia para colocar alguns vídeos e imagens que serão usados ​​em diferentes seções de seu projeto online;
• editar textos,
• editar URLs,
• criar e editar fundos e todos os detalhes, incluindo gradientes, cores e imagens;
• trabalhe com fontes da web legíveis e 100% amigáveis ​​aos olhos (há uma nova coleção de fontes do Google)
• trabalhe com os ícones incluídos em seu tema;
• carregue novos ícones se necessário e edite-os da maneira que desejar;
• tente trabalhar com o editor de código Novi IDE caso você vá brincar com código CSS, HTML e JS;
• adicione um controle deslizante atraente ao design do seu site,
• use efeito de paralaxe impressionante,
• criar formulários de contato,
• adicione o Google Maps,
• construa carrosséis elegantes para melhorar seu conteúdo visual, etc.

Escusado será dizer que estes foram apenas para citar alguns! Na verdade, o Novi Builder vem com vários elementos de design incríveis para enriquecer o seu site.

Perguntas e respostas do usuário do candidato a Novi

Agora é hora de responder às perguntas mais populares sobre como trabalhar com o Novi Builder.

O Novi Builder oferece suporte a navegadores diferentes?

Sim. Além disso, é testado regularmente nos navegadores mais populares: Safari e Google Chrome.

Serei capaz de usar o Novi Builder e seus modelos para diferentes projetos online?

Para começar, você pode executar uma quantidade ilimitada de vários sites usando o construtor. Portanto, sim, você certamente pode usar o Novi Builder para diferentes sites.

Alguém pode comprar o Novi Builder em sites de terceiros?

Basicamente, é possível comprar o Novi Builder em outros sites. No entanto, lembre-se de que você não terá uma assinatura gratuita. Não será possível mesmo no caso de você ter feito uma compra em um site de terceiros.

Posso transferir meu site baseado em HTML para o Novi Builder?

Como já disse acima, você pode transferir seu site existente para o Novi Builder sem perder seu conteúdo.

Como vou obter atualizações?

Você os receberá automaticamente assim que as atualizações forem lançadas. Além disso, você pode baixar os modelos HTML mais recentes na seção 'Downloads' da sua conta pessoal.

Serei capaz de obter um reembolso?

Sim, trabalhando com o Novi Builder, você pode obter um reembolso total. Vem para qualquer um dos planos de associação do editor. Você pode obter um reembolso em até 30 dias após a compra.

Posso vender modelos feitos com o Novi Builder?

Sim você pode! O construtor foi feito para designers e desenvolvedores. Basta escolher o plano de desenvolvedor. Dá a você a licença para criar e vender os modelos habilitados pelo Novi Builder. Você pode vendê-los em qualquer mercado de terceiros.

É possível usar o modelo Novi Builder para meus sites sem alterar o design?

A resposta é sim. Você pode gerenciar vários sites feitos com os temas Novi Builder e não precisa alterar o design caso não queira.

Pensamentos finais

Para resumir tudo, eu diria que o Novi Builder fornece a seus usuários o ace e os modelos HTML completos. Eles são pré-concebidos e podem ser usados ​​por pessoas de qualquer nível de habilidade. No entanto, os temas são totalmente editáveis ​​e vêm com código-fonte aberto. Portanto, ao fazer a assinatura, você obtém acesso a uma rica coleção de diferentes modelos de sites, plug-ins e outros elementos de conteúdo. Desnecessário dizer que há mais alguns componentes de IU chegando. Novi Builder recebe atualizações regulares que serão instaladas automaticamente. Isso significa que você sempre terá alguns recursos da moda para escolher.

Quando se trata de nichos de negócios como web design ou desenvolvimento web, o Novi Builder é realmente imperdível! Imagine quantos projetos online você pode executar para seus clientes usando o editor. Em suma, não há limites em tudo!

Para terminar, vamos comparar o Novi Builder com o HTML Page Builder padrão.

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