Adicionar um botão "Rolar para o topo" ao seu site do Weebly é uma maneira conveniente de melhorar a experiência do usuário e tornar mais fácil para os visitantes retornarem rapidamente ao topo da página. Aqui está um guia passo a passo sobre como adicionar um botão "Rolar para o topo" no Weebly:

Etapa 1:crie um link de texto "Rolar para o topo"

1. No editor do site Weebly, navegue até o painel “Elementos” no lado esquerdo da tela.
2. Arraste e solte o elemento "Texto/HTML" na página onde deseja que o botão "Rolar para o topo" apareça.
3. No editor "Texto/HTML" que aparece, insira o seguinte código HTML:

```html
Voltar ao início
```

1. Substitua “#top” pelo ID do elemento no topo da sua página. Este pode ser o seu cabeçalho ou elemento de logotipo.
5. Clique em “Atualizar” para salvar o link de texto.

Etapa 2:adicionar CSS personalizado para estilo

Para tornar o botão "Rolar para o topo" visível e estilizá-lo de acordo com sua preferência, você precisará adicionar CSS personalizado:

1. No editor do Weebly, clique na aba “Design” na parte superior da tela.
2. Clique na guia "CSS personalizado" no painel Design.
3. Cole o seguinte código CSS no campo CSS personalizado:

```css
/* Role até o estilo do botão superior */
a#top {
posição:fixa;
inferior:20px;
direita:20px;
preenchimento:8px 12px;
cor de fundo:#555;
cor:#fff;
tamanho da fonte:14px;
decoração de texto:nenhuma;
raio da borda:4px;
}

a#top:hover {
cor de fundo:#333;
}
```

Neste código CSS, você pode ajustar o posicionamento, as cores e outros estilos do botão "Rolar para o topo" para combinar com o design do seu site.

Etapa 3:Publique seu site

Depois de fazer as alterações necessárias, visualize seu site para garantir que o botão "Rolar para o topo" funcione corretamente. Por fim, clique no botão “Publicar” no editor do Weebly para que as alterações sejam publicadas em seu site.

Agora, seu site Weebly deve ter um botão funcional “Rolar para o topo”, permitindo que seus visitantes retornem ao topo da página sem esforço.