Recursos disponíveis somente no Editor 2.0

Gerador de sites AI

Para ajudar a acelerar o processo de criação do site, você pode usar nosso assistente de inteligência artificial para gerar rapidamente um site completo com várias páginas, diferentes layouts de página e conteúdo com base nas informações comerciais e nas diretrizes da marca do seu cliente.

Para saber mais, consulte:

Gerador de sites de IA via API

API AI Site Generation da Duda permite que você crie um site completo automaticamente usando nossos recursos de IA. Esse recurso 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, nos detalhes do tema e nos requisitos de conteúdo que você fornece.

Para saber mais, consulte nosso documentação para desenvolvedores.

Paleta de cores personalizada no gerador de sites AI

O AI Site Generator pode criar uma paleta de cores personalizada a partir de um logotipo enviado.

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 projetos e clientes.

Para saber mais, consulte o Atualização do produto de categorias de modelos personalizados.

Novos modelos criados somente para o Editor 2.0

Estamos criando lindos modelos para sites do Editor 2.0.

Confira alguns dos nossos modelos mais recentes criados no Editor 2.0:

Menu Mega

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 uma 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 ainda mais horizontalmente. Casos de uso 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 Atualização do produto Mega Menu.

Layouts de seção no desktop

Quando você clica+Adicionar seçãono editor, você verá uma opção de layout com layouts 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 projetadas no cabeçalho

Você pode adicionar seções vazias e projetadas ao seu cabeçalho. Você também pode salvar seções de cabeçalho para reutilização em outros sites ou projetos

Ocultar por dispositivo e em todos os dispositivos

Oculte (e exiba) elementos facilmente por dispositivo ou em todos os dispositivos com apenas alguns cliques.

Para saber mais, consulte nosso Gerenciar elementos artigo de suporte.

Ocultar rodapé

Para saber como ocultar facilmente o rodapé por dispositivo, consulte nosso Rodapé artigo de suporte.

Âncora “inferior” padrão em todas as páginas

No seletor de links, você pode usar a opção âncora para vincular qualquer widget vinculável diretamente à parte inferior de uma página específica. Para ajudar a economizar tempo, a âncora “inferior” é criada por padrão para 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ê cria. Para acessar o painel Aprender, no painel lateral do editor, clique em Maise, em seguida, selecione Aprenda.

Para saber mais, consulte nosso Atualização do produto Learn Panel.

Painel de aprendizagem com etiqueta branca

Um painel do Learn com etiqueta branca oferece tutoriais sem marca do Editor 2.0 para ajudar seus clientes a aprimorar suas habilidades avançadas de design.

O painel de camadas permanece aberto ao alternar páginas

O painel Camadas permanece aberto mesmo ao trocar de página, permitindo que você economize tempo e não precise abrir o painel repetidamente.

Os painéis Design, Layers e Learn usam a tela por padrão

Quando abertos, os painéis Design, Layers e Learn não cobrem a tela e, em vez disso, empurram a tela para o lado para que você ainda possa ver tudo.

Controle granular da coluna interna (espaço entre os elementos)

Você pode definir o espaçamento padrão para novas colunas internas. Isso permite que você tenha controle granular sobre o espaço entre os elementos

Para saber mais, consulte o Artigo de suporte ao tema do site.

Capacidade de descoberta de comentários do site para clientes

Melhoramos a visibilidade dos comentários do site dentro do editor, disponibilizando-os em páginas dinâmicas e de lojas 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 para comentários do site e o Comentários do site: atualização do produto.

Texto responsivo

Quando o dimensionamento de texto está ativado, o tamanho do texto se ajusta automaticamente em relação ao tamanho da tela do visitante que está vendo seu site. Isso melhora a legibilidade, a capacidade de resposta e a acessibilidade

Para saber mais, consulte nosso Artigo de suporte ao tema do site.

Mudança de cor na rolagem

Você pode definir uma cor de fundo para sua seção que muda suavemente à medida que o usuário percorre a seção. Isso pode aumentar o engajamento ao adicionar uma pausa visual dinâmica e sinalizar transições de conteúdo

Para saber mais, consulte o Artigo de suporte do Element Backgrounds e o Atualização do produto Color Change on Scroll.

Defina o plano de fundo da imagem por tamanho de tela

Para saber mais, consulte Artigo de suporte à 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 do plano de fundo se movem mais lentamente do que os do primeiro plano à medida que você rola para baixo em uma página da Web. 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, Atualização do produto com efeito de paralaxe e Postagem do blog Parallax..

Controle deslizante de velocidade para imagem de fundo de paralaxe

Para imagens de fundo de paralaxe, você pode usar o controle deslizante de velocidade para controlar a velocidade com que a imagem de fundo se move à medida que o visitante rola a página para baixo.

Efeitos de foco em contêineres

Para saber mais sobre como adicionar um efeito de foco em um contêiner, consulte a Seção Animação e plano de fundo do artigo de suporte do Design with Flex e o Atualização do produto de animação Hover.

Sobreposição de cabeçalho por ponto de interrupção

Você tem a flexibilidade de definir seu cabeçalho para se sobrepor ao conteúdo na primeira linha da página. Isso pode criar um efeito visualmente atraente em que o cabeçalho se integra perfeitamente ao conteúdo

Para saber mais, consulte o Artigo de suporte sobre sobreposição de cabeçalhos.

Controle aprimorado sobre a largura do conteúdo do site

Você pode controlar a largura de seções que não sejam de largura total. Isso pode ajudar a melhorar a legibilidade, especialmente para seções com muito texto, como postagens de blog ou

Para saber mais, consulte Artigo de suporte sobre largura e espaçamento.

Editor de fotos aprimorado e remoção do fundo da foto

Atualizamos nosso editor de imagens para que agora ele inclua 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 Image Editor e nosso Atualização do produto Image Editor.

Espaçamento entre temas para seções e colunas

Você pode definir espaçamento e largura padrão para novas seções, colunas e colunas internas adicionadas ao seu site.

Para saber mais, consulte 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 Artigo de suporte sobre margens em linha.

Widget de hambúrguer

O widget Menu Hamburger permite que você coloque e alinhe os ícones do menu em qualquer lugar no cabeçalho ou até mesmo em outras áreas do site, enquanto ajusta sua cor, tamanho e design. Você pode selecionar na biblioteca de ícones ou fazer upload de seus próprios ícones personalizados.

Para saber mais, consulte o Artigo de suporte do Hamburger Menu e Atualização do produto Hamburger Menu.

Widget de guias avançadas

O widget de guias avançadas permite que os visitantes do site cliquem entre as guias (em vez de percorrerem o texto) para visualizar o conteúdo relacionado.

Para saber mais, consulte o Artigo de suporte do Advanced Tabs.

Widget avançado de acordeão

O widget Advanced Accordion oferece flexibilidade adicional de design, permitindo que você personalize cada item de acordeão individualmente. Cada seção de acordeão pode se expandir quando clicada, permitindo que os visitantes do site acessem rapidamente as informações e percorram o que não precisam. O Advanced Accordion pode ser usado para exibir conteúdo de forma compacta, como perguntas frequentes, destaques de produtos

Para saber mais, consulte o Artigo de suporte do Advanced Accordion.

Widget de formulário avançado

O widget Formulários Avançados permite que você crie formulários personalizados que impulsionam o engajamento e a conversão e se integrem perfeitamente ao design do seu site. Por exemplo, você pode criar um formulário para coletar informações sobre clientes em potencial, coletar feedback de clientes ou oferecer o registro de contas e eventos.

Para saber mais, consulte o Artigo de suporte do Advanced Form e nosso Atualização do produto Advanced Form.

Botão fixo/fixado

Os botões fixos ou fixos permanecem no elemento principal (coluna ou coluna interna) enquanto o elemento principal estiver na janela de visualização.

Para saber mais, consulte o Artigo de suporte sobre botões fixos.

Opção “Rolar para baixo” no seletor de links

Adicionamos uma nova opção de vinculação “rolar para baixo” no seletor de links ao editar botões e widgets de ícones no Editor 2.0. Isso permite que os visitantes do site rolem diretamente até a parte inferior do rodapé

Para saber mais, consulte o Artigo de suporte do Link Picker e nosso Role até a parte inferior da atualização do produto.

Link para um contêiner

Você pode vincular a 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 Link Picker.

Vários layouts de blog

Você pode usar layouts diferentes para diferentes tipos de conteúdo no mesmo blog. Quer se trate de 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 nosso Atualização do produto Blog Layout.