Últimas notícias da SeedProd

Tutoriais, dicas e recursos do WordPress para ajudar a expandir seus negócios

Apresentando efeitos de animação impressionantes e pagamentos com Stripe

Apresentando efeitos de animação impressionantes e o botão de pagamento Stripe 

Escrito por: imagem do autor Stacey Corrin
imagem do autor Stacey Corrin
Stacey escreve sobre WordPress e marketing digital há mais de 10 anos e sobre outros tópicos há muito mais tempo. Além disso, ela é fascinada por web design, experiência do usuário e SEO.
     Avaliado por: Turner John
imagem do revisor Turner John
John Turner é o cofundador da SeedProd. Ele tem mais de 20 anos de experiência em negócios e desenvolvimento e seus plug-ins foram baixados mais de 25 milhões de vezes.

Na SeedProd, um de nossos principais objetivos é facilitar ao máximo a personalização de seu site WordPress. Com isso em mente, estamos de volta com outro lançamento de recurso interessante para tornar seu site mais envolvente e fácil de usar sem código.

A partir de hoje, você pode animar qualquer parte do seu site com efeitos atraentes. Também lançamos um novo bloco do WordPress que permite que você aceite pagamentos com o Stripe.

Essa atualização torna o trabalho com o SeedProd mais fácil e agradável do que nunca. Assista ao vídeo abaixo para obter uma visão geral rápida dessa versão ou continue lendo para obter todos os detalhes.

Anime facilmente seu tema do WordPress

Até agora, se você quisesse adicionar efeitos de animação ao seu site WordPress, precisaria usar plug-ins externos volumosos do WordPress ou código personalizado. No entanto, com a nova opção de animações do SeedProd, qualquer pessoa com umplano Pro pode liberar sua criatividade para criar sites animados exclusivos sem afetar o desempenho ou contratar um desenvolvedor.

Veja como funciona:

  • Abra um layout no construtor de páginas do tipo arrastar e soltar
  • Clique em qualquer elemento
  • Selecione a guia Advanced settings (Configurações avançadas )
  • Efeitos de animação abertos
  • Escolha uma animação
Efeitos de animação do SeedProd

Com um total de 46 efeitos de animação, você pode adicionar transições e animações atraentes a qualquer página do seu site WordPress. Eles são muito fáceis de usar, exigindo apenas alguns cliques. Além disso, são tão cativantes de assistir que são ideais para aumentar o envolvimento.

Vamos dar uma olhada mais de perto nas diferentes animações disponíveis.

Buscadores de atenção

As animações de "busca de atenção" da SeedProd são projetadas para fazer exatamente isso: parar os visitantes em seus caminhos e chamar a atenção. Elas são uma ótima maneira de fazer com que os visitantes olhem para elementos cruciais do design, como botões de chamada para ação, formulários de inscrição e botões de adicionar ao carrinho.

Animações de busca de atenção do SeedProd

Há 18 animações do Attention Seeker para escolher, incluindo:

  • Salto
  • Flash
  • Pulso
  • Elástico
  • Agitar X
  • Agitar Y
  • Sacudir a cabeça
  • Balanço
  • Tada
  • Balançar
  • Gelatina
  • Batimento cardíaco
  • Bounce In
  • Flip
  • Flip In X
  • Flip In Y
  • Velocidade da luz à esquerda
  • Velocidade da luz na direita

Precisa de um exemplo?

Digamos que você esteja criando uma página de lançamento em breve e queira que os visitantes se inscrevam para receber notificações por e-mail. Com alguns cliques, você pode fazer com que o formulário de inscrição salte assim que os visitantes entrarem na página, capturando instantaneamente a atenção deles.

Animações no formulário de opt-in para a página "Em breve

E se você estiver promovendo um aplicativo? Nesse caso, você pode animar seus links de imagem do Google Play ou da App Store para o Flip, tornando-os instantaneamente mais visíveis e clicáveis.

Animação de inversão na imagem SeedProd

Deslizar, esmaecer, aplicar zoom e girar

Se estiver procurando efeitos de animação mais sutis, nossas animações Back In e Fading são opções fantásticas.

Na seção Back In, você pode escolher entre quatro efeitos deslizantes diferentes: para baixo, para a esquerda, para a direita e para cima. Como eles deslizam para a sua página a partir de quatro direções diferentes, são ideais para introduzir conteúdo menos urgente, como galerias de imagens, membros da equipe e serviços.

Por exemplo, se você for uma agência, poderá usar o efeito Back In para chamar a atenção das pessoas para o seu portfólio.

Animação de slides sobre o portfólio SeedProd

Da mesma forma, as animações de esmaecimento o ajudam a criar alguns efeitos exclusivos e interessantes. Por exemplo, você pode animar todos os elementos da sua página para que desapareçam à medida que você rola a página para baixo.

Efeitos de animação Fade SeedProd

Você pode até usar efeitos de animação nos elementos do cabeçalho, do rodapé e da barra lateral.

Os efeitos de rotação e zoom são perfeitos para isso, permitindo destacar informações importantes, como ícones de mídia social, categorias de blog, links de navegação e muito mais.

Como qualquer outro recurso do SeedProd, os efeitos de animação são 100% responsivos a dispositivos móveis e se adaptam a qualquer tamanho de tela. Eles oferecem inúmeras maneiras de personalizar seu site e não são apenas bonitos, mas também podem melhorar consideravelmente a experiência do usuário em seu site.

Aceite pagamentos rapidamente com o Stripe

Outro recurso interessante que estamos lançando hoje é o nosso novo botão de pagamento Stripe. Disponível para usuários gratuitos e pagos, ele permite que você conecte sua conta Stripe ao SeedProd e receba pagamentos diretamente do seu site WordPress.

Observação: há uma taxa de 3% por transação, além das taxas do Stripe.

Você pode encontrar o bloco Payment Button (Botão de pagamento ) na seção Advanced WordPress blocks (Blocos avançados do WordPress) e arrastá-lo para a sua página.

Bloco de botões de pagamento do SeedProd Stripe

Ao abrir as configurações de bloqueio, você pode clicar no botão Connect with Stripe (Conectar com Stripe) para vincular o SeedProd à sua conta Stripe.

Conecte o SeedProd à sua conta Stripe

Após autorizar a conexão, você retornará automaticamente ao seu site, onde poderá personalizar o botão de pagamento. Você pode editar o valor, a descrição e a moeda do pagamento e adicionar um URL de sucesso.

Configurações de bloqueio de pagamento do Stripe e opções de redirecionamento

O URL de sucesso é uma maneira fantástica de manter os usuários em seu site depois de fazer uma compra. Por exemplo, você pode usar o SeedProd para criar uma página de agradecimento personalizada que os clientes verão após o check-out.

redirecionar após o pagamento com o Stripe

Além disso, estilizar seu botão é muito fácil. Basta clicar nas configurações avançadas e escolher suas próprias opções de tipografia, espaçamento, cor e visibilidade do dispositivo.

Configurações avançadas do botão de pagamento SeedProd

Nosso botão de pagamento Stripe é uma notícia fantástica para os proprietários de pequenas empresas. Ele facilita muito a venda de um ou vários itens e a aceitação de pagamentos sem problemas, sem a necessidade de criar uma loja on-line inteira.

Atualize seu plug-in SeedProd hoje mesmo

Esperamos que você ache esses novos recursos tão interessantes quanto nós. Atualize seu site para a versão mais recente do SeedProd hoje mesmo para dar uma olhada neles.

Se você é novo no plug-in SeedProd, agora é o melhor momento para obter o SeedProd Pro e aproveitar seus recursos mais avançados.

Se tiver dúvidas sobre esses recursos, não hesite em entrar em contato com nossa equipe de suporte ao cliente. Estamos sempre prontos para ajudar.

Somos muito gratos por seu apoio, sugestões e feedback. Por favor, continue recebendo-os. Nosso compromisso de tornar o SeedProd o melhor construtor de sites em WordPress está ficando cada vez mais forte à medida que continuamos a vencer junto com nossos clientes.

avatar do autor
Stacey Corrin Escritor
Stacey escreve sobre WordPress e marketing digital há mais de 10 anos e sobre outros tópicos há muito mais tempo. Além disso, ela é fascinada por web design, experiência do usuário e SEO.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Recomendamos apenas produtos que acreditamos que agregarão valor aos nossos leitores.