Como mudar o visual da sua loja com o Sellit Studio

Pra que serve

Sua loja nasce com o visual padrão da Sellit. Com o Studio você deixa ela com a sua cara: as cores da sua marca, a fonte, os cantos mais redondos ou mais retos, a ordem das seções da página inicial e o jeito de cada peça (cabeçalho, card de produto, botões, rodapé). Tudo isso sem designer e sem código: você mexe de um lado e a sua loja de verdade muda do outro, na hora.

O que você faz no Studio fica em rascunho até você publicar. Dá para testar à vontade. O cliente só vê quando você clica em Publicar na loja, e dá para voltar ao visual padrão a qualquer momento.

Como fazer

1. 1

   Abra o Studio

   No menu da esquerda, em Crescimento, clique em Sellit Studio. Ou vá em Crescimento › Campanhas › Personalização e clique em Abrir o Studio no cartão preto do topo.

   

2. 2

   Escolha um tema pronto

   Na aba Estilo, em Temas prontos, clique em um dos quatro: Minimalista, Marketplace, Elegante ou Jovem. A loja ao lado muda na hora. Se a sua loja ainda não tem tema, a primeira tela se chama "Comece por um estilo" e mostra os mesmos quatro.

   

3. 3

   Veja a loja mudar

   O lado direito é a sua loja de verdade, com os seus produtos e banners. Cada clique no painel da esquerda aparece ali. Nada foi publicado ainda: o topo mostra Rascunho salvo.

   

4. 4

   Troque a cor de destaque

   Ainda em Estilo, em Cores, clique no quadradinho de Cor de destaque e escolha a cor da sua marca, ou digite o código (ex.: #C2410C). Botões, preços e links passam a usar essa cor. "Vazio" quer dizer a cor que a loja já tem hoje.

   

5. 5

   Escolha fontes e cantos

   Role a aba Estilo: em Fontes você escolhe a fonte dos Títulos e do Texto; em Forma, os Cantos (de reto a bem redondo) e o formato de Botões e campos (quadrado, arredondado ou pílula).

   

6. 6

   Arrume a página inicial

   Na aba Página inicial, arraste as seções pela alça da esquerda para mudar a ordem. O botão ao lado de cada uma liga e desliga: desligada, a seção some da loja mas fica guardada aqui. Adicionar seção traz seções novas (banner solto, grade de banners, vídeo, texto, avaliações, newsletter).

   

7. 7

   Ajuste as peças

   Na aba Peças, clique em um grupo (ex.: Cabeçalho). Cada escolha vem com desenhos: Arranjo (logo à esquerda, no centro, dividido, mínimo), Busca no computador, Ao rolar a página, e assim por diante. "Como está hoje" é sempre o padrão da loja.

   

8. 8

   Confira no celular

   Em cima da loja, clique no ícone de celular para ver a loja como o cliente vê no telefone. O ícone de computador volta para a tela grande. A caixinha Página inicial troca a página que você está vendo (produto, lista, carrinho…).

   

9. 9

   Publique na loja

   Quando gostar, clique em Publicar na loja, no canto de cima à direita. Em instantes a loja de verdade passa a usar o seu tema. Antes disso, nenhum cliente vê nada do que você mexeu.

   

10. 10

    Veja a loja no ar

    Abra a sua loja (botão Visitar loja). As cores, fontes e peças que você escolheu já estão lá, para todo mundo que entrar.

    

O que aparece em Personalização depois de publicar

Com um tema no ar, a tela de Personalização avisa "Quem define a cor de destaque agora é o Sellit Studio". A cor, o fundo e o número de colunas passam a sair do tema, e o botão Editar no Studio leva você para lá. O resto da Personalização (banners, informativos, destaques) continua igual.

Descartar, voltar ao tema anterior e voltar ao visual padrão

Clique nos três pontinhos (Mais ações), no canto de cima à direita do Studio. Descartar rascunho joga fora o que você mexeu e volta ao que está na loja. Voltar ao tema anterior põe de volta no ar o último tema que você tirou. Voltar ao visual padrão tira o tema do ar: a loja volta a ser como era antes, e o tema fica guardado para você usar depois.

O que cada plano publica

No PRO, se você mexer numa escolha do FULL, o Studio mostra a faixa "Você está vendo N escolhas do FULL" e, ao publicar, pergunta se quer Publicar sem as escolhas do FULL. O que você escolheu fica guardado; só não vai para a loja até o plano cobrir.

A aba IA

A aba IA reúne três ajudas da Selly: Importar do meu site (cola o endereço da loja atual e a IA monta um tema parecido), Criar com IA (descreve a loja em uma frase e recebe um tema pronto) e Editar com IA (aponta uma peça e pede em palavras, tipo "deixa os botões quadrados"). O botão Quero usar quando liberar avisa a gente do seu interesse enquanto cada uma vai sendo liberada.

O que você ganha

• A loja com a cara da sua marca, sem contratar designer nem mexer em código.

• Você vê a loja de verdade mudando enquanto escolhe: não tem surpresa depois de publicar.

• Quatro temas prontos para começar em um clique e ajustar depois.

• A ordem da página inicial do seu jeito, e seções novas (vídeo, grade de banners, avaliações, newsletter).

• Publica quando quiser e volta ao visual padrão a qualquer hora, sem perder o tema.

Dicas para não errar

• Mexeu e não publicou? Então o cliente não viu. Olhe o topo: Rascunho salvo é só você; No ar é todo mundo.

• Escolha a cor de destaque pensando no botão de comprar: ela precisa aparecer bem em cima do fundo. O Studio avisa quando o texto fica difícil de ler.

• Troque de página na caixinha de cima (produto, carrinho) antes de publicar: uma cor que fica boa na home pode ficar ruim no botão do carrinho.

• Deixe o tema pronto num dia e publique no outro, com calma. O rascunho fica salvo sozinho.

• Se se perder, Voltar ao visual padrão devolve a loja de sempre em segundos, e o tema continua guardado.