Pergunta do gateway de pagamento WordPress WooCommerce Stripe: estilizando o botão de solicitação de pagamento

Um usuário perguntou ?

Assim, o botão de solicitação de pagamento funciona perfeitamente e alterna entre Google Pay e Apple Pay dependendo do navegador/dispositivo.

Para dispositivos Apple, o botão usa o logotipo do Apple Pay, o que é bastante claro e óbvio: se as pessoas não tiverem o Apple Pay, elas o ignorarão e usarão o botão padrão WooComm “Continuar verificando”.

Mas para dispositivos Google/Android/Chrome, o botão roxo com uma pequena seta animada e apenas uma palavra “Comprar” – isso é extremamente confuso para os clientes, pois a maioria obviamente clicará. A maioria vê este grande botão de Compra animado sem perceber que é um botão separado, mas para o Google Pay. E se eles não implementaram um método de pagamento com um GP ou não querem usá-lo, eles não têm ideia do que está acontecendo. E muitas vezes você nem vê o botão padrão “Continuar verificando” devido à sua confusão.

Então, apesar do bom estilo de animação roxo, este botão obviamente precisa ser alterado para GP como o botão AP, o que deixa completamente claro para os visitantes que este é um botão especial somente para GP.

Se isso não for possível, deve haver uma maneira de editar o texto “Comprar” nas configurações do plug-in para torná-lo um texto personalizado, como “Comprar agora com o Google Pay” ou qualquer outra coisa.

Surpreendentemente, ninguém mais comentou sobre isso, mas acho que o botão Solicitar pagamento está desabilitado (como fiz até ser corrigido) na maioria dos sites que usam esse plugin.

(@royho)

1 ano, 11 meses atrás

Este plugin usa o que o Stripe oferece, veja aqui

Caso contrário, seria uma solução totalmente personalizada que não suportamos.

(@nixiack8)

1 ano, 10 meses atrás

Olá @akc123,

Vou em frente e fechar este tópico, se você tiver mais alguma dúvida, por favor, abra um novo tópico e nos avise.

(@afnangulabbasi)

1 ano, 9 meses atrás

Ei, não sei se você conseguiu ajuda com isso ou não, mas acabei de escrever um post inteiro no blog explicando como fazer isso porque precisava de ajuda com isso também.

Confira aqui:

Esta resposta foi modificada há 1 ano e 9 meses.

(@jwpapi)

1 ano, 7 meses atrás

@afnangulabbasi Você encontrou uma maneira de manter isso atualizado?

(@afnangulabbasi)

1 ano, 7 meses atrás

@jwpapi Perguntei ao desenvolvedor do plugin sobre isso.

Você pode ler isso aqui:

Existem várias maneiras, incluindo não enfileirar e reenfileirar, fazendo uma duplicata. Não há ganchos nessa parte do plugue, portanto, não podemos modificá-lo usando os ganchos.

Mas eu tomei a abordagem de replicar o plugin. Você pode alterar o nome do plug-in + a versão no arquivo principal do plug-in e mantê-lo como seu próprio plug-in personalizado. Muitas vezes, quando você atualiza seus plugins em um mês ou mais, você vê se o plugin está atualizado e, em seguida, atualiza manualmente todos os arquivos.

Parece tedioso, mas essa é a única solução no momento. Eu poderia trabalhar no desenfileiramento e reenfileiramento, pois era a melhor solução aqui, mas estou um pouco ocupado no momento com algum trabalho de cliente que não posso focar nisso.

(@jwpapi)

1 ano, 7 meses atrás

Muito obrigado! Isso já me ajuda muito.

A propósito, você pode procurar uma maneira de exibi-lo apenas no Chrome + Android. Já que no Chrome você também pode usar o Google Pay. Vou atualizar aqui se eu fiz isso primeiro, revisando a documentação deles.

(@afnangulabbasi)

1 ano, 7 meses atrás

De nada!

Ele só pode ser exibido no Chrome e no Android, acho que contém um trecho de JS que nos ajuda a detectar navegadores, então talvez possamos usá-lo. Mas isso exigirá mais personalização e tempo.

A customização do meu site, publiquei há dois meses, então tem que funcionar. Segue mais ou menos o mesmo que o Stripe diz em sua documentação, mas um pouco diferente. Além disso, eles explicam complicado, eu expliquei de maneira WordPress.

Isto foi útil?

0 / 0

Deixe um comentário 0

Your email address will not be published. Required fields are marked *