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

# Configurações de marca pós-compra

> Como sua página pós-compra herda a marca do checkout da Shopify e onde editar essas configurações de marca dependendo do seu plano Shopify.

Sua página pós-compra é estilizada pela **marca do checkout da Shopify**, as mesmas configurações que estilizam suas páginas de checkout, de agradecimento e de status do pedido. Ela não tem um estilo próprio separado.

<Note>
  Se sua loja não está em um plano Shopify Plus, a pré-visualização no editor do Aftersell não corresponderá à sua página ao vivo. A Shopify não permite que apps leiam sua marca nesses planos, então a pré-visualização usará as configurações padrão da Shopify

  Isso afeta apenas a pré-visualização; sua página pós-compra ao vivo continua usando sua marca real. Para confirmar, faça um pedido de teste e verifique a página pós-compra.

  O editor de checkout não mostra uma página pós-compra, então não há nada para pré-visualizar ali. Sua marca ainda é aplicada a ela nos bastidores
</Note>

Onde você edita essa marca depende do seu plano Shopify.

<div id="if-you-are-not-on-shopify-plus-also-works-for-shopify-plus">
  ## Se você não está no Shopify Plus (também funciona para Shopify Plus)
</div>

A Shopify só permite que apps leiam e gravem a marca do checkout em planos Plus, então o Aftersell não pode mostrar nem alterar sua marca. Faça suas alterações no editor de checkout da Shopify. Para abri-lo, vá em **Settings → Checkout** no seu admin da Shopify e clique em **Customize**:

<img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/ppu-branding-opening-settings-checkout-customization.gif?s=b3a1fe180f95e25b418dcc69e53f306b" alt="Abrindo a página Settings Checkout da Shopify e seu editor de personalização de marca" width="2400" height="1080" data-path="images/aftersell/ppu-branding-opening-settings-checkout-customization.gif" />

O editor de checkout não mostra uma página pós-compra, então não há nada para pré-visualizar ali. Sua marca ainda é aplicada a ela.

A configuração **Colors → Buttons** é a que os lojistas mais perguntam — ela controla os botões "Add to order" e de próxima etapa na sua página pós-compra:

<img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/ppu-button-colours-checkout-editor-settings-panel.gif?s=966bf2ad4958a633fbb79e3410c57c47" alt="Painel Settings do editor de checkout com o campo de cor Buttons destacado" width="1344" height="1080" data-path="images/aftersell/ppu-button-colours-checkout-editor-settings-panel.gif" />

<div id="if-you-are-on-shopify-plus">
  ## Se você está no Shopify Plus
</div>

Edite sua marca diretamente no Aftersell, em **Settings → Checkout branding**. Suas alterações são gravadas diretamente na marca do checkout da Shopify, então elas se aplicam às suas páginas de checkout, pós-compra, de agradecimento e de status do pedido. Veja também [Configurações de marca do checkout](https://docs.aftersell.com/aftersell/checkout_branding_settings#checkout-branding-settings)

Nesses planos, a pré-visualização do editor do Aftersell também mostra sua marca real, para que você veja seu estilo sem precisar fazer um pedido.

Você pode usar o editor de checkout da Shopify se preferir. Ambos gravam nas mesmas configurações, então você só precisa de um.

***

Muitos dos campos do editor de checkout da Shopify estão vinculados à página pós-compra do Aftersell. O mapeamento abaixo mostra qual configuração do checkout da Shopify controla qual elemento na página de upsell pós-compra:

| Configuração do checkout da Shopify      | Controla na página pós-compra                    |
| :--------------------------------------- | :----------------------------------------------- |
| **Logo** (imagem, posição, tamanho)      | O logotipo da loja no topo da página             |
| **Main content area → Background color** | O plano de fundo da página                       |
| **Order summary → Background color**     | O plano de fundo do resumo da oferta             |
| **Typography → Headings**                | Títulos da oferta e dos produtos                 |
| **Typography → Body**                    | Texto do corpo                                   |
| **Colors → Accents**                     | Links, destaques e marcas de seleção             |
| **Colors → Buttons**                     | Os botões "Add to order" e de próxima etapa      |
| **Form fields**                          | Os campos de formulário de variante e quantidade |

Por exemplo, a cor do botão no checkout da Shopify é refletida diretamente na cor do botão na página pós-compra:

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/ppu-branding-diagram-mapping-checkout-settings.gif?s=6723f0540ebe555dc71715101ce120d2" alt="Diagrama numerado mapeando as configurações de marca do checkout da Shopify para elementos da página pós-compra" width="1048" height="1080" data-path="images/aftersell/ppu-branding-diagram-mapping-checkout-settings.gif" />

***
