Manual de Temas SM Places

Modified on Wed, 15 Feb, 2023 at 2:54 PM

 

1. Introdução


Neste manual vamos apresentar todas as informações sobre o tema e o que você precisa saber para gerenciar, configurar e ter uma experiência ainda melhor sobre nossos temas.

O layout para o seu marketplace é desenvolvido levando em consideração a nossa base padrão de temas, uma estrutura pré-determinada. Seguimos também as boas práticas de linguagens de programação para que o seu marketplace tenha o que há de mais moderno no mercado.
É importante ler atentamente e seguir as instruções para que você compreenda mais sobre os nossos temas. Ao final dessa documentação você conhecerá a estrutura dos temas, layout, configuração e posicionamento de banners. Boa leitura!


01 - Introdução.png


 

2. O que é um tema? 


Um tema é um modelo de layout com a estrutura padrão do nosso marketplace. Para a sua empresa, você pode escolher um tema padrão e usar a estrutura dele ou customizar, deixando de acordo com a identidade visual da sua empresa. Essa estrutura traz componentes e elementos padrões da nossa plataforma.

Após o desenvolvimento e customização por nossa equipe técnica, com pouco conhecimento técnico você consegue editar alguns elementos, como cores, logo, textos complementares, redes sociais, de forma simples e fácil, deixando com a cara da sua empresa.

 

02 - O que é um tema.png

 

3. Qual é a diferença entre layout e tema?

Para que não fique nenhuma dúvida sobre esse assunto, é importante que você compreenda a diferença entre os dois, isso vai te ajudar quando conversar com a nossa equipe.
O tema é um modelo padrão que tem como base a estrutura da nossa plataforma. É a partir dele que criamos o layout do seu marketplace. O layout por sua vez é a customização dos nossos temas para a identidade visual da sua empresa.

 

03 - Qual é a diferença entre layout e tema.png

 

4. Escolher temas 

Escolha um tema para sua empresa na Loja de temas gratuitos SM Places. Oferecemos 5 opções de temas para construir o seu Marketplace. Todos esses gratuitos e desenvolvidos por nossa equipe, acesse aqui a página de temas. Caso tenha a necessidade de customização, fale com a nossa equipe comercial e vamos desenvolver de acordo com as necessidades do seu negócio. Antes de escolher um tema, certifique-se de entender as funcionalidades disponíveis.

Encontre o tema certo.

 

04 - Escolher temas.png

 

5. A estrutura de um tema

Disponibilizamos 5 temas e cada um tem as suas características. Se você escolher um desses temas sem customização, no prazo de 48 horas o ambiente estará disponível para começar a utilizá-lo.

Cada tema é composto por diversas páginas e as principais são:

  • Home: Página inicial do seu marketplace;
  • Categorias: Página de listagem de produtos de uma categoria específica;
  • Produto: Página de detalhes do produto no marketplace;
  • Loja: Página de todos os produtos de uma determinada loja.

Estamos aprimorando a adaptabilidade dos nossos temas com o design responsivo, permitindo ao marketplace se adaptar a diferentes dispositivos em resoluções para mobile, tablet e desktop, reorganizando os elementos para melhor adequação da informação.

a. Seções

Os temas são estruturados em seções, cada seção faz parte da estrutura base de conteúdo que determinam o layout e a aparência de diferentes páginas do marketplace.

Os temas da SM Places têm os seguintes tipos de seções:

  • Seções estáticas: seções que aparecem em locais predeterminados do marketplace e podem ser alteradas e reorganizadas, mas não podem ser removidas da interface. São elas: cabeçalho, rodapé, seções de navegação de banner principal ou de conteúdo em páginas como as de produto e de categorias.
  • Seções dinâmicas: seções atualizadas pelo administrador do marketplace usadas para apresentar produtos, banners promocionais, marcas, lojas e categorias. Cada tema tem um conjunto único de seções de acordo com a necessidade para a página principal.

05 - A estrutura de um tema [seções].png

 

b. Largura dos temas

A grande maioria dos nossos temas gratuitos estão disponíveis na resolução 1366px, a mais utilizada no Brasil para desktop/web e todos eles com adaptação para mobile. Trabalhamos em melhorias para a evolução de nossos temas. Ao contratar um novo tema customização você vai receber orientações de dispositivos de elementos em resoluções com adaptações para mobile, tablet e desktop/web, visando a melhor experiência de uso para os seus clientes.

 

c. Header (cabeçalho)

No cabeçalho contém a navegação principal do marketplace e fornece aos usuários respostas rápidas a perguntas básicas: em qual empresa estou, qual produto vende, qual tipo de produto, usuário pode criar sua conta, assim por diante. Além disso, representa a identidade do marketplace.

Os principais elementos de um cabeçalho são:

  • Logotipo ou identificador de marca
  • Campo de pesquisa
  • Elementos de navegação por categorias de produtos
  • Autenticação de usuário e cadastro
  • Carrinho de compras

05 - A estrutura de um tema [header].png

 

d. Footer (rodapé)

O rodapé do marketplace é a seção de conteúdo na parte inferior de todas as páginas, nele contém a navegação secundária, composto por links institucionais, de segurança e instruções de usuário, para citar alguns: política de privacidade, perguntas frequentes, termos de uso, entre outros.

Os principais elementos de um rodapé são:

  • Elementos de navegação para links institucionais
  • Informações de contato
  • Navegação de acesso do lojista
  • Bandeiras de meios de pagamento
  • Informações de segurança nas compras
  • Ícones de mídia social

 


05 - A estrutura de um tema [footer].png

 

6. O que posso customizar no tema?

Disponibilizamos customização de aparência, cores, conteúdo, entre outras, e ficamos surpreendidos com o que nossos clientes conseguem fazer. Algumas dessas customizações realizadas pelos clientes são analisadas e implementadas em definitivo no marketplace, possibilitando que todos os clientes tenham também as melhorias.

O editor de códigos CSS permite que customizações visuais sejam realizadas, para tornar o marketplace mais próximo da identidade visual da sua empresa, isso, caso não tenha contratado um plano de customização de temas.

Você pode customizar:

  • Visual do marketplace: Use o editor css para customizar o que desejar, aqui é preciso de conhecimento técnico básico;
  • Cor do botão do checkout: Nosso checkout é padrão, acompanha a logo da sua empresa e também a customização da cor do botão, isso deixa o marketplace ainda com mais cara da sua empresa;
  • Menu do marketplace: Escolha o que deseja mostrar no menu entre Categorias, Lojas e Marcas;
  • Logo: A logo da sua empresa pode ser atualizada pelo administrador, caso há alguma mudança na identidade visual;

Esses são alguns dos recursos que disponibilizamos em customização. Mas há algumas páginas não customizáveis em nosso marketplace como Login, Cadastro, Carrinho, Checkout e Confirmação de pedidos, pois fazem parte da nossa estrutura padrão. Aqui você pode trocar a cor do botão para ter uma maior proximidade com a identidade visual da sua empresa. E, se você tem algo a acrescentar, fale com a nossa equipe.

 

7. O que são banners?

Os banners são pequenos ou grandes espaços de imagens fixas ou rotativas em slide que ajudam no marketing do seu marketplace, para atrair visitantes e aumentar o engajamento. A inclusão de banners produzidos pela sua equipe de marketing pode ser realizada pelo administrador do marketplace.

A nossa equipe de Sucesso do Cliente irá lhe orientar quais são as áreas dos banners bem como o posicionamento de cada no tema do seu marketplace, à partir daí o gerenciamento fica à cargo da sua equipe, podendo substituir quando necessário. Em cada banner é permitido a inserção de um link para onde você deseja, podendo utilizar para campanhas específicas ou promoção de determinado produto.

 

 

a. Quais são os tamanhos das imagens dos banners?

Cada tema tem seus banners posicionados em áreas pré-estabelecidas e com tamanhos diferentes. Nossa equipe está preparada para lhe orientar do tamanho de cada imagem e a melhor resolução para produzir os seus banners.

b.  O que são as áreas de banner?

Cada banner recebe uma área específica de acordo com o seu agrupamento e pode ficar localizado em páginas como a Home, página de Categorias, em Lojas e algumas outras áreas para tornar o seu marketplace ainda mais intuitivo e customizado.

c. Como gerenciar os banners?

O administrador do marketplace tem uma área exclusiva para a gestão dos banners, onde pode criar os grupos de banners definindo a sua área (localização na interface), status ativo ou inativo, a quantidade de banners que esse grupo vai apresentar e outras definições.

Acesse a área do administrador do marketplace, em banners clique em gerenciar. Uma lista vai apresentar todos os grupos de banners já cadastrados. Ao gerenciar tem-se o acesso à lista de grupos já criados, cada grupo de banner pode contar 1 ou mais banners.



8. O que são as Vitrines?

Vamos iniciar no nosso marketplace uma campanha ou promoção com produtos exclusivos, é aqui que você vai criar as Vitrines personalizadas. Com a Vitrine é possível oferecer uma seção atraente para os seus clientes, mostrando produtos de mesma categoria ou similares com organização e simplicidade.

Além de campanhas ou promoções, as Vitrines também podem ser criadas com produtos mais vendidos, destaques, por uma categoria específica, ofertas. Use a criatividade e atraia mais clientes usando a Vitrine.

08 - O que são as Vitrines.png

 

Como gerenciar as Vitrines?

Também no painel do administrador do marketplace, de forma simples e intuitiva você tem acesso ao gerenciamento de Vitrines, visualizando as Vitrines criadas e também pode criar novas. Use títulos que destaquem o tipo de produto da Vitrine ou como citado, o nome da campanha ou oferta. As Vitrines são compostas por Nome, Status ativo ou inativo, Área de localização, tipo e outras configurações específicas.

Para entender melhor como gerenciar as vitrines acesse este artigo.

 

9. Meu marketplace vai abrir nos smartphones?

Sim. Notamos que aproximadamente 80% dos acessos dos nossos clientes são por smartphones. Por isso, adotamos o conceito mobile first, que nada mais é adaptar primeiro para smartphones e depois para outros dispositivos. Portanto, o nosso desenvolvimento dos temas é realizado com o design responsivo, fazendo com que o seu marketplace seja adaptado não só aos smartphones mas também a outros dispositivos como tablet e computadores desktop.

Como dito, o design responsivo não se trata somente de técnicas e sim de um conceito para proporcionar uma melhor experiência ao seu usuário. Por isso, conhecer o perfil e os anseios do seu público é importante, pois só assim você poderá causar experiências eficazes de uso com a interface do seu marketplace.

 

 

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons

Feedback sent

We appreciate your effort and will try to fix the article