O widget Forma é uma ferramenta de design que pode ser usada para destacar mensagens importantes. Crie botões e banners, anuncie prêmios e realce os preços em promoção. Você pode adicionar uma imagem, fundo de cor e texto, controlar o tamanho e adicionar sombras. O widget pode ser colocado em qualquer local para flexibilidade total.
Para isso:
- No painel esquerdo, clique em Widgets s.
- Clique e arraste o widget Forma para o seu site.
Veja mais informações sobre como adicionar widgets ao seu site em Adicionar widgets.
Editor de Conteúdo
Para acessar o editor de conteúdo:
- Clique com o botão direito do mouse no widget e clique em Editar conteúdo.
- Selecione uma forma.
- Para adicionar um link à forma, clique em Adicionar link.
- Digite um título e uma descrição para a forma. Para ocultar o título e a descrição, clique no ícone de olho (
).
- Digite o texto alternativo e uma dica sobre a forma.
Editor de Design
Para acessar o editor de design:
- Clique com o botão direito do mouse no widget, e clique em Edit Design.
- Clique em Layout para selecionar outro layout para a forma.
- Para colocar o widget sobre ou sobrepondo uma imagem ou outro widget, clique na aba Espaçamento e configure as margens como um número negativo (por exemplo, -50px).
- Para que um ícone flutue, ative a opção Flutuante e selecione uma posição para o widget. Para mostrar o botão flutuante somente na página atual, ative a opção Mostrar somente nesta página.
Veja se as configurações do design estão corretas em cada aparelho. Configurações como espaçamento (de todo o widget e itens específicos), largura e muito mais são definidas por aparelho. Saiba mais em Editar por aparelho.
Para obter informações sobre opções de design que não são específicas para este widget (por exemplo, layout, estilo ou espaçamento), consulte Design de widget.
Exemplos
Como criar uma forma no cabeçalho
Para criar uma forma no cabeçalho:
- Crie uma linha com duas colunas.
- Escolha uma forma amorfa e adicione-a à coluna do lado direito.
- Faça a forma tão grande quanto a coluna.
- Na aba Editor de design, selecione o layout com a imagem de fundo e substitua a imagem pela que você deseja colocar.
Use uma Forma como um Botão
Para usar uma forma como botão adicionando um link e o efeito do mouse sobre ela:
- Selecione a forma do círculo e adicione um título e uma descrição.
- Selecione cores para a forma e os textos.
- Para posicionar a forma no canto de uma imagem, use uma margem negativa no lado esquerdo da forma (espaçamento > margem > -50px esquerda e margem superior).
Destacar um plano ou serviço específico
Para usar formas para destacar um plano ou serviço específico:
- Escolha a forma da bandeira e adicione um título e uma breve descrição.
- Desative a opção Manter proporção para ajustar apenas a largura.
- Selecione cores para a forma e os textos.
- Para posicionar a forma de forma que se sobreponha à parte superior de uma coluna, use uma margem superior negativa (espaçamento > margem > 30px margem superior).
Criar um botão de rolagem
Para usar uma forma para criar um botão de rolagem:
- Escolha a forma do diamante e adicione um título.
- Desative a opção Manter proporção para ajustar apenas a largura.
- Selecione cores para a forma e os textos.
- Para posicionar a forma no topo de uma imagem, use uma margem superior negativa (espaçamento > margem > -50 px margem superior).