Vender pela Internet | Para Iniciantes: Como melhorar o visual da sua loja Integrada sem comprar template

Página 34: Como melhorar o visual da sua loja Integrada sem comprar template

/pt/vender-pela-internet-para-iniciantes/plano-gratuito-da-loja-integrada-como-incluir-produtos-/content/

Como melhorar o visual da sua loja Integrada sem comprar template

No tópico anterior do nosso curso "Vender pela Internet para Iniciantes" apresentamos uma alternativa para criação de uma loja virtual grátis. Trata-se do plano gratuito da Loja Integrada. Se você ainda não viu esse conteúdo, acesse-o aqui.

Depois de criar uma loja virtual para nosso negócio fictício Pet Arraso,  notamos que o visual da nossa loja não era nada interessante e, então, nos perguntamos: será que é necessário comprar um template pago para ter uma loja com visual atrativo?

Bom, primeiro vamos esclarecer o que é um template para quem não está acostumado com esse vocabulário. 

Template ou tema são modelos de lojas que utilizam um tema específico como "produtos de beleza", "produtos eletrônicos", "vestuário tipo country", entre muitos outros.

imagem1 - exemplos de temas pagos da Loja Integrada

Eles ajudam a personalizar a loja virtual e deixá-la mais bonita, mas para isso o empreendedor tem que investir na compra do modelo, que pode custar entre 349 e 399 reais na Loja Integrada, dependendo do tema escolhido.

A vantagem de comprar um tema é que a personalização da sua loja será muito mais profissional e você ainda conta com o suporte do criador do tema na hora de implementá-lo.

Por outro lado, é um investimento que muitos empreendedores não podem fazer no início do negócio. Se esse é seu caso, esse conteúdo é para você!

Na sequência mostraremos o que fizemos para melhorar o visual da nossa loja, incluindo banners, cadastrando categorias e alterando as cores e fontes padrões.

Todas essas alterações foram feitas sem que comprássemos um template e utilizando a ferramenta online gratuita Canva, que permite a criação de artes com visual profissional de maneira fácil, mesmo para iniciantes em design gráfico.

Veja abaixo visual da nossa loja antes das alterações.

imagem1 visual da nossa loja virtual antes das mudanças de layout

E como ficou depois das alterações.

imagem visual da nossa loja virtual depois de atualizar o layout usando elementos criados no Canva

Observe que fizemos mudanças simples, mas que deixaram o visual da Pet arraso mais interessante.

imagem ilustrativa das melhorias que fizemos no visual da nossa loja virtual
  1.  Colocamos o logo da nossa loja no centro da página. 
  2. No menu principal, incluímos páginas extras como "Nossos produtos" e "Quem somos". Também agregamos novas categorias como "Cães" e "Gatos" e deixamos os textos do menu superior com fontes em negrito para que estejam mais visíveis.
  3. No centro da nossa página, criamos um full banner destacando promoções.
  4. Logo abaixo, criamos mini banners para cada uma das seções do nosso catálogo de produtos.
  5. Na listagem de produtos, encontramos vários produtos cuja informação de desconto está destacada nas cores da nossa paleta de cores. 

Como criar elementos visuais para sua loja usando o Canva

Para alterar o visual da sua loja, acesse o painel de controle da loja integrada e clique em configurações/visual da loja.

imagem1 como melhorar o visual da sua loja integrada sem comprar um tema

Na lateral esquerda, você encontrará as informações sobre o seu design. Existem várias disposições que você pode escolher para sua loja (de 1 a 12). Cada uma determina uma série de elementos como full banner e mini banners.

imagem2 como melhorar o visual da sua loja integrada sem comprar um tema

A disposição 1, que utilizamos na nossa loja, é composta por um menu superior, um full banner, 3 mini banners e a listagem de produtos, além de uma coluna lateral (que nós eliminamos).

Observe quais são os elementos visuais que fazem parte da disposição da sua loja para poder criar um desenho diferenciado para eles. Em seguida, entre no Canva e clique em "Criar um design".
imagem3 como melhorar o visual da sua loja integrada sem comprar um tema
Escolha a opção "dimensões personalizadas". Coloque as dimensões do banner que você quer criar. Essas são as medidas dos banners da loja integrada:
  • Mini banner: 360 x 200 px
  • Full banner: 1140 x 300 px
  • Banner tarja: 1140 X 70 px
  • Banner vitrine: 850 x 200 px
  • Banner lateral: 260 x 400 px
Em seguida, clique em "criar novo design".
imagem4 como melhorar o visual da sua loja integrada sem comprar um tema

Escolha um modelo de template para seu design.

imagem5 como melhorar o visual da sua loja integrada sem comprar um tema

E comece a personalizá-lo, com as cores e fontes que fazem parte da identidade visual do seu negócio. 

Para inserir uma foto do banco de dados do Canva, clique em "fotos" e coloque um termo no campo de busca. Para escolher a foto a ser utilizada, basta clicar sobre ela.

imagem6 como melhorar o visual da sua loja integrada sem comprar um tema

Você também pode utilizar fotos próprias, do seu acervo pessoal. Para isso, clique em "Upload" e selecione a foto que você quer utilizar.

imagem7 como melhorar o visual da sua loja integrada sem comprar um tema

Quando terminar de personalizar o seu banner, você pode duplicá-lo e ir alterando o texto e a imagem em cada cópia. Para duplicá-lo, clique no indicado na imagem abaixo.

imagem8 como melhorar o visual da sua loja integrada sem comprar um tema

Pronto! Você tem todos os seus mini banners com o mesmo estilo.

imagem9 como melhorar o visual da sua loja integrada sem comprar um tema

Para descarregá-los, clique em "baixar". Você poderá escolher descarregar um banner de cada vez ou um arquivo zip com todas as artes.

imagem10 como melhorar o visual da sua loja integrada sem comprar um tema

Para carregar seus novos banners na sua loja, entre no painel da Loja Integrada e clique em configurações/banners.

imagem11 como melhorar o visual da sua loja integrada sem comprar um tema

Localize o respectivo banner que você quer carregar e clique em "criar novo banner".

imagem12 como melhorar o visual da sua loja integrada sem comprar um tema

Preencha as informações do banner como nome, link do banner (a página de destino a qual o usuário será levado), defina se você quer que se abra uma nova janela ou que a informação carregue na janela atual e defina um título para o banner.

imagem13 como melhorar o visual da sua loja integrada sem comprar um tema

Para carregar a imagem que você acabou de criar, clique em "escolher arquivo".

imagem14 como melhorar o visual da sua loja integrada sem comprar um tema

Encontre o arquivo que você descarregou e clique em "abrir".

imagem15 como melhorar o visual da sua loja integrada sem comprar um tema

Pronto! Seu banner foi carregado e já aparece listado. Passe o mouse sobre o símbolo de visualização para confirmar.

imagem16 como melhorar o visual da sua loja integrada sem comprar um tema

Repita os passos descritos acima para criar e carregar todos os banners e elementos que você queira incluir para melhorar o visual da sua loja.

imagem17 como melhorar o visual da sua loja integrada sem comprar um tema

Não se esqueça de também determinar uma cor predominante para sua loja, de acordo à identidade visual que você criou para seu negócio. Para isso, clique novamente em configurações/visual da loja e escolha uma nova cor predominante.

imagem18 como melhorar o visual da sua loja integrada sem comprar um tema

Nessa seção, você também pode definir uma fonte em negrito para seu menu principal, deixando essas informações mais visíveis.

imagem19 como melhorar o visual da sua loja integrada sem comprar um tema

Quer continuar melhorando a sua loja virtual, sem investir muito? Que tal incluir um chat para esclarecer as dúvidas dos seus clientes?

A ferramenta Jivochat tem uma opção gratuita para os usuários da Loja Integrada. Clique em "continuar" e veja como é fácil instalá-la na sua loja!


/pt/vender-pela-internet-para-iniciantes/como-configurar-um-chat-gratis-na-sua-loja-integrada/content/