Precisa criar um botão de gradiente em Elementor ?

O botão é um elemento crucial o suficiente se você quiser oferecer algo em seu site da Web. Seja através de uma landing page, um menu de navegação, uma barra lateral, etc….

Em Elementor, você pode facilmente adicionar um botão no seu site da Web já que este plugin do construtor de páginas vem com um widget de botão. Para tornar seu botão mais atraente, você pode decorá-lo adicionando um efeito de gradiente, por exemplo.

Por padrão, o widget de botãoElementor não tem a opção de adicionar um efeito gradiente. Mas nada é impossível. Com um pequeno truque, você pode criar um botão gradiente no Elementor. O próprio widget de botão está disponível em ambos Elementor Free e Elementor Pro para que você possa aplicar este truque independentemente da versão do Elementor que estiver usando.

Como criar um botão de gradiente no Elementor

Para adicionar um botão no Elementor, arraste o widget Botão do painel esquerdo e solte-o na área de edição do Elementor.

Na guia Conteúdo, você pode adicionar o link do botão no campo Fazer a ligação. Para alterar o rótulo do botão padrão, você pode substituir o texto padrão " cliquez Ici" no campo Textos. Você também pode adicionar um ícone, se desejar.

Para decorar seu botão, você pode acessar a guia Estilo. Para alterar o estilo e o tamanho da fonte, você pode clicar no ícone de lápis na opção Tipografia. Para alterar a cor da fonte e o fundo do botão, você pode clicar no botão transparente nas opções Cor do texto et fundo botão.

Aqui está a etapa principal deste tutorial. Para adicionar um efeito de gradiente ao seu botão, você pode clicar no ícone ao lado da forma do lápis.

Mude a primeira cor e depois a segunda cor

Defina a localização e o tipo. Se o tipo estiver ativado linear a opção ângulo aparecerá e você pode definir o ângulo com base no que verá na visualização. E se você escolher Radial, você precisará definir a posição. Manipule essas configurações e opções até estar satisfeito.

Agora você pode publicar sua página quando terminar de usar os outros widgets.

Obtenha o Elementor Pro agora!

Conclusão

Aqui ! É isso neste artigo que mostra como fazer um botão de gradiente no Elementor. Se você tiver alguma dúvida sobre como chegar lá, informe-nos no Comentários.

No entanto, você também pode consultar nossos recursos, se você precisar de mais elementos para realizar seus projetos de criação de sites da Internet, consultando nosso guia no site Criação de blog WordPress ou aquele em Divi: o melhor tema WordPress de todos os tempos.

Mas enquanto isso, compartilhe este artigo em suas diferentes redes sociais.

...