Passar para o conteúdo principal

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 10 meses

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?