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. Clique em Ferramentas mobile  no lado esquerdo do seu editor mobile.
  2. 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 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. Vá para o seu editor mobile
  2. Clique no botão.
  3. Clique em Alterar ícone.
  4. 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.
  5. (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. Vá para o seu editor mobile
  2. Clique no botão.
  3. Clique no ícone Layout .
  4. 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?

|