Como personalizar as cores do checkout da minha loja com o layout Ipanema?
Personalize as cores do checkout da sua loja com o layout Ipanema nas configurações globais do editor: fundo, texto, destaque, botão principal e cabeçalho.
Última atualização: 06/10/2026
Com o layout Ipanema, você pode dar cores próprias ao checkout da sua loja, sem alterar as cores do restante do layout. Por padrão, o checkout continua usando as cores do seu layout, então você só altera o que quiser que fique diferente.
Neste tutorial, mostramos como configurar essa opção.
Por enquanto, as alterações não aparecem no editor enquanto você as faz. Para vê-las, salve as alterações e abra o checkout da sua loja.
Vamos aos passos!
1. Acessar o administrador da sua Nuvemshop.
2. Acessar "Loja online > Layout" e clicar em "Editar layout".
3. Clicar no ícone de engrenagem no menu superior (ao lado de "Editar layout") para acessar as configurações globais.
4. No menu lateral, em "Configurações avançadas", clicar em "Checkout" para abrir as configurações de cores.
5. Clicar no campo da cor que você quer alterar e escolher a cor que preferir. Os campos que mostram "Padrão" continuam usando as cores gerais do seu layout. Estas são as opções que você pode personalizar:
- "Cores principais": cor de fundo, cor do texto e cor de destaque.
- "Botão principal": cor de fundo e cor de linha e texto.
- "Cabeçalho": cor de fundo e cor do texto.
6. Clicar em "Salvar e publicar", se você estiver editando o layout ativo, ou em "Salvar", se estiver editando um layout rascunho.
7. Abrir o checkout da sua loja para ver o resultado: adicionar um produto ao carrinho e clicar em "Iniciar compra".
Pronto!
O checkout da sua loja aparece com as cores que você escolheu.
Para conhecer todas as opções de personalização do seu layout Ipanema, consultar: Como personalizar meu layout Ipanema na Nuvemshop?