Revisão e guia detalhados do construtor de sites HTML Novi

Quando se trata de construção de sites em 2023, não há necessidade de lidar com codificação. Tenho certeza que você já sabe tudo e mais alguma coisa sobre diferentes produtos digitais prontos. Hoje em dia, você pode facilmente obter 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, plugins, ativos e tendências de web design aumenta o tempo todo.

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

Caso você prefira trabalhar com HTML, com certeza já ouviu esse nome antes, pois o Novi Builder vem com todos os modelos HTML responsivos modernos. 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 da Construtora Novi

Tente Novi

Por tradição, antes de começarmos, vamos dar uma rápida olhada na história deste construtor visual 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 recursos 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 era a edição de sites em 2016? Era basicamente chato e continha apenas recursos obrigatórios. No entanto, o progresso digital nunca parou, então havia inúmeras opções da moda e elementos elegantes de web design 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 naqueles dias. Se havia algo 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 fazem todas as empresas inteligentes, 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 mexer 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 em dia seja difícil surpreender um usuário com a tecnologia drag-and-drop, 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 fornecia 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 é técnico.

Após uma longa e detalhada pesquisa, a tecnologia de arrastar e soltar usada pelo Novi Builder 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. Tornou-se popular muito em breve. Escusado será dizer que houve muitas atualizações 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 algo sem estresse. É por isso que foi nomeado 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. Para resumir, 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é-projetados.

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

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 de demonstração 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 empresas. 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, comércio eletrônico ou email marketing.
2. B2C , que significa business-to-customer. Neste caso, a conexão refere-se às transações realizadas entre uma empresa e seus clientes diretamente. Aqui o cliente é o usuário final que usa os produtos da empresa. Falando sobre o 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 HTML que desejarem e importar o(s) site(s) existente(s). Graças ao Novi Builder, é possível sem perder o conteúdo do site. Você pode editá-lo com a tecnologia de arrastar e soltar e estilizá-lo com vários recursos pré-empacotados.

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 é de apenas 1 negócio. O que quer 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 ajudará você com B2C? Como todas as ferramentas de qualidade, o Novi Builder foi feito pensando na estratégia de negócios. Como resultado, o editor vem com vários instrumentos orientados para o usuário final. Abaixo, você pode ver os 5 principais recursos para trabalhar.

Gerenciamento de páginas

Primeiras coisas: o Novi Builder fornece ao seu proprietário um confortável Gerenciador de Páginas. Usando esse recurso, você pode:

• criar páginas,
• excluir 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ê só precisa usar o menu de contexto localizado na parte superior da página com a qual 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:

• Visualização,
• 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 torna-se ainda mais importante se estivermos falando do seu primeiro site. Basta usar essas opções para verificar 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 de 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.

Tente Novi

Ferramentas de desenvolvimento

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

Entre todos os recursos, gostaria de destacaro Preset Manager.Essa coisa legal ajudará você a aprofundar o processo de edição. Para encurtar a história, o gerenciador permite que você crie novas predefinições manualmente e salve-as na biblioteca. Tudo é tão simples quanto o 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ãoSalvar como predefiniçãolocalizado no menu de contexto.

Agora você pode usar novas predefinições assim que precisar criar novas páginas online. Basta arrastar e soltar a predefinição na janela do editor da mesma forma que você faz com outros componentes da interface do usuário.

Publicação instantânea

Para começar, quem já quis administrar um site sabe que, para obter sucesso, você deve manter seu projeto online sempre 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 claroPublicar siteno canto superior direito. Ao pressionar o botão, você publicará o site diretamente no servidor. Além disso, você também verá opçõesde caminho de publicaçãoeconfiguração.

Mais recursos

Para terminar com este ponto, quero mostrar a você mais alguns recursos básicos que você definitivamente procurará assim que baixar o Novi Builder.

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

Pressione emConfiguraçõesse você deseja acessar a configuração do site ou suas páginas.

Ao clicar no botão Baixar modelo , 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.

Associação Novi

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

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

1. Em primeiro lugar, você receberá o Novi Builder.
2. Em segundo lugar, você obterá alguns modelos HTML de qualidade que foram projetados profissionalmente e pré-embalados para diferentes nichos de negócios.
3. Em terceiro lugar, você também receberá alguns plugins obrigatórios. 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!

Para resumir, ao adquirir uma associação Novi, você terá acesso a todos os modelos, plug-ins, recursos e elementos de design da web existentes. Além disso, você obtém acesso automaticamente aos itens que serão criados pela equipe Novi no futuro. Sem dúvida, é obrigatório para web designers e desenvolvedores.

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

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

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

Tente Novi

Como você deve saber, muitos criadores de sites populares (por exemplo, Elementor Page Builder para WordPress) são gratuitos para download. Quando se trata do Novi Builder, você precisará comprar pelo menos o plano de $ 29 para usar o editor. Parece que esta é 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, $ 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 para escolher:

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

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

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

Interface Novi

Para começar, aqui está o que você vê quando abre a interface do Novi:

• Painel principal
• Comutador de modos Novi
• Gerenciador de páginas
• Menu principal
• Área do editor visual
• Barra de ferramentas do desenvolvedor

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

1. Gatilho do gerenciador de páginas
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á dentro da barra de ferramentas do desenvolvedor:

1. Área de ferramentas para 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 plug-ins

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 trabalhando com o Novi Builder:

• Navegador : Chrome 50+ ou Safari 10+;
• 4 GB de RAM ou mais;
• exibição com mín. resolução de 1024 x 768;
• CPU com clock mínimo de 1 GHz;
• 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 com os longos manuais e 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 servidor da 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á parecido com o nome do seu disco/mamp/www/novi/.
4. Por fim, 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 esta etapa de qualquer maneira.
2. Quando terminar 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 do Novi Builder e fazer o upload do construtor para o seu servidor de hospedagem. A seguir, mostrarei esta etapa usando o Total Commander como exemplo.
5. Salve as alterações.

Então, aqui está como você pode carregar o Novi Builder para o seu servidor de hospedagem com a ajuda doTotal Commander.

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

• navegue até a guia NET e, em seguida, conexão 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 carregar os arquivos necessários para o servidor, siga estas etapas:

• navegue até a guia NET e, em seguida, conexão 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 da versão 0.9.0, o Novi Builder suporta totalmente a proteção por senha . É por isso que, para abrir a interface do Novi, você precisará inserir uma senha. Por padrão, é 'Novi'. Obviamente, você deve alterá-lo para tornar a criação de sites mais segura.

Aqui está como você chegar 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 ativar ou desativar o modo de demonstração.
5. Aqui é onde você deve inserir sua nova senha.

Para desabilitar o login via pass , siga estes passos:

• vá para o menu principal do Novi Builder,
• abra Configurações de segurança,
• Digite sua senha atual,
• encontre a opção Ativar autorização de senha e desative-a,
• salve as alterações realizadas.

Para alterar a senha, siga estas etapas:

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

Para redefinir a senha, siga estas etapas:

• vá para builder/php/session.php,
• escreva na linha: '$senha atual = “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ê diminui os riscos de segurança.

Quais plugins você encontrará dentro do Novi Builder Pack?

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

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

Plug-in de imagem de plano de fundo nº 1

Para encurtar a história, este plug-in 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 alterar as configurações rapidamente.

Para adicionar sua imagem como plano de fundo, basta clicar duas vezes com o botão esquerdo do mouse na foto de destino.

Para saber mais sobre os recursos da 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 Plug-in de plano de fundo

Este plug-in Novi permite alterar a cor de fundo de um elemento. Esta é uma ferramenta importante porque diferentes esquemas de cores podem facilmente afetar 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 plug-in Novi Background, siga este link.

#3 plug-in de imagem

Este plug-in do Novi Builder permite substituir as imagens. Para adicionar sua imagem, basta clicar duas vezes com o botão esquerdo do mouse na foto de destino.

Para saber mais sobre as possibilidades do plug-in, 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 Novi Image.

#4 plug-in 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 plug-in Iframe.

#5 Plug-in de links

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 definir o item processado pelo plug-in;
• applyToProjectElements (ativado por padrão) – permite ativar/desativar a substituição de todos os links no projeto (incluindo presets 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 plugins. Aqui está o que você deve saber ao trabalhar com o plugin Link. Tipo de link permite selecionar um tipo de link para inserção. Existem 3 tipos de links para escolher:

• Páginas – onde estarão disponíveis todas as páginas do projeto,
• Favoritos – onde serão exibidos todos os links indicados nas configurações do plugin,
• 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 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 plug-in Link.

#6 Plug-in de paralaxe de materiais

Para começar, digamos algumas palavras sobre a rolagem Parallax. Embora o efeito tenha sido originalmente criado para ser usado em videogames, o Parallax ainda está no topo das tendências de web design. 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 plug-in do Novi Builder funciona com o script Material Parallax. Ele permite que você substitua as imagens de origem que serão usadas para 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.

Plug-in de etiqueta nº 7

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

#8 Plugin de contagem regressiva

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

O cérebro humano é um mecanismo estranho e complicado. Ele reconhece elementos visuais mais rapidamente do que outros tipos de informação. É por isso que os contadores são indispensáveis. 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 concluídos, mostrar quantos clientes satisfeitos ou ideias de sucesso você tem e muito mais.

Portanto, 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 fim de uma oferta especial.

Nº 9 Plug-in do Google Maps

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

O Novi Builder vem com o plug-in do Google Maps, que permite alterar visualmente as configurações dos mapas.

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 Zoom para definir o nível de zoom;
• Opção de seleção de estilo para escolher o estilo do mapa;
• Ícone do marcador e Ícone do 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 de 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 o grupo Localização do marcador e Descrição do marcador para adicionar o novo marcador.

#10 plugins de ícones

Este plug-in do Novi Builder o ajudará 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.

Plug-in de carrossel de coruja nº 11

Mesmo em 2019, os carrosséis ainda estão na moda. O Novi Builder vem com o plug-in 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 ajudará você a definir o número de itens a serem exibidos. Usando o recurso, você pode alterar o número de itens visíveis dependendo do tamanho da tela.
2. O campo Indent Between Items ajudará você a definir os espaços entre os itens do carrossel. Com o recurso, é possível fazer com que a distância entre os itens varie de acordo com o tamanho da tela.
3. Ativar Loop Switcher ajudará você a ativar ou desativar o loop do carrossel. A propósito, você pode fazer isso no modo de visualização.
4. O Carousel Autoplay Switcher ajudará você a ativar ou desativar a reprodução automática do carrossel. Ele também vem com o modo de visualização.
5. O campo Carousel Autoplay Delay ajudará você a definir o atraso deslizante.

Nº 12 plug-in de monitor de campanha

Este plug-in do 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 monitor de campanha define a ação do formulário;
• O campo Nome de Entrada do Monitor de Campanha define o valor do atributo de nome do campo de entrada.

#13 Plugin MailChimp

Desnecessário dizer que a assinatura do boletim informativo ainda é um dos itens obrigatórios para qualquer projeto online. Por que? Bem, porque é assim que você pode ampliar rapidamente o público do site e manter as pessoas envolvidas sem esgotar o orçamento.

Portanto, este plug-in do Novi Builder permite que você configure o trabalho com o serviço MailChimp.

#14 RD Mailform Plugin

Igual à ferramenta anterior, este plug-in do Novi Builder permite que você trabalhe com o RD Mailform usando edição visual.

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

Esses plug-ins do Novi Builder foram criados para aumentar a atividade de mídia social. Caso você pretenda 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 os feeds do Instagram e do Twitter com as ferramentas de edição visual.

Nº 17 Plug-in do controle deslizante da câmera

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

# 18 Plugin deslizante deslizante

Este plug-in do Novi Builder permite que você configure o Swiper Slider ao seu gosto.

Aqui está o que você pode ver dentroda área de upload de imagem:

• 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 dentroda área de seleção de imagem:

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

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

• Use a configuração Keep Original Aspect Ratio para preservar a proporção da imagem original.

Nº 19 Plug-in de vídeo

Use este plug-in do Novi Builder para configurar sua vitrine visual.

Plug-in da galeria de luz nº 20

Use este plug-in do Novi Builder para configurar o Light Gallery usando ferramentas visuais.

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

• Gallery Slide Animation permite ajustar a animação da transição dos itens da galeria;
• O alternador de miniaturas ajudará você a ativar ou desativar a demonstração de visualização dos itens da galeria;
• O alternador de loop ajudará você a ativar ou desativar o loop de itens da galeria;
• O alternador de reprodução automática ajudará você a ativar ou desativar a reprodução automática de itens da galeria;
• O campo Gallery Autoplay Delay permite que você configure o tempo de atraso do item.

Então, esses foram todos os plugins que vêm com o Novi Builder. Para resumir tudo, aqui está o que você recebe.

Principais possibilidades de trabalhar com o Novi Builder

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

• editar o conteúdo do seu site em modo ao vivo;
• importe diferentes temas HTML para o construtor, caso você já tenha comprado algum;
• copiar, inserir, substituir e remover qualquer recurso, opção ou componente de web design;
• usar vários novos blocos de conteúdo 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,
• crie e edite planos de fundo 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 Google Fonts)
• trabalhe com os ícones incluídos no seu tema;
• faça upload de 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á jogar com código CSS, HTML e JS;
• adicione um controle deslizante atraente ao design do seu site,
• use o impressionante efeito Parallax,
• criar formulários de contato,
• adicionar 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 seu site.

Perguntas e respostas do possível usuário Novi

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

O Novi Builder suporta diferentes navegadores?

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

Poderei 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 sites diferentes.

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 receberá uma assinatura gratuita. Não será possível mesmo que você tenha 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 receberei 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' de sua conta pessoal.

Serei capaz de obter um reembolso?

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

Posso vender modelos que foram feitos com o Novi Builder?

Sim você pode! O construtor foi feito para designers e desenvolvedores. Basta escolher o plano 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 criados com os temas do 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 os melhores e mais completos modelos HTML. Eles são pré-projetados 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. Escusado será dizer que há mais alguns componentes de interface do usuário chegando. O Novi Builder recebe atualizações regulares que serão instaladas automaticamente. Isso significa que você sempre terá alguns recursos modernos 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!

Para finalizar, 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.