> ## Documentation Index
> Fetch the complete documentation index at: https://docs.aftersell.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Bloco Express payments

> O bloco Express payments do Aftersell Cart: exiba Shop Pay, PayPal e outros botões de checkout acelerado dentro do drawer.

> 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.

<div id="behavior">
  ## Comportamento
</div>

* 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.

<div id="adding-the-theme-snippet">
  ### Adicionando o snippet do tema
</div>

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.

<div id="settings">
  ## Configurações
</div>

| Configuração                  | O que controla                                                                                                | Padrão   |
| ----------------------------- | ------------------------------------------------------------------------------------------------------------- | -------- |
| **Default button height**     | A altura do botão no desktop, em pixels.                                                                      | `42`     |
| **Mobile button height**      | A altura do botão no mobile, em pixels.                                                                       | `42`     |
| **Checkout button alignment** | `left`, `center`, `right` ou `space-between`. Aplica-se apenas quando os botões cabem em uma linha.           | `center` |
| **Row gap**                   | Espaçamento vertical entre linhas, em pixels. Aplica-se apenas quando os botões quebram em mais de uma linha. | `8`      |

<div id="placement-and-limits">
  ## Posicionamento e limites
</div>

* **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.

<div id="custom-template">
  ## Template personalizado
</div>

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.

<div id="design">
  ## Design
</div>

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](/pt/aftersell/cart/design-settings).
