Editor Wix: adicionar e personalizar um botão Voltar ao topo no site mobile

3 min de leitura
Adicione um botão Voltar ao topo para permitir que os visitantes que usam o celular naveguem rapidamente para a parte superior do seu site. Você pode alterar o ícone como preferir e personalizá-lo ainda mais para destacá-lo aos visitantes.
Neste artigo confira:

Adicionar um botão Voltar ao topo

Comece adicionando um botão no painel Ferramentas do mobile no Editor mobile.

Para adicionar um botão Voltar ao topo:

  1. Abra seu site no Editor mobile.
  2. Clique no ícone Ferramentas do mobile no menu à esquerda.
  3. Clique no ícone Adicionar ao site  ao lado de Botão Voltar ao topo.
O painel ferramentas do mobile no editor mobile. O cursor está clicando no botão Voltar ao topo.
Observação:
O botão Voltar ao topo só aparece em páginas com o layout Padrão e em páginas com pelo menos 1380 pixels de tamanho (não em páginas curtas).

Personalizar o botão

Selecione um ícone para seu botão. Você pode escolher uma de nossas predefinições ou fazer upload da sua própria e personalizar ainda mais o design para combinar com a aparência do seu site.

Para alterar o ícone:

  1. Clique no botão no seu editor.
  2. Clique em Alterar ícone.
  3. Selecione um ícone predefinido ou clique no ícone Adicionar para escolher entre milhares de imagens de arte vetorial ou fazer upload da sua própria.
  4. (Opcional) Clique em Personalizar design para que ele fique como você deseja:
    • Cores do preenchimento: escolha a cor/cores e torne-as mais ou menos opacas.
    • Sombra: ative e ajuste uma sombra no botão para dar a ele um efeito 3D.
Uma visualização cortada do painel de ícone Alterar. O cursor clicou em um ícone de seta.

Alterar o layout do botão

Altere a posição e as margens do botão para se adequar ao alinhamento do seu site mobile.

Para ajustar o layout:

  1. Clique no botão no seu editor.
  2. Clique no ícone Layout .
  3. Ajuste o layout com as opções:
    • Alinhamento do botão: alinhe o botão à esquerda ou à direita do site.
    • Margens: use os sliders para ajustar as margens ao redor do botão.
O painel de layout do botão. O cursor está arrastando o slider para ajustar as margens verticais ao redor do botão.

Esse artigo foi útil?

|