Passar para o conteúdo principal
Todas as coleçõesLoja Virtual
Como inserir um código CSS na minha Loja virtual?
Como inserir um código CSS na minha Loja virtual?

Saiba como você pode inserir um CSS customizado para alterar algum elemento da sua Loja virtual da Yampi.

Atualizado há mais de uma semana

O Código CSS é uma linguagem que pode alterar o estilo ou aparência dos elementos da sua Loja virtual. 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 a sua loja 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 sua Loja virtual da Yampi 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 familiridade 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 em sua Loja virtual?

Passo 1 - Acesse o painel da Yampi.

Passo 3 - Navegue até Configurações do tema Códigos;

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

Passo 5 - Acesse sua loja virtual e verifique as modificações realizadas.

O que posso personalizar via CSS?

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

  • Cores de elementos do Layout da loja;

  • 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 da sua loja. 

📌 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 na loja.

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 da sua Loja virtual.

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 Loja virtual;

Você pode encontrar um especialista aqui 👈🏽

Lembrando que essas são indicações são de parceiros participantes do nosso Programa de Especialistas. Todas as dúvidas e orçamento devem ser feitos diretamente com o parceiro.

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

Respondeu à sua pergunta?