header-logo
Primeiros passosConfira como você pode usar o Wix para criar seu site e seu negócio. Personalize seu site usando templates ou contrate um profissional para criar ou aprimorar sua presença online.
Crie o seu siteAprenda a usar o Editor Wix e a gerenciar o conteúdo de seu site. Descubra como proteger a privacidade de seus visitantes e tornar seu site acessível.
Conta e faturamentoRevise as configurações da sua conta, gerencie suas assinaturas e planos Premium e entenda suas faturas.
Use os apps mobile do WixUse o app Wix Owner para administrar seu negócio com eficiência, interagir com seus visitantes e criar uma comunidade.
Conecte um domínioEntenda como comprar, conectar ou transferir um domínio e como manter os dados do seu site seguros.
Gerencie o seu negócioEncontre as ferramentas certas para criar e expandir seus negócios: aceite pagamentos, analise suas estatísticas, conecte-se com visitantes e muito mais.
Promova o seu siteConfira como promover seu site nos motores de busca, enviar campanhas de email e veicular anúncios pagos.
Wix Studio, Parceiros e empresasTire o máximo proveito da sua conta do Wix Studio, Parceiro Wix ou Wix Empresarial, para que você possa expandir seus negócios.
AjudaObtenha informações sobre como resolver os problemas técnicos e de desempenho do seu site. Além disso, acompanhe os próximos recursos em nosso roadmap de produtos.
placeholder-preview-image
Wix LearnDomine novas habilidades com nossos cursos e tutoriais.
Blog do WixConfira nossas dicas de web design, marketing e mais.
Learning Hub de SEOAumente o tráfego orgânico vindo dos motores de busca.
Website developmentDesenvolva um site único com a nossa plataforma full-stack.
Contrate um profissionalAlcance seus objetivos com a ajuda de um especialista.
placeholder-preview-image
  1. Início
  2. Crie o seu site
  3. Use o Editor Wix
  4. Adicione e personalize elementos
  5. Contêineres e caixas
  6. Editor Wix: personalizar seu pop-up

Editor Wix: personalizar seu pop-up

Neste artigo
  • Ajustar o layout de um pop-up
  • Configurar a sobreposição do pop-up
  • Configurar o background do pop-up
  • Personalizar o botão "fechar" do pop-up
  • Personalizar o ícone X
Personalize seu pop-up para que ele fique como você deseja. Você pode escolher uma sobreposição para cobrir a página ao redor do pop-up, definir a posição do pop-up e alterar o background para criar um design exclusivo da sua marca. 
Uma captura de tela de uma janela personalizada em um site Wix online.

Ajustar o layout de um pop-up

Defina onde o pop-up aparece na sua página. Você pode escolher um canto da página onde ele deve aparecer e ajustar a distância do pop-up das bordas da tela (distância).

Para escolher o layout do seu pop-up:

  1. Vá para o seu editor.
  2. Clique em Páginas e menu    no lado esquerdo do editor.
  3. Clique em Pop-ups.
  4. Clique no pop-up relevante para abri-lo.
  5. Selecione o pop-up no editor.
  6. Clique no ícone Layout .
  7. Escolha como deseja ajustar o layout:
    • Configure a posição: clique em um retângulo na grade para definir a posição do seu pop-up na página.
    • Recuo horizontal: mova a caixa para a esquerda ou direita da tela.
    • Distância vertical: mova a caixa para cima ou para baixo na tela.
Modo pop-up mostrando o painel de layout no Editor Wix

Configurar a sobreposição do pop-up

Sua sobreposição é o espaço ao redor do pop-up que bloqueia o resto do seu site. Isso ajuda os visitantes a se concentrar na mensagem do seu pop-up. Escolha se os visitantes do seu site podem clicar na sobreposição para fechar o pop-up.

Para configurar a sobreposição:

  1. Vá para o seu editor.
  2. Clique em Páginas e menu    no lado esquerdo do editor.
  3. Clique em Pop-ups.
  4. Clique no pop-up relevante para abri-lo.
  5. Clique em qualquer lugar fora do pop-up para selecionar essa área.
  6. Escolha o que fazer a seguir:
    • Decida se os visitantes clicam na sobreposição para fechar o pop-up: 
      1. Clique em Configurar sobreposição.
      2. Ative ou desative a alavanca Clicar fecha o pop-up.
        Observação: se você desativar essa opção, certifique-se de ter um ícone "X" ou um botão "Fechar" no seu pop-up. 
    • Crie o design da sobreposição: 
      1. Clique em Alterar o background da sobreposição.
      2. Escolha entre uma cor, imagem ou vídeo.
      3. (Opcional) Clique em Configurações para ajustar a sobreposição.
        Dica: você pode ajustar a opacidade dos backgrounds de cor e imagem. Recomendamos que você deixe a sobreposição levemente transparente para que seus visitantes ainda possam ver a página atrás do pop-up, mas entendam que ele está bloqueado.
Editor Wix no modo pop-up
Sobreposições no site otimizado para mobile:
  • Não é possível editar a sobreposição do pop-up na versão mobile do seu site.
  • Se você adicionar uma sobreposição de cor ou imagem no desktop, isso será aplicado automaticamente ao seu site mobile. No entanto, se você adicionar uma sobreposição de vídeo, ela será convertida em uma imagem estática do vídeo na versão mobile do seu site.

Configurar o background do pop-up

Escolha se deseja ter um background de cor, imagem ou vídeo no seu pop-up. Dependendo do tipo escolhido, você também pode ajustar configurações como visibilidade e dimensionamento.

Para escolher um background para o seu pop-up:

  1. Vá para o seu editor.
  2. Clique em Páginas e menu    no lado esquerdo do editor.
  3. Clique em Pop-ups.
  4. Clique no pop-up relevante para abri-lo.
  5. Selecione o pop-up no editor.
  6. Clique no ícone Design .
  7. Clique no tipo de background que você quer para o seu pop-up:
    • Cor: selecione uma cor no seletor de cores ou adicione e ajuste um gradiente atrativo. 
    • Imagem: selecione sua própria imagem, uma do Wix ou do Shutterstock.
    • Vídeo: selecione um vídeo gratuito do Wix ou faça upload do seu próprio.
  8. (Opcional) Clique em Configurações para ajustar o background como preferir.
Modo pop-up mostrando as configurações de background do pop-up no Editor Wix

Personalizar o botão "fechar" do pop-up

Ajuste a aparência e o layout do botão que os visitantes clicam para fechar seu pop-up. Você pode escolher o texto, definir o alinhamento do texto do botão e personalizar seu design para a visualização Normal e Ao passar o mouse para destacá-lo.

Para personalizar o botão Fechar:

  1. Vá para o seu editor.
  2. Clique em Páginas e menu    no lado esquerdo do editor.
  3. Clique em Pop-ups.
  4. Clique no pop-up relevante para abri-lo.
  5. Selecione o pop-up no editor.
  6. Clique no botão Fechar.
  7. Escolha como personalizar o botão:
O painel de design do ícone Fechar. O cursor está passando sobre a aba Texto, que está aberta.

Personalizar o ícone X

Se você ativou um ícone X (fechar pop) no painel Configurações do pop-up, você pode ajustar sua aparência para que combine com sua estética. Escolha entre uma variedade de designs e personalize a cor, a visibilidade e a borda.

Para personalizar o ícone X:

  1. Vá para o seu editor.
  2. Clique em Páginas e menu    no lado esquerdo do editor.
  3. Abra o pop-up relevante.
  4. Clique no pop-up no editor.
  5. Clique no ícone (X) Fechar pop-up.
  6. Clique no ícone Design .
  7. Escolha como deseja personalizar seu ícone X:
    • Selecione um novo design: clique em uma predefinição no painel para definir um novo design para o ícone.
    • Personalizar o ícone: clique em Personalizar design e edite o ícone como desejar:
      • Cor e opacidade: selecione a cor do ícone no seletor de cores e use o slider para torná-lo mais ou menos visível.
      • Borda: escolha uma cor para a borda do ícone e defina sua largura (em pixels).
Configurações de design do ícone

Esse artigo foi útil?

|
Contrate um profissionalEncontre um Parceiro Wix que pode ajudar você a alcançar os objetivos do seu site.
Começar
Neste artigo
  • Ajustar o layout de um pop-up
  • Configurar a sobreposição do pop-up
  • Configurar o background do pop-up
  • Personalizar o botão "fechar" do pop-up
  • Personalizar o ícone X

Esse artigo foi útil?

|