As seções a seguir listam os recursos disponíveis somente no Editor 2.0.
Gerador de sites com IA
Para agilizar o processo de criação do site, você pode usar nosso Assistente de IA para gerar rapidamente um site completo com várias páginas, diferentes layouts e conteúdo, com base nas informações comerciais e diretrizes da marca do seu cliente.
Para saber mais, consulte:
Gerador de sites com IA via API
A API de geração de sites com IA da Duda permite que você crie um site completo automaticamente usando nossos recursos de IA. Essa funcionalidade permite que os parceiros da Duda criem sites sem precisar usar a interface do construtor de IA. A API cria sites com base nas informações comerciais, detalhes do tema e requisitos de conteúdo que você fornece.
Para saber mais, consulte nossa documentação para desenvolvedores.
Paleta de cores personalizada no gerador de sites com IA
O Gerador de Sites com IA pode criar uma paleta de cores personalizada a partir de um logotipo carregado.
Categorias de modelos personalizados
Você pode atribuir uma ou mais categorias aos seus modelos personalizados. Isso significa uma forma muito mais organizada de pesquisar, filtrar e usar seus modelos personalizados em diferentes projetos e clientes.
Para saber mais, consulte a atualização do produto Categorias de modelos personalizados.
Novos modelos criados exclusivamente para o Editor 2.0
Estamos criando modelos incríveis para sites do Editor 2.0.
Confira alguns dos nossos modelos mais recentes criados no Editor 2.0:
Mega Menu
Um Mega Menu é um tipo de menu de navegação comumente usado em sites para organizar e exibir uma grande quantidade de conteúdo ou opções de forma estruturada e visualmente atraente. Ao contrário de um menu suspenso tradicional que exibe uma única coluna de links, o Mega Menu se expande horizontalmente. Os casos de uso mais comuns incluem sites de comércio eletrônico com muitas categorias de produtos, sites de viagens com muitos destinos ou empresas de serviços que oferecem uma ampla gama de serviços.
Para saber mais, consulte o artigo de suporte do Mega Menu e a atualização do produto Mega Menu.
Layouts de seção na desktop
Ao clicar em +Adicionar Seção no editor, você verá uma opção de layout com modelos em branco predefinidos para escolher.
Para saber mais, consulte o Layout da seção na atualização do produto desktop .
Salve e adicione seções personalizadas no cabeçalho.
Você pode adicionar seções vazias e seções com design ao seu cabeçalho. Você também pode salvar seções de cabeçalho para reutilizá-las em outros sites ou projetos.
Ocultar por dispositivo e em todos os dispositivos
Oculte (e exiba) elementos facilmente em um dispositivo específico ou em todos os dispositivos com apenas alguns cliques.
Para saber mais, consulte nosso artigo de suporte sobre Gerenciar Elementos .
Ocultar rodapé
Para aprender como ocultar facilmente o rodapé em cada dispositivo, consulte nosso artigo de suporte sobre rodapé .
Âncora “inferior” padrão em todas as páginas
No seletor de links, você pode usar a opção de âncora para vincular qualquer widget clicável diretamente à parte inferior de uma página específica. Para ajudar você a economizar tempo, a âncora "inferior" é criada por padrão em cada página.
Painel de aprendizagem
Estamos adicionando mais tutoriais passo a passo à nossa biblioteca do Editor 2.0 para que você possa aprimorar rapidamente suas habilidades avançadas de design e criar efeitos visuais envolventes nos sites que você desenvolve. Para acessar o painel Aprender, no painel lateral do editor, clique em Mais e selecione Aprender.
Para saber mais, consulte nossa atualização do produto Learn Panel.
Painel de aprendizagem com marca branca
Um painel Learn de marca branca oferece tutoriais do Editor 2.0 sem marca para ajudar seus clientes a aprimorarem suas habilidades avançadas de design.
O painel Camadas permanece aberto ao alternar entre páginas.
O painel Camadas permanece aberto mesmo ao trocar de páginas, permitindo que você economize tempo e não precise abri-lo repetidamente.
Os painéis Design, Camadas e Aprender usam a tela de desenho por padrão.
Quando abertos, os painéis Design, Camadas e Aprender não cobrem a tela, mas a empurram para o lado para que você ainda possa ver tudo.
Controle da coluna interna granular (espaço entre os elementos)
Você pode definir o espaçamento padrão para novas colunas internas. Isso permite que você tenha controle preciso sobre o espaço entre os elementos.
Para saber mais, consulte o artigo de suporte do Tema do Site.
Visibilidade dos comentários do site para os clientes
Melhoramos a visibilidade dos comentários do site dentro do editor, tornando-os disponíveis em páginas dinâmicas e de loja específicas. Além disso, agora você pode mover a janela de um comentário existente para ver o elemento específico do site em que ele foi deixado na tela.
Para saber mais, consulte o artigo de suporte sobre Comentários no Site e a atualização do produto Comentários no Site.
Texto responsivo
Quando o dimensionamento de texto está ativado, o tamanho do texto se ajustará automaticamente em relação ao tamanho da tela do visitante que está visualizando seu site. Isso melhora a legibilidade, a capacidade de resposta e a acessibilidade.
Para saber mais, consulte nosso artigo de suporte sobre o tema do site.
Mudança de cor ao rolar
Você pode definir uma cor de fundo para sua seção que muda suavemente conforme o usuário rola a página. Isso pode aumentar o engajamento ao adicionar uma pausa visual dinâmica e sinalizar as transições de conteúdo.
Para saber mais, consulte o artigo de suporte sobre Fundos de Elementos e a atualização do produto Alteração de Cor ao Rolar.
Defina a imagem de fundo de acordo com o tamanho da tela.
Para saber mais, consulte o artigo de suporte sobre Configuração de Imagem de Fundo.
Efeito de paralaxe na imagem de fundo em todos os tamanhos de tela.
Parallax é um efeito de design em que os elementos de fundo se movem mais lentamente do que os de primeiro plano à medida que você rola a página para baixo. Isso cria uma ilusão de profundidade e uma experiência visual mais dinâmica e envolvente.
Para saber mais, consulte o artigo de suporte Configuração de imagem de fundo, a atualização do produto Efeito Parallax e a publicação no blog sobre Parallax.
Controle deslizante de velocidade para imagem de fundo com efeito parallax
Para imagens de fundo com efeito parallax, você pode usar o controle deslizante de velocidade para controlar a velocidade com que a imagem de fundo se move conforme o visitante rola a página para baixo.
efeitos hover em contêineres
Para saber mais sobre como adicionar um efeito hover a um contêiner, consulte a seção Animação e Plano de Fundo do artigo de suporte Design com Flex e a atualização do produto de animaçãohover .
Sobreposição de cabeçalho por ponto de interrupção
Você tem a flexibilidade de configurar seu cabeçalho para que ele se sobreponha ao conteúdo da primeira linha da página. Isso pode criar um efeito visualmente atraente, onde o cabeçalho se integra perfeitamente ao conteúdo.
Para saber mais, consulte o artigo de suporte sobre sobreposição de cabeçalho.
Controle preciso sobre a largura do conteúdo do site
Você pode controlar a largura das seções que não ocupam a largura total. Isso pode ajudar a melhorar a legibilidade, especialmente em seções com muito texto, como posts de blog ou blocos de informações.
Para saber mais, consulte o artigo de suporte sobre Largura e Espaçamento.
Editor de fotos aprimorado com função de remoção de fundo.
Atualizamos nosso editor de imagens, que agora inclui mais opções, sendo a mais notável a remoção do fundo de uma imagem.
Para saber mais, consulte o artigo de suporte do Editor de Imagens e nossa atualização do produto Editor de Imagens.
Espaçamento temático para seções e colunas
Você pode definir o espaçamento e a largura padrão para novas seções, colunas e colunas internas adicionadas ao seu site.
Para saber mais, consulte o artigo de suporte sobre Largura e Espaçamento.
Margens em linha
Para elementos dentro de uma coluna ou coluna interna, você pode ajustar rapidamente a margem do elemento arrastando as bordas do elemento na tela na mesma direção da coluna.
Para saber mais, consulte o artigo de suporte sobre margens embutidas.
widget de hambúrguer
O widget Menu Hambúrguer permite posicionar e alinhar os ícones do menu em qualquer lugar no cabeçalho, ou mesmo em outras áreas do site, ajustando também a cor, o tamanho e o design. Você pode selecionar ícones da biblioteca ou carregar seus próprios ícones personalizados.
Para saber mais, consulte o artigo de suporte do Menu Hambúrguer e a atualização do produto Menu Hambúrguer.
widgetde guias avançadas
O widget de guias avançadas permite que os visitantes do site cliquem entre as guias (em vez de percorrer o texto) para visualizar conteúdo relacionado.
Para saber mais, consulte o artigo de suporte sobre guias avançadas.
widgetde acordeão avançado
O widget Acordeão Avançado oferece maior flexibilidade de design, permitindo que você personalize cada item do acordeão individualmente. Cada seção do acordeão pode ser expandida ao clicar, permitindo que os visitantes do site acessem rapidamente as informações e ignorem o que não precisam. O Acordeão Avançado pode ser usado para exibir conteúdo de forma compacta, como perguntas frequentes, destaques de produtos ou eventos futuros.
Para saber mais, consulte o artigo de suporte do Acordeão Avançado.
widgetde formulário avançado
O widget Formulários Avançados permite criar formulários personalizados que impulsionam o engajamento e a conversão, integrando-se perfeitamente ao design do seu site. Por exemplo, você pode criar um formulário para coletar informações sobre clientes em potencial, reunir feedback de clientes ou oferecer cadastro de conta e inscrição em eventos.
Para saber mais, consulte o artigo de suporte do Advanced Form e nossa atualização do produto Advanced Form.
Botão fixo/afixado
Os botões fixos ou ancorados permanecem vinculados ao elemento pai (coluna ou coluna interna) enquanto o elemento pai estiver visível na área de visualização.
Para saber mais, consulte o artigo de suporte sobre botões fixados.
Opção “Rolar para o final” no seletor de links
Adicionamos uma nova opção de link "rolar para o final" no seletor de links ao editar botões e widget de ícones no Editor 2.0. Isso permite que os visitantes do site rolem diretamente para a parte inferior do rodapé.
Para saber mais, consulte o artigo de suporte do Seletor de Links e nossa atualização do produto Rolar até o final.
Link para um contêiner
Você pode criar um link para um contêiner (coluna, coluna interna ou grade avançada) a partir do seletor de links.
Para saber mais, consulte o artigo de suporte do Seletor de Links.
Vários layouts de blog
Você pode usar layouts diferentes para diferentes tipos de conteúdo dentro do mesmo blog. Sejam atualizações de notícias, estudos de caso, artigos de SEO ou peças de portfólio, cada postagem pode ter seu próprio design perfeito.
Para saber mais, consulte o artigo de suporte do Blog e nossa atualização de produto Layout do Blog.