Passar para o conteúdo principal

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.

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?