← Voltar para a Central de Ajuda
Blocos HTML e Banners
Personalizar o layout da sua loja é muito simples no KiwiCart! Utilizando os Blocos HTML, você pode criar diferentes combinações de conteúdos para apresentar informações importantes, promoções e banners.
Para acessar a ferramenta, acesse Conteúdos > Blocos HTML.

Os blocos HTML podem ser posicionados no topo ou no final de cada página da sua loja, ordenados de acordo com a sua necessidade e apresentados apenas nas páginas que você escolher.
Há dois tipos de blocos que podem ser usados: Texto e Banner.
Blocos do tipo Texto
Estes são blocos mais simples, mas muito versáteis.

Eles podem conter qualquer tipo de informação textual, links, tabelas, listas e até imagens. E podem ser ainda mais versáteis se você possuir algum conhecimento avançado de HTML, já que você pode editar o código-fonte de cada bloco!
Banners
São blocos especiais de imagens.

Podem ser configurados para serem apresentados apenas aos visitantes que estiverem acessando a sua loja em um celular, desktop ou ambos! Depende das imagens que você selecionar para eles.
Se múltiplas imagens forem adicionadas, o banner as apresentará no formato carrossel (aquele que tem uma setinha para passar de uma imagem para a outra).
Definindo banners para celular (mobile)

Por padrão, cada imagem adicionada ao banner será apresentada no formato desktop. Se você quiser que a imagem apareça para celular, ative o modo mobile clicando no botãozinho com o ícone de celular, como no exemplo acima!
Se você precisar de um banner similar em ambos os formatos, desktop e mobile, será necessário adicionar duas imagens, uma para cada modo.
Tamanho ideal para imagens
Como a ferramenta tenta encaixar as imagens que você escolher da melhor maneira no espaço disponível na sua loja, ajustando a largura e a altura dinamicamente, é possível que algumas imagens pareçam estranhas.
Para evitar isso, recomendamos os seguintes tamanhos:
Desktop 1400 x 370 px
Mobile 570 x 370 px
Adicionando links nas imagens

Cada imagem do banner pode se tornar um link para algum produto ou página, dentro ou fora da sua loja. Para isso, basta preencher a URL de destino, como no exemplo acima!
Ficou com alguma dúvida? Entre em contato.