Personalize os widgets para controlar o conteúdo, a aparência e o layout do seu site. Edite os widgets para ajustar os recursos do seu site e o seu comportamento.
Conteúdo ou design
Siga as instruções abaixo para editar o conteúdo ou o design de um widget. As opções disponíveis dependem do widget específico.
Configure o conteúdo de um widget no editor de conteúdo.
Para acessar o editor de conteúdo, clique no widget e selecione a aba Conteúdo.
No modo flexível, selecione a guia Conteúdo no menu flutuante.
Configure o estilo de um widget no editor de design.
Para acessar o editor de conteúdo, clique no widget e selecione a guia Design.
No modo flexível, selecione a guia Design no menu flutuante.
-
Estilos de texto: Edite os estilos de texto para widgets com texto. Ajuste o tamanho do texto para dispositivos individuais conforme necessário.
- As alterações personalizadas substituem o estilo de texto do tema. Por exemplo, se você definir o tamanho do texto para desktop para 40 px, ele se ajustará automaticamente para 34 px em tablets e 32 px em dispositivos móveis.
- Aplicam-se limitações do dispositivo: o texto não será reduzido para menos de 16 px nem excederá os limites máximos para tablets/celulares.
- Layout: Escolha entre as opções de layout específicas para o widget. No editor de design, clique no layout exibido ou na seta ao lado dele para abrir o menu Selecionar Layout e, em seguida, selecione o layout de sua preferência.
-
Estilo: Dependendo do widget, utilize as seguintes opções de estilo:
- Cor: Use o seletor de cores para escolher qualquer cor.
- Borda: Ajuste a largura da borda com o controle deslizante ou insira um valor. Clique no ícone de engrenagem para opções adicionais.
- Plano de fundo: Defina uma imagem de fundo, cor ou URL de vídeo.
- Largura e altura: Use o controle deslizante ou insira os valores em pixels.
- Cantos arredondados: Ajuste o arredondamento dos cantos com o controle deslizante. Clique no ícone de engrenagem para mais opções.
- Sombras: Ative ou desative o efeito de sombra.
- Texto: Defina a família da fonte, a espessura e outras propriedades do texto.
-
Botões: Escolha estilos de botões primários ou secundários do tema. Você pode editar o layout, o estilo, o tamanho, a fonte e o espaçamento dos botões.
- As configurações de design personalizadas substituem os estilos do tema.
- Se o estilo de um botão for alterado, um indicador aparecerá no estilo escolhido. Clique no outro estilo para redefinir para o tema padrão.
- Para reverter as configurações de design personalizadas, clique em Redefinir para o estilo do tema.
- As configurações de design personalizadas substituem os estilos do tema.
- Espaçamento: Ajuste o espaçamento externo e interno de cada lado do widget: superior, inferior, esquerdo e direito.
- Animação: Use movimento para destacar áreas importantes do site, como um botão de contato, adicionando animações de entrada ou acionadas por rolagem para widgets e seções. Saiba mais sobre como adicionar animações.
Alinhamento
Clique com o botão direito do mouse no widget e, em "Editar design", selecione a opção Alinhar à esquerda, Alinhar ao centro ou Alinhar à direita
.
Selecionar contêiner
Para gerenciar a linha ou coluna que contém um widget, clique com o botão direito do mouse no widget e clique em Selecionar contêiner.
Copiar e colar
Copie um widget e cole-o em outro lugar do seu site.
Clique com o botão direito do mouse no widget e clique em Copiar. Clique com o botão direito do mouse no local desejado e clique em Colar.
Se você clicar em Colar antes de copiar o widget, ele será duplicado. Selecione e arraste o widget se quiser movê-lo para outro lugar na página.
Importante:
Não copie e cole formulários de contato. Formulários duplicados podem causar erros ou problemas.
Ocultar no dispositivo
Mostre ou oculte widgets de acordo com o dispositivo do visitante. Por exemplo, exiba um widget de chamada direta em dispositivos móveis e um formulário de contato em computadores. Widgets ocultos não são excluídos.
Clique com o botão direito do mouse no widget, clique em Ocultar de e selecione a opção desejada.
Um
ícone presente no painel inferior esquerdo indica que existem elementos ocultos no dispositivo que você está editando. Para visualizar os elementos ocultos, clique em
.
Observação:
Conteúdo oculto ainda pode aparecer no código do site ativo após a publicação ou republicação. Este é o comportamento esperado.
Edite o HTML ou CSS de um widget
Clique com o botão direito do mouse no widget e selecione Editar HTML/CSS para editar o HTML ou CSS do widget e realizar personalizações avançadas. Utilize esta opção somente se você tiver familiaridade com essas linguagens.
Defina um widget como âncora
Use uma âncora para direcionar os visitantes a uma seção específica da sua página. As âncoras ajudam os usuários a navegar com facilidade em páginas longas ou complexas.
Clique com o botão direito do mouse no widget e clique em Definir como âncora.
Saiba mais sobre tags de âncora e links.
Excluir widget
Remova completamente os widgets do seu site e de todos os dispositivos.
Clique com o botão direito do mouse no widget e clique no ícone Excluir.