Buttoner – Multi-shadow Button for Elementor

Descrição

O Buttoner adiciona ao Elementor um widget de botão com sistema de múltiplas sombras configuráveis, permitindo empilhar várias camadas de box-shadow num único elemento direto pelo painel visual do construtor. Voltado para quem cria landing pages e quer botões com profundidade visual além do padrão CSS, dispensa edição manual de código para alcançar efeitos de neumorfismo, sombras coloridas, brilhos internos e hover animado.

Principais Características do Buttoner

• Widget nativo do Elementor
  Adiciona um novo elemento de botão arrastável dentro do painel do construtor visual.
• Sistema de múltiplas sombras
  Empilha várias camadas de box-shadow no mesmo botão com controle individual por camada.
• Sombras internas e externas
  Configura inset e outer shadows combinadas para efeitos de neumorfismo e profundidade.
• Estados de hover personalizáveis
  Define sombras, cores e transições distintas para o estado normal e estado de interação.
• Controles visuais sem código
  Ajusta cor, blur, spread, deslocamento X e Y de cada sombra pelo painel lateral.

Benefícios do Buttoner

• Botões com identidade própria
  Cria call-to-actions visualmente diferenciados do botão padrão do Elementor.
• Economia de tempo de design
  Dispensa abrir editor de CSS ou ferramentas externas para compor sombras complexas.
• Maior taxa de conversão
  Botões com profundidade visual e hover marcado tendem a chamar mais atenção do visitante.
• Liberdade criativa no construtor
  Permite reproduzir tendências de UI como neumorfismo e glassmorphism direto no Elementor.

Para Quem o Buttoner é Indicado?

• Quem cria landing pages no Elementor e precisa de botões mais atrativos que o padrão.
• Designers que querem reproduzir efeitos de neumorfismo e sombras coloridas sem escrever CSS.
• Você que monta páginas de captura e quer chamadas para ação visualmente destacadas.
• Agências que entregam sites no Elementor e buscam diferenciais visuais nos botões.

Como Baixar o Buttoner

O Buttoner está disponível para download aqui no Ultrapack. Após baixar o arquivo .zip, instale em Plugins > Adicionar Novo > Enviar plugin, selecione o arquivo e ative. Após ativado, o widget passa a aparecer no painel de elementos do Elementor, na categoria de botões personalizados.

Voltado para quem trabalha com Elementor no dia a dia e quer ir além do botão padrão, o Buttoner amplia o controle de sombras do widget nativo, abrindo espaço para efeitos visuais que normalmente exigiriam CSS customizado. É um complemento focado em refinar o detalhe visual das chamadas para ação, com impacto direto na percepção de qualidade da página.

Perguntas Frequentes