Editor do Wix Studio: usar janelas
6 min de leitura
Uma janela é um pop-up que você pode personalizar como preferir. Faça o design da janela pop-up, adicione os elementos que deseja e escolha quando ela aparece para os visitantes do site.
Você também pode vincular elementos, como texto, botões ou imagens a uma janela, para que ela abra quando eles forem clicados. Essa é uma ótima maneira de aumentar a exposição de informações com validade limitada, como ofertas e promoções.
![Um exemplo de uma janela usada para ganhar mais assinantes para a newsletter do cliente](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2020/07/11/c7f68f5c-04b3-4d64-ab02-6c56a13a7cf2/37de16b0-e8e4-4fed-8107-16c7932b4a15.png)
Neste artigo, saiba como:
Adicionar uma janela
Adicione uma janela pop-up ao seu site para que você possa começar a configurar anúncios interessantes para os visitantes verem.
Para adicionar uma janela:
- Clique em Elementos
no lado esquerdo do Editor.
- Clique em Ferramentas de layout.
- Clique em Janelas.
- Selecione a janela que você deseja adicionar.
Personalizar uma janela
Personalize a janela para combinar com o resto do site. Adicione os elementos necessários, altere a cor do background e escolha a opacidade.
Para personalizar uma janela:
- Clique em Páginas
no lado esquerdo do Editor.
- Selecione a janela relevante em Janelas.
- Clique na janela no seu Editor.
- Escolha como personalizar a janela:
- Adicionar elementos:
- Clique em Elementos
no lado esquerdo do Editor.
- Arraste e solte o elemento relevante.
- Clique em Elementos
- Fazer o design do background:
- Clique na seta Abrir inspetor
no canto superior direito do Editor.
- Role para baixo até Design.
- Escolha uma cor e defina a opacidade do background em Background.
- Clique na seta Abrir inspetor
- Adicionar elementos:
- Quando estiver tudo pronto, clique em OK na parte inferior para sair do modo de edição.
![Uma captura de tela do modo de edição da janela, escolhendo uma cor de background no Inspetor](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/23/701f2905-9373-4742-ab5a-f5dea1b0122a/7f6bf744-cd5d-4b9b-971d-325512b5b80f.png)
Qual é o próximo passo?
Visualize o site para ver a janela em ação.
Definir gatilhos para uma janela
Escolha como e quando a janela aparece. Você pode configurá-la para aparecer automaticamente em páginas específicas do site ou vinculá-la a um elemento (por exemplo: texto, imagem). Você também pode decidir como os visitantes fecham a janela depois de visualizá-la.
Observação:
A janela é exibida uma vez por visitante, na primeira página relevante que eles veem (caso ela esteja configurada para aparecer em várias páginas).
Para configurar gatilhos:
- Clique em Páginas
no lado esquerdo do Editor.
- Selecione a janela relevante em Janelas.
- Clique na janela na tela.
- Clique em Definir gatilhos.
- Selecione a opção relevante em Mostrar janela automaticamente:
- Sim: a janela aparece automaticamente quando os visitantes entram nas páginas relevantes
- Clique em Na página para selecionar as páginas relevantes.
- Arraste o slider Atraso para definir quanto tempo (em segundos) leva para a janela aparecer depois que a página carregar.
- Não: a janela não aparece quando os visitantes entram em uma página. Em vez disso, ela é acionada por um botão ou link que você escolher.
- Sim: a janela aparece automaticamente quando os visitantes entram nas páginas relevantes
- Ative as alavancas relevantes em Como fechar a janela.
Observação: se você desativar o ícone "X" e o botão "Fechar", os visitantes podem clicar fora da janela para fechá-la. - Quando estiver tudo pronto, clique em OK para sair do modo de edição.
![O painel de gatilhos abre ao lado de uma janela, configurado para abrir automaticamente na página inicial](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/23/643d2796-9ac6-4722-9038-cc0b22a30dd8/81fa2e55-51f1-4a38-a0fb-9e32ebbaa1a5.png)
Definir uma programação para uma janela
Escolha quando os visitantes do site veem a janela. Se você estiver promovendo uma oferta por tempo limitado, por exemplo, isso garante que a janela apareça apenas no período relevante.
Para definir a programação da janela:
- Clique em Páginas
no lado esquerdo do Editor.
- Selecione a janela relevante em Janelas.
- Clique na janela na tela.
- Clique em Definir gatilhos.
- Role para baixo até Programação da janela e clique em + Definir programação.
- Defina a data e horário de início e a data e hora de término.
Dica: verifique se o fuso horário correto está definido. Caso contrário, você pode alterá-lo.
![Definindo a programação da janela no Editor do Wix Studio](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/12345678-1234-1234-1234-1234567890ab/2023/11/15/7028b1b2-1c21-4410-923f-d607bad6d33d/472f00e7-58d5-43f5-91a7-3684bb644207.png)
Vincular elementos a uma janela
Vincule elementos no site para abrir uma janela, para que os visitantes nunca percam um aviso. Você pode vincular elementos como texto, imagens, vídeos e botões.
Para vincular um elemento a uma janela:
- Clique no elemento relevante no seu Editor.
- Clique no ícone Link
.
- Selecione Janela à esquerda.
- Clique em Qual janela? e selecione a janela relevante.
- Clique em OK.
![Vinculando um elemento de máscara de texto para abrir uma janela quando os visitantes clicarem nela](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/23/70a15d1d-474c-441e-9f65-bb3c8e2e8af4/8513c356-3f4b-4d36-9e2e-3564e1a6006b.png)
Gerenciar uma janela
Gerencie as janelas do site para mantê-las organizadas no Editor. Você pode renomeá-las para que sejam fáceis de encontrar, duplicá-las para economizar tempo e excluir janelas irrelevantes.
Para gerenciar uma janela:
- Clique em Páginas
no lado esquerdo do Editor.
- Clique no ícone Mais ações
ao lado da janela relevante.
- Escolha o que fazer a seguir:
Renomear uma janela
Duplicar uma janela
Excluir uma janela
![Uma janela no painel Páginas, mostrando as opções de gerenciamento disponíveis](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/23/1f2672e9-2158-4616-aa93-cb8c50f96ee4/48d810e3-3d31-4607-864a-9ac77c83c5d6.png)
Esse artigo foi útil?
|