Pular para o conteúdo

Configurar design do catálogo

Atualizado em 20 de outubro de 2026

A funcionalidade do catálogo digital conta com uma página dedicada para realizar as configurações de funcionamento e design dele

As abas contidas na página são: Informações do catálogo; Design; Vendas; Frete

Neste artigo, citaremos sobre as configurações para serem feitas na aba "Design"


Acessando a aba de Design do catálogo

Para acessar a aba de design do catálogo, é necessário seguir conforme imagem:

Tela do sistema indicando o caminho de configuração visual do catálogo digital: a opção "Catálogo digital" no menu lateral esquerdo marcada com o número 1, e a aba "Design" no menu superior marcada com o número 2, exibindo as opções de personalização de cores, textos e a pré-visualização em tempo real do catálogo.

Nela será possível configurar as seguintes opções:

  • Banners de destaque

  • Cor de destaque e dos textos

  • Frase de efeito / Sobre a empresa

  • Ordenação padrão dos produtos

  • Exibição de marcas

  • Destaque de ofertas


Preview do catálogo

Antes de iniciar nas configurações de design, é importante destacar sobre a preview do catálogo

Esta será uma janela extra que aparecerá ao abrir o design do catálogo, e que mostrará em tempo real uma pré-visualização de como as informações vão ser dispostas na loja conforme as alterações forem realizadas

Recomendamos sempre manter esta janela do preview em vista para ir acompanhando a prévia dos ajustes realizados!

Visualização prévia de um catálogo digital para dispositivos móveis da loja SMB TEST, exibindo seções de banners em carrossel, produtos com etiqueta de promoção, frase de efeito e informações sobre a loja.

Como configurar banners de destaque

Os banners de destaque possuem uma aba própria para serem configurados. Eles aparecerão no topo da sua página do catálogo

Eles podem ser usados para chamar a atenção do cliente para os produtos que você quer trazer mais visibilidade, ou para um outro detalhe de sua preferência

Recomendamos que as fotos de banners tenham uma proporção de 4:1 (Ex.: imagem de tamanho 1584x396px)

Opcionais:

  • É possível configurar mais de um banner para ser apresentado no catálogo

  • É possível atribuir um link para um banner para quando o cliente clicar nele, ser redirecionado para outro link

  • A ordenação de banners também é possível editar. Para ordenar a imagem do banner, arraste e solte para para a posição que desejar.

    Tela de personalização do catálogo digital na aba de design, com instruções numeradas para gerenciar os banners de destaque: acessar a seção de banners, adicionar novas imagens com seus respectivos links e reordenar a sequência de exibição arrastando as miniaturas.

Cor de destaque e dos textos

Para configurar as cores do catálogo, a opção destinada fica ao lado do campo da logomarca

Ao clicar no campo, é apresentada uma janela para selecionar a cor desejada

Conforme a cor é alterada, a prévia também vai mudando junto

Tela de configurações de design do catálogo digital com campos para personalização de cores de destaque, textos e informações da empresa, acompanhada por uma pré-visualização em tempo real do catálogo ao lado.

Ordenação padrão dos produtos

Por padrão, os produtos no catálogo são ordenados mostrando os produtos em oferta primeiro, e depois mostra os outros em ordem alfabética... porém é possível mudar este padrão caso desejado


Exibição da marca dos produtos

Caso um produto tenha uma marca inserida no catálogo dele, é possível configurar o catálogo para mostrar ou não esta marca no card dele na loja

Tela de configurações de design do catálogo digital no sistema Smb Store, demonstrando a ativação da opção de exibição de marcas dos produtos e a pré-visualização ao vivo ao lado.Catálogo digital exibindo as marcas dos produtos acima dos nomes dos itens após a ativação da opção de exibição.

Destaque de ofertas

Para os produtos que estão cadastrados com um preço de oferta no catálogo, é possível selecionar o ícone que ele receberá no card, juntamente no texto que vai aparecer nele

Tela de configurações de design do catálogo digital no sistema Smb Store, com a seção "Destaque de ofertas" aberta para personalização do ícone de oferta e do texto descritivo, acompanhada da pré-visualização ao vivo da loja.Produto do catálogo digital exibindo o selo de oferta configurado, destacando promoções para os clientes.

Tutorial em vídeo

Para conferir sobre os assuntos abordados neste artigo em formato de vídeo, acesse o vídeo abaixo: