Registro de alterações do Web SDK v1.5

• Data de lançamento: Versão mais recente
• Status: Versão de produção atual

Novidades na versão 1.5

Esta versão apresenta uma renderização aprimorada dos botões Google Pay e Apple Pay, com maior flexibilidade para os comerciantes controlarem o posicionamento e a exibição dos botões.

Atualização da exibição do Google Pay e Apple Pay

Renderização aprimorada dos botões para métodos de pagamento com carteira digital, com controle de interface do usuário melhorado.

1. Exibição de botões diretos: o Google Pay e o Apple Pay agora aparecem como botões diretos, em vez de botões de opção, na lista de métodos de pagamento. Esses botões são exibidos separadamente dos outros métodos de pagamento, proporcionando uma experiência de checkout mais clara e destacada.

Novos métodos e capacidades

Maior controle sobre o posicionamento e gerenciamento dos botões da carteira digital.

2. Novo método: mountExternalButtonsAdicionado um novo método que permite aos comerciantes exibir os botões do Google Pay e Apple Pay em locais personalizados dentro de sua interface de usuário. Isso proporciona controle total sobre o posicionamento e o estilo dos botões.

3. Métodos de desmontagem de botões: Adicionados métodos para desmontar botões externos:

   • unmountExternalButton(paymentMethodType)Desmontar um único botão externo
   • unmountAllExternalButtons()Desmonte todos os botões externos de uma só vez.

Lite SDK

Lite SDK atualizado Lite SDK para integrações de carteiras digitais.

4. Lite SDK: Na versão Lite do SDK, o Google Pay e o Apple Pay não estão mais disponíveis como opções de pagamento integradas. Os comerciantes devem usar o novo mountExternalButtons método para exibir esses métodos de pagamento.

Melhorias na experiência do usuário

Fluxos aprimorados de inscrição e pagamento para uma experiência de checkout mais tranquila.

5. Melhoria na experiência do usuário no cadastro do PayPal: o fluxo de cadastro do PayPal no SDK Lite e Full SDK simplificado. Quando os clientes selecionam o PayPal para cadastro, a tela de pagamento do PayPal agora abre imediatamente após a seleção, eliminando a etapa extra de confirmação. Isso proporciona uma experiência de cadastro mais rápida e integrada.

6. Melhoria na experiência do usuário do PayPal: O fluxo de pagamento do PayPal no SDK Lite e Full SDK simplificado. Quando os clientes selecionam o PayPal como método de pagamento, a janela de pagamento do PayPal agora abre imediatamente após a seleção, eliminando a etapa extra de confirmação. Isso proporciona uma experiência de checkout mais rápida e integrada.

Implementação

Compatibilidade total com versões anteriores para Full SDK . Lite SDK alterações no código para ser utilizado. mountExternalButtons para Google Pay e Apple Pay.

📘

Implementação da versão atual

Para obter instruções completas de implementação usando a versão 1.5, consulte a documentação do Web SDK.

Principais alterações em relação à versão 1.4

• Sem alterações significativas para Full SDK: a versão 1.5 é totalmente compatível com versões anteriores para Full SDK .
• Lite SDKO Google Pay e o Apple Pay agora exigem mountExternalButtons método
• Novo método: mountExternalButtons disponível para posicionamento personalizado dos botões
• Melhorias na interface do usuário: os botões do Google Pay e Apple Pay são exibidos como botões diretos, em vez de botões de opção.
• Experiência do usuário no cadastro do PayPal: fluxo simplificado de cadastro no PayPal com abertura imediata da folha após a seleção
• Experiência do usuário no pagamento via PayPal: fluxo de pagamento simplificado com abertura imediata da folha após a seleção

Atualização da tag de script

Fonte do script mais recente para recursos e melhorias da versão 1.5:

<script src="https://sdk-web.y.uno/v1.5/main.js"></script>

Exemplo de botões externos

Renderize os botões do Google Pay e Apple Pay em locais personalizados:

const yuno = await window.Yuno.initialize(publicApiKey);

await yuno.startCheckout({
  checkoutSession,
  elementSelector: '#root',
  countryCode: 'US',
  language: 'en',
  // ... other configuration
});

// Mount external buttons
await yuno.mountExternalButtons([
  {
    paymentMethodType: 'APPLE_PAY',
    elementSelector: '#apple-pay',
  },
  {
    paymentMethodType: 'GOOGLE_PAY',
    elementSelector: '#google-pay',
  },
]);

Exemplo de botões de desmontagem

Desmontar um único botão externo:

yuno.unmountExternalButton('APPLE_PAY');

Ou desmonte todos os botões externos de uma só vez:

yuno.unmountAllExternalButtons();

Migração da versão 1.4

Processo de atualização contínuo para Full SDK alterações significativas. Lite SDK atualizações de código para o Google Pay e o Apple Pay.

Full SDK

A atualização da versão 1.4 para a versão 1.5 requer alterações mínimas:

1. Atualize a fonte do seu script para apontar para a versão 1.5.
2. Não são necessárias alterações de código para as implementações existentes
3. O Google Pay e o Apple Pay serão exibidos automaticamente como botões diretos, em vez de botões de opção.

Lite SDK

Se você estiver usando Lite SDK quiser continuar oferecendo o Google Pay e o Apple Pay:

1. Atualize a fonte do seu script para apontar para a versão 1.5.
2. Adicione o mountExternalButtons chamada de método após startCheckout
3. Crie elementos HTML onde deseja que os botões apareçam (por exemplo, <div id="apple-pay"></div>)
4. Uso mountExternalButtons para renderizar os botões nos locais escolhidos

Exemplo de migração para Lite SDK:

// After startCheckout
await yuno.mountExternalButtons([
  {
    paymentMethodType: 'APPLE_PAY',
    elementSelector: '#apple-pay',
  },
  {
    paymentMethodType: 'GOOGLE_PAY',
    elementSelector: '#google-pay',
  },
]);

O que está obsoleto

Versão totalmente compatível com versões anteriores, mantendo todas as funcionalidades existentes.

Nenhum recurso foi descontinuado na versão 1.5. Todas as funcionalidades anteriores continuam disponíveis e são suportadas. A alteração na exibição do Google Pay e do Apple Pay (de botões de opção para botões diretos) é uma melhoria na interface do usuário e não afeta a funcionalidade.