Passar para o conteúdo principal
Todas as coleçõesCheckoutPersonalizar
Como inserir um código CSS no Checkout?
Como inserir um código CSS no Checkout?

Saiba como você pode inserir um CSS customizado para alterar algum elemento do seu checkout.

Atualizado há mais de uma semana

O Código CSS é uma linguagem que pode alterar o estilo ou aparência dos elementos da sua página de Checkout.  Através desse código, você pode alterar cores, disposição, tipografia e outros componentes visuais da sua página.

Lembrando que aqui na Yampi oferecemos diversas opções para você personalizar o seu Checkout e deixar ele com a cara do seu negócio. No entanto, caso você queira ajustar algum elemento específico, é uma boa opção para você.

Nesse artigo vamos mostrar o caminho pra você inserir um código CSS em seu Checkout e os elementos que podem ser modificados.

⚠️Atenção

A Yampi não desenvolve códigos ou fornece suporte para códigos CSS. Caso você não possua familiaridade com este recurso e precisa de alguma customização via CSS, recomendamos que contate um profissional da sua confiança pra realizar essas modificações.

A Yampi possui um programa de parceiros especialistas que podem te ajudar a realizar as modificações em sua página!

Encontre um especialista aqui 👈🏽

Como inserir um código CSS no checkout?

Passo 1 - Acesse o painel administrativo;

Passo 3 - Navegue até CSS customizado;

Passo 4 - Insira seu código CSS customizado e clique em “Salvar”;

Passo 5 - Acesse seu checkout, por meio de um produto ou simulação em sua loja e verifique as modificações realizadas.

O que eu posso personalizar via CSS?

É possível modificar via código CSS elementos visuais, como:

  • Cores de elementos do Layout;

  • Tamanhos, espaçamentos e posicionamento dos elementos;

  • Tipografia;

  • Adicionar ícones ou imagens;

  • Bordas e sombras;

  • Ocultar campos ou elementos visuais;

  • Inserir frases ou Tags em campos específicos;

  • Estilizar botões, etc.

Essas são algumas das possibilidades que o CSS oferece para personalizar o layout do seu checkout.

📌 Importante saber: Essa é uma linguagem que estiliza a aparência da sua página. Não é possível modificar e criar novos elementos e funcionalidades no checkout.

Dúvidas frequentes 🤔

A Yampi presta suporte ou pode me ajudar a criar os códigos CSS?

Não, não prestamos suporte para criação e manutenção desses códigos. Recomendamos que essas alterações sejam realizadas por profissionais, pois um código inserido incorretamente pode quebrar o layout do seu checkout.


Vocês podem passar indicações de profissionais capacitados para auxiliar no desenvolvimento dos códigos?

Sim! A Yampi possui parceiros especialistas que podem te ajudar a realizar as modificações em sua página.

Você pode encontrar um especialista aqui 👈🏽

Em caso de dúvidas, clique no balãozinho de atendimento em seu painel ou nos encaminhe pelo e-mail [email protected] 😉


Artigos relacionados

Respondeu à sua pergunta?