Editor X: usar janelas

6 min de leitura
O Editor X está em transição para o Wix Studio, nossa nova plataforma para agências e freelancers.Saiba mais sobre o Wix Studio
Os pop-ups de janela são uma ótima ferramenta quando você quer chamar a atenção dos seus visitantes e direcioná-los para alguma ação. Personalize sua janela para diferentes breakpoints para torná-la efetiva em qualquer tamanho de tela. Em seguida, crie uma sobreposição ao seu redor para que os visitantes possam se concentrar na mensagem que ela promove.
Neste artigo, saiba como:

Adicionando uma janela

Existem diferentes tipos de janelas que você pode escolher e adicionar à sua página:
  • Uma janela central que aparece no meio da página.
  • Uma janela de barra lateral que aparece à esquerda ou à direita da página.
  • Um banner de largura total na parte superior ou inferior da página.

Para adicionar uma janela:

  1. Clique no ícone Adicionar no canto superior esquerdo do Editor.
  2. Clique em Layout.
  3. Clique em Janelas.
  4. Selecione a janela que você deseja para adicioná-la à sua página.

Editando uma janela

Você pode acessar as janelas do seu site no painel Páginas. Selecione a janela relevante para entrar no modo de edição, onde você pode configurar, personalizar seu design e adicionar mais elementos.
Personalize suas janelas por breakpoint:
Garanta que o visual da sua janela fique bom em cada janela de visualização ao personalizar o design por breakpoint.

Para editar uma janela:

  1. Clique no ícone Páginas na parte superior do Editor.
  2. Selecione a janela relevante à esquerda.
  3. Edite sua janela com essas opções:
    • Adicione elementos (ex.: texto, imagem, botão) usando o painel Adicionar.
    • Clique em Definir como ativar para personalizar as páginas onde ela aparece, o tempo e outras configurações. Saiba mais
    • Clique em Configurar a sobreposição para decidir se os visitantes podem fechar o pop-up ao clicar na sobreposição.
    • Clique em Ajustar grade para escolher um layout de grade diferente para a janela.
    • (No painel Inspetor ) Clique no ícone Design para alterar a cor e a opacidade do background.
  4. Quando estiver tudo pronto, clique em OK na parte inferior para sair do modo de edição.
Qual é o próximo passo?
Visualize seu site para ver sua janela em ação.

Definindo gatilhos para uma janela

Configure sua janela para que ela se comporte exatamente como você precisa. Você pode fazer com que ele apareça automaticamente quando os visitantes entram em uma página ou apenas quando eles clicam em um determinado link ou botão no seu site.
Observação:
Sua janela é exibida uma vez por visitante, na primeira página relevante que eles veem.

Para configurar uma janela:

  1. Clique no ícone Páginas na parte superior do Editor.
  2. Selecione a janela relevante à esquerda.
  3. Clique em Definir como ativar.
  4. Insira um nome para descrever a janela.
  5. Selecione a opção relevante em Mostrar janela automaticamente:
    • Sim: a janela aparece automaticamente quando os visitantes entram nas páginas relevantes
      1. Clique no campo Na página: e selecione as páginas em que deseja que a janela apareça.
      2. Arraste o slider Atraso para aumentar ou diminuir o tempo entre o carregamento da página e a exibição da janela.
    • Não: a janela não aparece quando os visitantes entram em uma página. Em vez disso, ele é acionado por um botão ou link que você escolher.
  6. Quando estiver tudo pronto, clique em OK para sair do modo de edição.
Observação:
Ao optar por exibir uma janela automaticamente em uma página (veja a etapa 5), a janela aparecerá novamente assim que os visitantes atualizarem seu navegador. No momento, não é possível definir uma janela para aparecer apenas uma vez. Clique aqui para votar nesse recurso

Vincule elementos como botões, texto ou itens de menu às suas janelas. Quando os visitantes clicam no elemento ou item de menu, a janela aparece como um pop-up.

Para vincular um elemento a uma janela:

  1. Escolha uma das seguintes opções:
    • Selecione o elemento que você deseja vincular e clique no ícone Link .
    • Acesse seu menu e clique no ícone Link .
  2. Selecione Janela à esquerda.
  3. Clique no menu dropdown Qual janela? e selecione a janela relevante.
  4. Clique em OK.

Gerenciando janelas

No painel Páginas, você sempre pode acessar e gerenciar as janelas do seu site. Dê à sua janela um nome fácil de reconhecer, duplique uma janela para criar uma nova rapidamente ou apague as janelas que você não precisa mais.

Para gerenciar suas janelas:

  1. Clique no ícone Páginas na parte superior do Editor.
  2. Passe o mouse sobre a janela relevante e clique no ícone Mostrar mais .
  3. Gerencie sua janela com uma das seguintes opções:

Esse artigo foi útil?

|