Adicionar botões com degradê e link no Elementor é uma ótima maneira de enriquecer o design do seu site. Neste guia, você aprenderá como configurar esses botões de forma simples e eficaz. Vamos usar um layout que já desenvolvemos anteriormente e incrementar com botões estilizados. Vamos explorar diferentes estilos, como botões sólidos, com degradê e com sombra.
Configuração Básica do Botão
Para começar, você deve arrastar o widget de botão do Elementor para a sua seção desejada. Uma vez que o botão estiver na posição correta, você pode personalizá-lo com bordas arredondadas. Para isso, defina o raio da borda em 50, o que proporcionará uma forma bem redonda. Em seguida, modifique a cor de fundo para a cor de destaque e a cor do texto para branca, além de ajustar a tipografia para caixa alta e negrito.
Estilizando o Botão com Degradê
Após configurar o primeiro botão, você pode duplicá-lo para criar uma versão com degradê. Clique na opção de estilo e mude o tipo de fundo para gradiente. Escolha duas cores que combinem e altere o ângulo do degradê para dar um visual sofisticado. Um bom ângulo pode ser 180 graus. Certifique-se de que as cores do degradê sejam harmoniosas e que o efeito fique suave, trazendo um design atrativo e contemporâneo.
Botões com Sombra e Efeitos
A terceira opção que vamos explorar é adicionar sombra ao botão. Duplique novamente o botão que você criou e remova qualquer borda. Depois, adicione sombra usando as configurações do Elementor. Ajuste a opacidade, o desfoque e o deslocamento da sombra para criar um efeito de profundidade interessante. Isso proporcionará um resultado mais impactante, especialmente quando combinado com outras personalizações.
Em resumo, você aprendeu a criar botões com diferentes estilos no Elementor, desde simples botões até opções mais elaboradas com degradê e sombra. Esses elementos não só reforçam a identidade visual do seu site, mas também aumentam a interatividade com os usuários. Explore essas opções e dê vida aos seus botões!
.url_do_arquivo_original