Como configurar o WooCommerce Apple Pay em seu site de comércio eletrônico?

Publicados: 2022-02-13

Seus gateways de pagamento impactam diretamente na decisão de compra dos clientes. Quanto mais métodos de pagamento forem oferecidos, mais vendas serão feitas. Em um mundo ideal, você escolheria uma opção o mais simples possível para seus visitantes usarem. Como resultado, você removerá os obstáculos entre sua empresa e as vendas em potencial. A marca Apple é cada vez mais popular devido à sua alta qualidade e segurança. Integrar sua loja online potencialmente trará mais benefícios. Para aproveitar ao máximo essa tendência, você deve adicionar um gateway de pagamento Apple Pay à sua loja WooCommerce. É por isso que, neste artigo, apresentaremos os antecedentes do pagamento Apple Pay e mostraremos como configurar o método de pagamento WooCommerce Apple Pay em seu site de comércio eletrônico.

Índice
[Aparecer esconder]
  1. O que é o Apple Pay?
  2. O que o Apple Pay exige?
  3. Como configurar uma opção de pagamento WooCommerce Apple Pay?
    1. Etapa 1: configurar o Stripe para WooCommerce
      1. #1: Instale e ative o plugin Stripe para WooCommerce
      2. #2: Habilite o Stripe no WooCommerce
      3. #3: Crie uma conta Stripe
      4. #4: Obtenha as chaves da API Stripe
      5. #5: Link Stripe usando as chaves de API
    2. Etapa 2: ative os pagamentos do Apple Pay no Stripe
      1. #1: Ative um botão WooCommerce Apple Pay
      2. #2: Solucionando problemas dos botões do WooCommerce Apple Pay
    3. Etapa 3: testar se o Apple Pay está funcionando
  4. Pensamentos finais,

O que é o Apple Pay?

O Apple Pay, uma carteira digital e sistema de pagamento móvel, adiciona outro método para você receber pagamentos de sua loja online. O sistema Apple Pay, como outros gateways de pagamento móvel e aplicativos de envio de dinheiro (como Venmo, Amazon Pay e Google Pay), oferece uma maneira mais simples e conveniente para os clientes pagarem, permitindo compras seguras diretamente de seus dispositivos.

woocommerce-apple-pay-1

Resumindo, o Apple Pay funciona de forma semelhante a um cartão de crédito, exceto que as informações de pagamento são salvas no dispositivo de um usuário (normalmente um telefone) para que ele não precise trazer seu cartão de crédito para pagamentos pessoais ou online.

Os usuários do Apple Pay conectam seus cartões de débito e crédito e os salvam no aplicativo Wallet em seu iPhone. Os pagamentos podem ser processados ​​em segundos se uma loja online ou física aceitar o Apple Pay.

Como resultado, o Apple Pay é outro método para seus clientes pagarem a você, portanto, é fundamental que você forneça essa funcionalidade em seu site, independentemente de você administrar uma grande loja WooCommerce ou uma loja afiliada.

O que o Apple Pay exige?

Para aqueles que desejam escolher o método de pagamento Apple Pay em sua loja WooCommerce, eles precisam:

  • Use o navegador Safari
  • Use um dispositivo Apple (por exemplo, iPhone, iPad, MacBook)
  • Habilite o Apple Pay no dispositivo

Para você, lojista que deseja aceitar o método de pagamento Apple Pay em sua loja, você precisa adicionar os seguintes elementos além de um site WordPress:

  • O plugin WooCommerce para tornar seu site uma loja de comércio eletrônico.
  • O plugin Stripe para WooCommerce para adicionar um método de pagamento.
  • Uma conta Stripe.

Como configurar uma opção de pagamento WooCommerce Apple Pay?

Neste tutorial, garantiremos que você tenha o plugin WooCommerce em seu site WordPress. Portanto, para aceitar o pagamento do Apple Pay, você pode começar com as etapas abaixo.

Etapa 1: configurar o Stripe para WooCommerce

Existem muitos plug-ins que suportam o Apple Pay, como os plug-ins de pagamento para o Stripe WooCommerce, Authorize.net, CyberSource, Moneris e o plug-in Square. Neste artigo, mostrarei como configurar o pagamento do Apple Pay em sua loja usando o Stripe para WooCommerce porque oferece pacotes razoáveis ​​e um processo de configuração intuitivo.

#1: Instale e ative o plugin Stripe para WooCommerce

No painel do WordPress, clique em Plugins > Adicionar novo , procure o plugin Stripe for WooCommerce.

woocommerce-apple-pay-2

Em seguida, clique em Instalar agora> Ativar

woocommerce-apple-pay-3
woocommerce-apple-pay-4

#2: Habilite o Stripe no WooCommerce

No painel do WordPress, clique em WooCommerce > Configurações > Pagamento .

woocommerce-apple-pay-6

Role até a parte inferior da página para encontrar a opção de pagamento com cartões de crédito Stripe. Você pode notar alguns outros campos com Stripe no título, mas ignore-os por enquanto; você deve primeiro habilitar a funcionalidade básica de Cartões de Crédito Stripe.

Ative a chave de Cartões de Crédito Stripe . Em seguida, dependendo de qual botão aparecer para você, clique em Configurar ou Gerenciar.

woocommerce-apple-pay-7

#3: Crie uma conta Stripe

Se você ainda não tem uma conta Stripe, agora você deve criar uma conta Stripe. Para fazer isso, você precisa de uma conta comercial para obter suas chaves de API do Stripe.

woocommerce-apple-pay-8

Tudo o que você precisa fazer é preencher todas as informações necessárias, incluindo o nome da sua empresa e as informações da conta bancária, no site da empresa.

#4: Obtenha as chaves da API Stripe

Nesta fase, você deve obter as chaves da sua conta Stripe. No painel do Stripe, clique em Desenvolvedores > Chaves de API .

woocommerce-apple-pay-9

Em seguida, você poderá visualizar suas chaves publicáveis ​​e secretas. Copie esses valores.

woocommerce-apple-pay-10

Depois disso, cole esses valores na seção de credenciais da API. Salvar alterações .

Em seguida, no painel do Stripe, clique em adicionar endpoint , copie o endpoint do webhook no WooCommerce e cole esse valor na URL do endpoint no Stripe.

woocommerce-apple-pay-12

Por fim, copie o segredo do webhook no Stripe e cole esse valor no WooCommerce.

woocommerce-apple-pay-13

Em seguida, lembre-se de clicar em Salvar alterações para atualizar todas as coisas no WooCommerce.

#5: Link Stripe usando as chaves de API

Navegue até a seção Configurações da API na nova página.

woocommerce-apple-pay-14

Se você estiver pronto para aceitar pagamentos, altere o Modo para Ao vivo . Caso contrário, permaneça no modo de teste .

No campo Connect Stripe Account , clique no botão Click to Connect . Isso leva você a uma nova página onde você pode fazer login na sua conta Stripe e conectá-la ao WordPress.

O WordPress agora leva você para a página de conexão de terceiros, que exibe sua conta do Stripe se você estiver logado. Como resultado, se o Stripe solicitar que você faça isso, você deve fazer login na sua conta.

Uma vez logado, selecione a conta Stripe que você deseja vincular à sua loja WooCommerce.

Clique no botão Conectar .

woocommerce-apple-pay-15

Agora você deve ver uma marca de seleção verde e uma mensagem indicando que sua conta Stripe foi conectada com sucesso.

Isso gera uma Chave Publicável e uma Chave Secreta, que são adicionadas aos campos apropriados no painel do WordPress.

Observação: a seção API do Stripe também exibe as chaves correspondentes. Isso é importante porque você pode obter as chaves no painel do Stripe, se necessário. Se o processo automatizado falhar, também é um bom lugar para gerar novamente as chaves.

woocommerce-apple-pay-16

Role para baixo na página WooCommerce Payments para clicar no botão Salvar alterações .

Isso garante que suas chaves do Stripe sejam armazenadas no WordPress e prontas para processamento de pagamento.

woocommerce-apple-pay-17

Etapa 2: ative os pagamentos do Apple Pay no Stripe

#1: Ative um botão WooCommerce Apple Pay

Atualmente, a integração do Stripe com seu site WordPress permite o processamento de cartão de crédito quando um cliente conclui o processo de checkout da loja.

E embora esta seja uma etapa necessária para adicionar o botão Apple Pay, ainda há mais algumas etapas a serem concluídas.

woocommerce-apple-pay-18

Agora, você precisa garantir que você realmente possui esse domínio. Normalmente, você precisa enviar um documento de verificação para uma seção dos arquivos do seu site hospedado (deve ser um arquivo de associação de domínio de desenvolvedor de apple ).

woocommerce-apple-pay-15

No entanto, você quase nunca precisa fazer isso manualmente. Basta ir à seção Apple Pay e clicar no botão Registrar Domínio .

woocommerce-apple-pay-16

Depois disso, você deverá ver uma mensagem informando que o domínio foi registrado com sucesso.

Vá para o painel do Stripe e clique em Configurações> Métodos de pagamento> Apple Pay para garantir que tudo esteja funcionando corretamente.

woocommerce-apple-pay-17

Seu nome de domínio deve aparecer na lista de domínios da Web.

woocommerce-apple-pay-18

Depois que o nome de domínio for verificado (automaticamente ou manualmente), você poderá verificar se o gateway de pagamento Apple Pay está funcionando bem.

Quando um cliente acessa seu site por meio de um dispositivo móvel com a conta Apple Pay configurada, ele agora verá o botão Comprar com Apple Pay na página do produto ou na página de checkout.

woocommerce-apple-pay-19

#2: Solucionando problemas dos botões do WooCommerce Apple Pay

Se você está recebendo erros ou acha que o processo ocorreu sem problemas, mas ainda não vê um botão Apple Pay em seu site, analise os seguintes problemas comuns para resolver seu problema:

  • O usuário não está usando um dispositivo móvel habilitado para Apple Pay. O Apple Pay só pode ser usado em um telefone se o usuário tiver uma conta Apple Pay. Portanto, recomendamos vincular um cartão de crédito ao seu aplicativo Apple Pay em um iPhone para testar e ver como o botão funciona em seu próprio site.
  • O site ainda não está ativo – as chaves de API para sites de teste e ativos são geradas separadamente. O botão Apple Pay não aparecerá se você estiver no modo de teste do Stripe, apesar do Stripe simular transações. Você tem que estar acordado.
  • O Stripe bloqueia a funcionalidade de pagamento (especialmente o Apple Pay) se você não tiver um certificado SSL e um “https://” (não um http://) antes do domínio. Para habilitar ou instalar SSL, você pode escolher qualquer SSL entre diferentes opções, como um certificado SSL Sectigo Wildcard (para vários subdomínios) para detalhes de pagamento e outras seguranças de dados online.
  • O plug-in Stripe for WooCommerce não conseguiu gerar as chaves da API Stripe automaticamente – Embora o plug-in Stripe for WooCommerce geralmente faça o truque, pode ser necessário renderizá-las manualmente na seção API Stripe.
  • O plug-in não consegue confirmar a propriedade – Se for esse o caso, carregue um arquivo de verificação para o seu site usando as instruções fornecidas na mensagem de erro.

Etapa 3: testar se o Apple Pay está funcionando

Quando tudo estiver pronto, você deve verificar a opção de pagamento Apple Pay novamente para ver se funciona perfeitamente na sua loja WooCommerce e nos dispositivos dos clientes. Para obter os melhores resultados, você deve:

  • Abra o navegador Safari no smartphone e no computador.
  • Visite seu site e coloque um de seus produtos no carrinho de compras.
  • Você deve poder pagar usando o Apple Pay. O Apple Pay não está aparecendo no seu dispositivo?
  • Prossiga para a página Check-out.

Se esse processo for tranquilo, você pode acreditar que funcionará bem nos dispositivos de seus clientes também. Caso contrário, verifique todas as etapas novamente e corrija as etapas erradas até obter os resultados esperados.

Pensamentos finais,

O WooCommerce Apple Pay certamente beneficia você, o dono da loja e os clientes com segurança, mais opções de pagamento e melhor UX.

Adicionar o WooCommerce Apple Pay ao seu site é uma jogada inteligente. Esse processo parece fácil para usuários experientes do WooCommerce, no entanto, pode ser complicado para iniciantes. Espero que este artigo tenha ajudado você a configurar o gateway de pagamento Apple Pay para sua loja WooCommerce com sucesso. Se você achar tão difícil começar, você deve contratar um desenvolvedor para ajudá-lo a processá-lo.