Melhor Construtor de Sites 2023. Crie Seu Próprio Modelo de Site

Agrupar é uma operação muito comum que permite combinar elementos relativos e minimizar a carga de controlar cada elemento separadamente ao mover, alinhar, etc. combinação CTRL+G.

Alterne facilmente as posições dos blocos no Navegador de páginas. Você também pode usar as setas na barra lateral do bloco e na barra de ferramentas de conteúdo para mover os blocos para cima e para baixo no editor.

O Grid, Grid Repeater, geralmente todos os elementos de contêiner de largura total e o elemento Text são sempre 100% largos. Você pode ver os 100% reais no campo de valor do Painel de Propriedades para o elemento selecionado. Você também pode definir o valor de Largura em porcentagem. No entanto, a Altura só pode ser 100 por cento.

As Colunas de Grade são uma ferramenta de layout útil para editores gráficos e de sites. Eles facilitam o posicionamento e alinhamento de elementos de web design em uma página da web. As Colunas de Grade são visíveis em toda a página. Você pode habilitá-los clicando nas teclas de atalho CTRL+SHIFT+4 ou selecionando no menu do botão direito do mouse ou na barra de ferramentas de contexto da Página e do Bloco.

Você pode selecionar vários elementos clicando e arrastando um cursor ao redor da área. Você pode mover, alinhar, duplicar todos os elementos multisselecionados juntos e convertê-los em um Grupo ou Repetidor de Grade, se necessário.

Muitos editores gráficos e de maquetes populares podem alterar os valores com o Mouse Scroll ou Move. Você pode fazer o mesmo que os parâmetros e propriedades ilustrados com ícones. Vá para o Painel de Propriedades, passe o mouse sobre o ícone próximo ao campo de entrada da propriedade e mova o mouse para a direita para aumentar o valor e para a esquerda para diminuí-lo.

Mesmo que você possa mover e selecionar elementos agrupados como uma única unidade, você pode editar cada um deles — clique duas vezes para acessar um elemento agrupado e editar suas propriedades na barra de ferramentas de contexto ou no Painel de propriedades.

Redimensione os blocos simplesmente clicando e arrastando os marcadores de barra na parte superior ou inferior de qualquer bloco. Ao redimensionar, você pode ver as distâncias antes e depois dos Elementos colocados dentro de um Bloco.

Você pode bloquear e desbloquear os Elementos, Contêineres ou Blocos no Contorno clicando no ícone Bloquear na Camada do Elemento. Isso torna seu trabalho de design mais conveniente, especialmente trabalhando com vários detalhes.

As imagens podem ter suas proporções alteradas durante o processo criativo, ampliando e ajustando-as durante a construção de uma página da web. Portanto, você pode redefinir as proporções para o original clicando no ícone na barra de ferramentas de contexto. Clique no elemento Image, Box ou Grid Cell e clique no ícone Reset Proportions.

Para organizar e gerenciar Blocos, você pode renomeá-los no Esquema. Selecione o Navegador de página à esquerda para a guia Esboço. Clique duas vezes ou selecione a opção Renomear nas Opções. Altere o nome do bloco para tornar seu processo de criação de um site mais gerenciável e conveniente.

Arraste qualquer elemento agrupado para mover todo o Grupo. Você pode agrupar elementos em um bloco da web e manipulá-los como uma única unidade selecionando e arrastando um grupo com seus elementos internos.

Você pode medir as distâncias entre os elementos em um bloco enquanto arrasta e alinha pelas guias magnéticas inteligentes. Você vê as Distâncias enquanto mede o espaçamento entre Textos, Imagens, Ícones, Formas, etc., e dentro de Grupos e Grades e outros elementos de contêiner.

A Operação de Grupo cria um Elemento de Grupo, que permite montar vários elementos e usá-los como uma peça no Editor. Como um grupo, você pode fazer várias operações e adicionar ações, incluindo adicionar plano de fundo e mover elementos e aplicar vários efeitos de animação a um grupo e seus elementos.

Você pode alterar a largura do conteúdo selecionando o valor na lista suspensa para a largura do bloco. Selecione um bloco e vá para o painel de propriedades. Na propriedade W (Largura), clique na pequena seta para abrir a lista suspensa com opções. Clique nas opções para alterar o Content Width de Boxed para Wide.

Arraste marcadores para imagens, textos e outros elementos para redimensionar. Você pode segurar a tecla SHIFT para redimensionar proporcionalmente e a tecla ALT para fixar o centro. Você pode seguir e encaixar nas guias magnéticas vermelhas para precisão.

Projete suas páginas da web e modelos arrastando e soltando. Aproveite seus trabalhos enquanto cria belos sites de maneira divertida, sem codificação. Projete e personalize seu design com nosso revolucionário editor à mão livre. É intuitivo, visual, fácil de usar, à mão livre, arrastar e soltar. Usar o Nicepage é semelhante a trabalhar no Microsoft PowerPoint, Apple Keynote e sistemas de design profissionais como Adobe Photoshop e Adobe XD.

Você pode adicionar Grupos, Formas e Imagens e especificar Bordas para cada lado separadamente. Dá-lhe a liberdade adicional para concretizar as suas ideias criativas. Selecione sua Forma, por exemplo. Em seguida, vá para o Painel de propriedades. Encontre a seção Borda e clique nos ícones de opções. Selecione os lados para os quais mostrar a Borda.

Você pode copiar e colar imagens da área de transferência. Este recurso é suportado apenas nos aplicativos Nicepage Desktop. Você pode copiar imagens de qualquer editor gráfico e colá-las no Editor Nicepage.

As opções de página são muito importantes para a construção de sites, pois esta lista contém as operações essenciais para a página. Você pode habilitar as Colunas de Grade, usar as operações de copiar e colar, importar e exportar página e acessar as Configurações. Você pode acessar as Opções de página no menu do botão direito clicando no ícone Opções no canto superior direito do Editor.

Ao trabalhar no Editor, você pode ocultar Elementos, Contêineres ou Blocos inteiros no Contorno. É útil focar em alguns detalhes enquanto esconde os que se sobrepõem ou atrapalham.

Use as Guias Magnéticas Inteligentes para alinhar e aperfeiçoar a posição dos elementos no design. Você pode ver os guias rápidos enquanto move um elemento que se ajusta a outros elementos e contêineres. Eles são muito úteis para alinhar, editar e transformar elementos em relação a outros elementos e contêineres ao criar um site.

O menu é o elemento de navegação essencial de qualquer site. Você pode adicionar o menu apenas ao Cabeçalho e Rodapé e criar subitens se tiver muitas páginas da Web em seu site.

Cole o rodapé na parte inferior de qualquer página da web. Você pode aplicar esta opção para encaixar o rodapé na parte inferior da tela se não tiver conteúdo suficiente para empurrar o rodapé para baixo.

O Mega Menu é o layout mais popular usado em menus modernos contendo itens de submenu. Permite adicionar Subitens em Colunas, também adicionar imagens e outros Elementos a um Menu. Para adicionar um Mega Menu, você pode selecionar um Menu no Cabeçalho, ir para o Painel de Propriedades à direita e mudar seu Layout para o Mega Menu clicando no ícone correspondente na seção Layout.

O rodapé é um bloco inferior de qualquer site compartilhado entre todas as páginas da web que contêm dados comuns a outras páginas. As informações nos rodapés podem incluir links para páginas, postagens ou recursos externos, referências e avisos de direitos autorais, bem como links para contas sociais, informações de contato e assinatura e muito mais.

Insira o link Login para se conectar à página de login em seu site. Você pode estilizar o link, se necessário.

Permita que seus usuários encontrem as informações necessárias em seu site usando o elemento de pesquisa no cabeçalho. Observe que a Pesquisa usa as funções padrão do WordPress e do Joomla e, para habilitá-la para o site HTML, você precisará escrever o código.

Insira o elemento Нeadline no cabeçalho, que você pode usar como título para o seu site. Você pode usar o Título em vez do logotipo gráfico e estilizá-lo como qualquer texto no Editor.

Use o Header, o bloco mais compartilhado nas páginas do site. Geralmente contém um logotipo, um menu, uma chamada para ação, informações de contato, etc. O cabeçalho pode se sobrepor ao próximo bloco e pode ficar grudado na rolagem.

Combine vários blocos de cabeçalho na parte superior de suas páginas em um grande cabeçalho. Ele permite colocar mais informações do que no cabeçalho clássico de uma linha. Você pode adicionar Menu, Campo de Pesquisa, Carrinho de Compras, Ícones Sociais e Contatos em dois ou mais blocos de cabeçalho. Geralmente com cores diferentes para os fundos do bloco. É o mais popular em sites de comércio eletrônico.

Você pode ocultar e reexibir o Cabeçalho no Painel de Propriedades de uma Página clicando na área cinza além do Editor e indo para o Painel de Propriedades. Além disso, você pode clicar no link no canto superior direito do Editor próximo ao ícone Opções para exibir o cabeçalho oculto a qualquer momento, o que é muito conveniente, rápido e fácil de encontrar.

Adicione o logotipo da sua empresa ou pessoal para diferenciar seu site na web. O logotipo é uma imagem que pode estar em qualquer formato gráfico moderno, incluindo SVG e WEBP.

A tipografia define o estilo de todos os elementos de texto em um site inteiro. Ele permite que páginas e blocos tenham a aparência de um estilo, o que é essencial para um bom web design. Ele ajuda a estilizar elementos como Título, Título, Texto, Hiperlink, Botão, Citação e Listas. Você pode modificar a fonte, tamanho, espessura, cor, recuos e espaçamento entre linhas de texto e letras. Para simplificar seu trabalho, preparamos os Presets prontos.

A Barra Lateral localizada à direita ou à esquerda da área de conteúdo principal do seu site permite que seus visitantes acessem várias informações rapidamente. Normalmente, em Temas WordPress ou Modelos Joomla, você pode atribuir a Barra Lateral a widgets ou módulos de saída, que requerem Áreas de Widgets WordPress ou Posições Joomla que você pode adicionar e modificar no Painel de Administração do seu site.

Para sites WordPress e Joomla, existem muitos designs de login disponíveis. Para acessá-los, vá para o Painel de Modelos de Acesso Rápido. Ao abrir o modelo de login, clique no ícone azul de adição para abrir o menu Adicionar. Você verá a lista dos designs disponíveis para o Modelo de Login, com o qual você pode começar ou usar em seus designs da web.

Os Esquemas de Fontes são um par de fontes apresentadas como Predefinições de Fonte, que você pode selecionar para todo o texto em um site. A primeira fonte corresponde e é aplicada a todos os títulos e títulos de um site, e a segunda fonte se encaixa bem e é usada para todos os textos e parágrafos regulares.

Recomenda-se usar no máximo cinco cores principais em todo o site, fazendo um bom web design. Dá às suas páginas da web uma aparência consistente e profissional. Defina cinco cores para o seu esquema de cores ou selecione uma das predefinições prontas. O Nicepage gerou automaticamente mais cores com brilho diferente com base no esquema principal. Você também pode adicionar cores personalizadas quantas quiser.

No WordPress e no Joomla, os Blogs são estilizados com os Modelos de Tema. O modelo de blog é usado para exibir resumos de várias postagens, e o modelo de postagem gera o conteúdo de uma única postagem. Você pode modificar e ajustar esses modelos para obter uma aparência única e tornar as páginas do Blog consistentes com o restante do seu design da web. Além disso, você pode criar modelos de blog personalizados para atribuí-los a diferentes categorias de postagem.

Se você possui uma loja online em WordPress ou Joomla, pode modificar os modelos de comércio eletrônico com o Nicepage. Use o modelo de lista de produtos para mostrar o catálogo de produtos com preços e descrições curtas. Os Detalhes do Produto exibem as informações sobre cada Produto, permitindo que seus usuários escolham a quantidade, variação e deslizem pelas imagens do Produto. Ao ajustar os layouts e as cores dos seus modelos de comércio eletrônico, você pode mantê-los em grande estilo com outras páginas. Semelhante a outros modelos, você pode criar modelos personalizados de comércio eletrônico para várias categorias de produtos.

As pessoas podem acessar seu site por um URL errado ou digitá-lo incorretamente na barra de endereço de um navegador. Nesse caso, muitos sites mostram a página especial 404 Not Found em vez do erro do navegador, permitindo que os visitantes permaneçam em seu site e continuem a navegação. Você pode modificar essa página para o seu site WordPress ou Joomla com o aplicativo Nicepage editando o modelo 404 Not Found.

Suponha que você tenha um site em WordPress ou Joomla e precise que seus usuários adicionem conteúdo por meio da Administração de um site. No entanto, a página de login padrão oferecida pelo seu sistema de gerenciamento de conteúdo não é consistente com o restante do design do seu site. Nesse caso, você pode estilizar o layout do modelo de login no aplicativo Nicepage, dando à página de login uma aparência consistente, mas ao mesmo tempo única, para o seu projeto de site específico.

Exporte sites HTML, temas WordPress e modelos Joomla do aplicativo Nicepage para Windows ou Mac OS. Compartilhe projetos com outros usuários e mostre capturas de tela para seus clientes existentes e potenciais.

Se várias pessoas trabalham em um site, existe o problema de alguém com menos experiência poder quebrar o design ou o conteúdo. Ou você é um estúdio de design e deseja impedir que seus clientes modifiquem o site e deseja fazer a edição apenas por conta própria. Para separar os recursos de edição, você pode usar as Funções de usuário, como Editor de design ou Editor de conteúdo. Para adicionar um editor no WordPress, você pode registrar um novo usuário e atribuir uma função necessária.

O recurso White Label permite que você ou sua empresa re-brand sites e temas produzidos com Nicepage para WordPress e Joomla para aparecer como o seu. Ele irá construir a credibilidade da sua marca, fortalecer a fidelidade do seu cliente, economizar muito tempo e dinheiro. Muitos estúdios de design e agências de marketing digital gostam de ter a opção White Label. Ter sua marca em plugins ajuda a criar conscientização e um senso de confiança mais forte com seus clientes.

Adicione o Cookie Popup compatível com os requisitos do Regulamento Geral de Proteção de Dados da UE. O regulamento da lei sobre proteção de dados e privacidade é necessário para o Espaço Econômico Europeu. Também aborda a transferência de dados pessoais para fora da União Europeia. Você pode habilitar o pop-up de cookies GDPR nas configurações do site.

Você pode proteger as páginas do seu site com uma senha. Para isso, clique na área cinza ao redor do Editor para selecionar a Página. Vá para o Painel de propriedades e role para baixo até a seção Proteção por senha. Coloque sua senha. Visualizar. Acessar essa página abrirá a Proteção por senha.

Adicione o Favicon do seu site nas configurações do site. Os navegadores modernos geralmente têm suporte ao Favicon e o exibem na barra de endereços do navegador, nas guias ao lado do nome da página e na lista de favoritos. Normalmente, o Favicon tem o formato ICO.

Você pode ver e definir o domínio e o subdomínio personalizados para um site hospedado no Nicepage nas configurações do site. Para isso, clique no ícone Configurações do Site ou no link na Barra Superior. Na guia Geral, insira a data necessária correspondente ao seu site.

No Dashboard, é necessário ver instantaneamente as páginas da web publicadas. Portanto, há um ícone, que indica isso. Se você publicar um site, verá o ícone azul do globo à esquerda do nome do projeto do site.

O domínio personalizado é um nome exclusivo que você comprou para seu site ou marca de um dos registrantes populares. Você pode atribuir este domínio personalizado a um site projetado em vez do nome de subdomínio gerado automaticamente pelo Nicepage Online Builder. Você pode definir o domínio personalizado online nas configurações do site e na caixa de diálogo Exportar nos aplicativos da área de trabalho.

Use a guia Compartilhamento Social nas Configurações da Página para especificar como sua página da web será apresentada na mídia social. Você precisa inserir o Título, Descrição, Imagem e URL.

Conecte seus sites ao Google Analytics, ao Google Tag Manager e ao Google Optimize Container para coletar dados e entender melhor o público do seu site. Você obtém todas as ferramentas de análise gratuitamente e em um só lugar para qualquer tarefa pessoal ou comercial.

Você pode criar o site de comércio eletrônico no Nicepage, exportar HTML e carregá-lo em sua hospedagem. Gerencie produtos e use os elementos de produto e modelos de página para exibi-los facilmente em seus sites HTML.

Apresente o Produto em destaque nas páginas do seu site. Você pode modificar o layout e estilizar o bloco do produto para dar uma aparência única.

Use os produtos Nicepage em WordPress e Joomla. Você tem as páginas funcionais da Lista de Produtos e Detalhes do Produto e o pagamento pelos Produtos definidos e pode criar sites de comércio eletrônico com Nicepage sem instalar WooCommerce e VirtueMart. Se preferir WooCommerce e VirtueMart, você pode continuar usando-os.

Você pode aceitar pagamentos via Stripe em seus sites criados com Nicepage. Conecte seu site Nicepage ao Stripe e comece a vender e processar seus pedidos imediatamente.

Use o modelo de página de detalhes do produto para gerar informações detalhadas sobre um produto individual selecionado no catálogo do seu site. Ele gera as informações do produto inseridas no painel de produtos no Nicepage ou no WooCommerce no WordPress ou VirtueMart no Joomla.

Você pode usar o novo botão Pagamento, compatível com Pagamentos via PayPal. Você pode adicionar sites criados com seus aplicativos de desktop Nicepage, plug-in WordPress, extensão Joomla e construtor online.

Crie páginas de checkout para WooCommerce e VirtueMart. Edite o modelo de página de checkout no painel de modelos do painel de acesso rápido. Ao exportar seu tema para seu site de comércio eletrônico, você exportará o modelo de página de checkout com todos os outros modelos de página de comércio eletrônico.

Gerencie produtos para seus sites de comércio eletrônico no painel de produtos no painel de acesso rápido. Você pode adicionar, editar e excluir produtos e exportá-los para HTML, WordPress e Joomla.

Adicione o ícone do carrinho de compras ao cabeçalho do seu site, que mostrará o número de produtos adicionados ao carrinho e permitirá que você abra a página de checkout com um clique.

Mostre os produtos mais recentes em qualquer página do seu site, incluindo a página inicial. Você pode especificar layouts e escolher o número de postagens a serem exibidas.

Você pode usar o modelo de página de lista de produtos para adicionar a página da loja ao seu site de comércio eletrônico. Faz um Catálogo de bens ou serviços e é construído a partir dos Produtos do Painel de Produtos ou gera dados do WooCommerce no WordPress ou VirtueMart no Joomla.

O modelo de página de carrinho de compras é a página final de qualquer loja online. Deve incluir resumo do produto, quantidade, preço, totais, outros dados essenciais e, o mais importante, prosseguir para o botão de finalização da compra.