Desenhar um pop-up

Aprende a desenhar um pop-up WEMASY com o editor de conteúdo, a escolher o layout, a definir o aspeto e a juntar outros idiomas.

Rascunho

O editor de pop-ups da WEMASY tem as definições à esquerda e o teu pop-up à direita. Alteras o texto e as imagens no editor de conteúdo, a forma e o estilo no separador Aspeto e os textos para visitantes de outros idiomas no separador Idiomas. Os pop-ups usam as cores do teu website, por isso condizem com o resto do teu site.

Abrir o editor

  1. Abre Pop-ups e clica em Pop-ups no menu superior.
  2. Clica na pré-visualização de um pop-up ou no ícone do lápis.

O lado esquerdo tem quatro separadores: Definições, Aspeto, Teste A/B e Idiomas. O lado direito tem Pré-visualização e Editor de conteúdo.

Alterar o conteúdo

  1. Clica em Editor de conteúdo à direita.
  2. Clica num texto, botão ou imagem do pop-up e altera-o.
  3. As alterações feitas no editor ficam guardadas aí.
  4. Clica em Pré-visualização para ver o resultado no computador e no telemóvel.

O conteúdo desenhado é publicado com o teu website. Publica o teu website outra vez para mostrar aos visitantes um design alterado.

Escolher o layout

No separador Aspeto, escolhe um Layout:

  • Janela ao centro
  • Caixa num canto
  • Barra no topo ou Barra em baixo. Assinala Empurrar a página para baixo (a barra não tapa o topo do site) para uma barra no topo.
  • Ecrã inteiro
  • Dentro da página: aparece dentro da página, sem fundo escurecido nem botão de fechar. Num website WEMASY, junta o bloco Pop-up no editor do website. Noutro website, clica em Copiar código e cola o código onde deve aparecer.

A Largura e a Posição no ecrã estão no separador Definições.

Definir o aspeto

  • Fundo: clica numa das cores do teu website para o pop-up seguir as cores do teu site, também quando mudam.
  • Cantos arredondados, Espaço interior e Sombra.
  • Cor do fundo escurecido, Escuridão do fundo escurecido e Desfoque do fundo escurecido para a área por trás do pop-up.
  • Cor do botão de fechar.
  • Animação: Aparecer, Ampliar, Deslizar para cima ou Nenhuma.
  • Largura total nos telemóveis.
  • Separador lateral depois de fechar: umas poucas palavras num pequeno separador na margem esquerda, como “10% de desconto”. Um clique abre o pop-up outra vez.

Clica em Guardar para manteres o aspeto. As alterações de aspeto chegam ao teu site em cerca de um minuto.

Mostrar o pop-up noutros idiomas

  1. Abre o separador Idiomas.
  2. Escolhe um idioma em Adicionar um idioma e clica em Adicionar.
  3. Escreve os textos ou clica em Traduzir com IA.
  4. Clica em Guardar para esse idioma.

Os visitantes cujo idioma não tem textos aqui veem o pop-up como foi desenhado. O separador também avisa quando muitos visitantes leem um idioma que ainda não adicionaste.

Perguntas frequentes

Mudei o texto mas os visitantes continuam a ver o pop-up antigo. Porquê?

O conteúdo desenhado é publicado com o teu website. Publica o teu website outra vez depois de alterares o design.

Como mudo as cores dos botões?

Os botões usam as cores do teu website. Altera-as para o website todo no estilo dele e o pop-up acompanha.

Relacionado: Juntar um formulário a um pop-up e Criar um pop-up.

Põe isto em prática
no teu próprio site.

Começa grátis com a WEMASY e cria o teu site em poucos minutos.