header-logo
Confira como usar o Wix para construir seu site e negócio.
Personalize e gerencie seu site com os recursos do Wix.
Gerencie assinaturas, planos e faturas.
Administre seu negócio e conecte-se com os membros.
Compre, conecte ou transfira um domínio para o seu site.
Expanda seu negócio e presença online.
Aumente sua visibilidade com recursos de SEO e marketing.
Acesse recursos avançados e otimize sua produtividade.
Encontre soluções, problemas conhecidos ou contate-nos.
placeholder-preview-image
Domine novas habilidades com nossos cursos e tutoriais.
Confira nossas dicas de web design, marketing e mais.
Aumente o tráfego orgânico vindo dos motores de busca.
Desenvolva um site único com a nossa plataforma full-stack.
Alcance seus objetivos com a ajuda de um especialista.
placeholder-preview-image

Editor do Wix Studio: adicionar e personalizar separadores de forma

6 min
Neste artigo
  • Adicionar um separador de forma
  • Criar um separador de forma predefinido
  • Criar um separador de forma personalizado
  • Perguntas frequentes
Adicione separadores de forma para criar uma transição interessante e elegante entre as seções. Em vez de usar linhas retas para dividir o conteúdo, escolha uma forma (por exemplo: Elipse, Ondas) ou faça upload da sua própria. Esses separadores podem ficar na parte superior e inferior de uma seção, e você pode personalizar seu design como quiser.
Um exemplo de uma seção com separadores de forma na parte superior e inferior

Adicionar um separador de forma

Comece adicionando um separador de forma à seção relevante. Você pode adicionar um separador na parte superior, na parte inferior da seção, ou em ambos. 
Há uma variedade de formas que você pode escolher, assim como designs adicionais no Gerenciador de Mídia. Você também pode fazer upload do seu próprio arquivo SVG para dar um toque pessoal a essa transição.
Quer fazer upload de um arquivo próprio?
Confira a seção de perguntas frequentes abaixo para obter diretrizes sobre tamanho e proporções de arquivos.

Para adicionar um separador de forma à sua seção:

  1. Vá para o seu editor.
  2. Selecione a seção relevante.
  3. Clique no ícone Separadores de forma .
  4. Clique na aba Topo ou Inferior para escolher onde adicionar o separador.
  5. Selecione um separador para adicionar:
    • Designs sugeridos: clique em um dos estilos disponíveis no painel.
    • Designs adicionais oferecidos pelo Wix:
      1. Clique em + Mais formas.
      2. (No Gerenciador de Mídia) Selecione um design na aba Mídia do Wix.
      3. Clique em Escolher arquivos para aplicá-lo.
    • Seu próprio separador de forma: 
      1. Clique em + Mais formas.
      2. (No Gerenciador de Mídia) Selecione a forma da aba Arquivos do site ou faça upload de um novo.
      3. Clique em Escolher arquivos para aplicá-lo.
O painel Separadores de forma ao lado de uma seção com separadores já aplicados, destacando as abas na parte superior do painel
Dica:
Após selecionar uma forma no Gerenciador de Mídia, ela aparece como Mais formas no painel Separadores de forma para a seção específica. Se você quiser escolher outra forma no Gerenciador de Mídia, clique no ícone Alterar  acima de Mais formas

Criar um separador de forma predefinido

Depois de escolher um dos nossos separadores de forma, personalize-o como preferir. Ajuste a altura, cor, opacidade e camadas para personalizar a transição e deixá-la exatamente como você deseja.
Observação:
As opções disponíveis dependem do separador de forma que você escolher.

Para personalizar o design de um separador de forma predefinido:

  1. Vá para o seu editor.
  2. Selecione a seção relevante.
  3. Clique no ícone Separadores de forma .
  4. Clique na aba Topo ou Inferior para acessar o separador que você deseja personalizar.
  5. Clique em Personalizar design na parte inferior.
  6. Escolha como você deseja ajustar a aparência do separador de forma:
    • Opacidade e cor: escolha a cor que deseja para o separador e deixe-a mais ou menos visível na seção.
    • Altura: defina o quão alto ou baixo você deseja que o separador vá na seção.
    • Recuo horizontal: reposicione seu separador de forma, movendo-o para a esquerda ou para a direita. 
    • Efeito de camada: ative a alavanca para adicionar um efeito de desaparecer ao separador e selecione uma direção no dropdown:
      • Centralizado: o efeito é visível em todo o separador.
      • Desaparecer para cima: o efeito diminui em direção à parte superior do separador.
      • Desaparecer para baixo: o efeito diminui em direção à parte inferior do separador.
    • Inverter: inverta a forma do separador (verticalmente).
    • Virar: defina o separador para exibir o lado contrário na seção.
    • Quantidade de repetições: defina quantas vezes o padrão se repete no separador.
O painel Design do separador, mostrando as opções para o separador predefinido

Criar um separador de forma personalizado

Quando você faz upload do seu próprio separador de forma, você pode usar uma variedade de opções para personalizá-lo ainda mais. Ajuste configurações como cor, visibilidade e escala do separador para criar uma estrutura e design exclusivos em sua página.
Observação:
As opções disponíveis dependem do arquivo específico que você fez upload. Veja a seção de perguntas frequentes abaixo para mais detalhes.

Para personalizar o design do seu próprio separador de forma:

  1. Vá para o seu editor.
  2. Selecione a seção relevante.
  3. Clique no ícone Separadores de forma .
  4. Clique na aba Topo ou Inferior para acessar o separador que você deseja personalizar.
  5. Clique em Personalizar design na parte inferior.
  6. Escolha como você deseja ajustar a aparência do seu separador de forma:
    • Opacidade e cor: escolha a cor que desejar para o seu separador e deixe-a mais ou menos visível na seção.
    • Como o separador está dimensionado?: selecione se você deseja que o padrão do separador se estique através da seção ou se repita.
    • Altura: defina o quão alto ou baixo você deseja que o ponto mais alto do separador na sua seção seja.
    • Recuo horizontal: defina o deslocamento do separador a partir dos lados da seção.
    • Virar: defina o separador para ser exibido na direção oposta (horizontalmente) na sua seção.
O painel Design do separador, mostrando as opções para um separador personalizado

Perguntas frequentes

Clique nas perguntas abaixo para saber mais sobre separadores de forma.