Skip to main content
O bloco Express payments mostra botões de checkout acelerado (como Shop Pay, PayPal, Google Pay ou Apple Pay) dentro do carrinho, oferecendo aos compradores as opções de pagamento expresso que sua loja já disponibiliza para que eles pulem direto para um checkout de um toque.

Comportamento

  • O bloco não renderiza os próprios botões. Ele exibe os botões de checkout acelerado do próprio Shopify dentro do drawer, então quais métodos aparecem é determinado inteiramente pela configuração de pagamento da sua loja.
  • Se a sua loja não tem métodos de pagamento acelerado habilitados, nada é renderizado. Habilite métodos expressos (Shop Pay, PayPal e assim por diante) nas configurações do Shopify.
  • Seu tema geralmente também precisa de uma alteração de código única. O bloco clona os botões de checkout acelerado do Shopify da página da sua loja, então esses botões precisam ser renderizados lá primeiro.
  • No editor, o bloco mostra um placeholder no lugar dos botões reais.

Adicionando o snippet do tema

O painel de configurações do bloco tem uma seção Show recommended guide to edit your theme code com o snippet exato e um botão Copy code. Em resumo:
  1. Abra o editor de código do seu tema e depois layout/theme.liquid.
  2. Encontre a linha <body> e adicione uma nova linha abaixo dela.
  3. Cole o snippet que o painel fornece. Ele renderiza os botões de checkout acelerado do Shopify em um contêiner oculto, para que o carrinho tenha algo para clonar.
  4. Salve.

Configurações

Posicionamento e limites

  • Região: bottom.
  • Máximo: 1 por estado do carrinho.
  • Estado: apenas carrinho cheio.
  • Não é adicionado por padrão. Não é fixo — você pode removê-lo ou ocultá-lo.

Template personalizado

O bloco Express payments não suporta template personalizado, porque ele hospeda os botões de pagamento do próprio Shopify. Em vez disso, estilize-o com as configurações de Design do bloco.

Design

Estilize este bloco pela seção Design no painel de configurações. São substituições por bloco que se sobrepõem ao seu design global e voltam a ele quando ficam em branco. O que são configurações de design? Saiba mais aqui: Configurações de design.