All posts by Adriano Meira

Como usar o editor de texto da loja para esconder ou mostrar um conteúdo em celular (mobile) e/ou desktop

Olá pessoal neste artigo vou mostrar um recurso avançado para mostrar ou esconder conteúdo na loja no mobile e ou no desktop. Mas antes de começar vamos precisamos entender o conceito de site responsivo, em geral um site responsivo é aquele que tem um só conteúdo e ele se adapta para diversos tamanhos de telas, de diferentes aparelhos.

Para que a mágica aconteça, algumas áreas das lojas são tratadas com uma base de códigos que está homologada para a maior parte destes tamanhos, mas note que no GIF acima o banner principal perdeu informação, ficou bem menor, e é neste ponto que vale mais a pena criar um novo banner no formato adequado para uma tela menor, assim seu cliente pode ler e entender melhor as informações e ofertas que deseja passar.

Bom neste caso, infelizmente ainda não tem tecnologia para a mágica, então devemos duplicar o conteúdo. Criando um banner no formato adequado (tamanho de foto de Instagram, por exemplo) para mobile, escondendo ele no desktop e escondendo o banner grande em mobile. E para executar tudo isso, além de criar as duas peças, vamos precisar de ter um pouco de conhecimento técnico, mas vou deixar abaixo um passo a passo para lhe ajudar, vamos lá!

Atenção: Esta dica v ale para qualquer parte da loja que tenha o editor de texto, pode ser detalhes de produto, área personalizada, descrição de categoria, etc..

1) ATIVAR MARCADOR DE CÓDIGO
Para começar vamos ativar no editor, o Marcador de Código, com ele vai ficar mais fácil de enxergar os códigos gerados durante esta edição e nas manutenções futuras, veja na imagem abaixo

 

2) CRIAR UMA DIV
Agora vamos criar uma DIV, DIV´s podemos associar com uma sala vazia, um espaço onde vamos colocar os móveis, que no nosso caso são textos,  imagens, vídeos, etc..

Agora vamos dar uma “classe” para a DIV, essa classe é uma instrução de comportamento, no caso da imagem abaixo estamos orientando ela para não abrir no desktop, basta escrever neste campo:  hidden-desktop

Dar o OK e pronto, já temos uma área que só vai ser vista somente no mobile, e aqui dentro poderá colocar o que desejar. Agora vamos fazer o mesmo para esconder coisas do mobile, ou no nosso exemplo lá em cima, o banner grande.

 

3) CRIANDO NOVAS ÁREAS (DIV´S)
Como deixamos a opção de mostrar códigos ativada, basta agora clicar na seta vermelha  no fim da caixa que vamos abrir outra instrução, fora desta DIV que criamos

 

Agora vamos repetir o mesmo processo de criar uma nova DIV e adicionar outra classe a ela, para esconder no mobile, copie e cole estas classes: hidden-tablet hidden-phone

Pronto agora temos duas áreas pra editar, uma que só abre no mobile e outra no desktop, uma dica para ver se deu tudo certo é abrir o “código fonte” do editor e conferir se temos uma estrutura parecido com isso:

 

Note que temos a DIV com sua classe, dentro dela um P (parágrafo) com os nosso texto, e o mesmo segue para a outra DIV. Bom espero ter ajudado, e até mais!

 

Outros tutoriais que podem te interessar

Este artigo foi útil para você?!

Não consigo acessar minha loja – loja quebrada ou com erro

Olá pessoal hoje vou dar uma dica bem bacana para ajudar na manutenção da sua loja, como você já sabe as lojas da Brasil na web não limitam a quantidade de cadastro de produtos ou acessos, porém como o seu computador ou celular, quanto mais fotos, textos e dados colocamos lá, mais ele vai “encher” e ficar lento, o mesmo ocorre com as nossas lojas virtuais, e de acordo com o seu plano isso pode acontecer de forma rápida.

Mas como identificar que minha loja não tem mais espaço? Você vai notar isso de duas formas, ou pode aparecer um erro durante o processo de compra, na página inicial da loja ou algo que impeça a navegação da loja e até mesmo, você não consegue fazer o login (acessar o painel administrativo da loja).

Para confirmar se temos problemas de espaço na loja, você pode acessar sua Área do Cliente, e ir no menu de Serviços > Meus Serviços, clique no seu plano e você vai ver uma área de Estatísticas de uso, um gráfico simples de espaço.

Se o espaço estiver cheio, você pode pedir ao nosso pessoal técnico para lhe ajudar a fazer a limpeza de cache manual, isso pode ajudar no espaço e nossa equipe também pode lhe dar mais orientações sobre onde e o que pode estar mais cheio no seu plano, em alguns casos pode ser e-mail.

Ainda neste painel você tem a opção de fazer um ugrade do plano, de forma emergencial para liberar a loja. Mas de forma preventiva vou dar duas dicas para ajudar a solucionar o problema, caso isso ocorra fora do nosso horário de atendimento, vamos lá.

1) Link para limpeza de cache

Nas últimas atualizações liberamos para cada loja um link único para limpeza de cache, explicando de forma rápida o cache, imagine se pudesse guardar em um único lugar todas as peças que mais utiliza de cima de sua mesa, e de lá pegar mais fácil, é assim que a loja trabalha, ela guarda cache de arquivos e imagens para acelerar o processamento para seu cliente. Porém em alguns casos, por algum mal uso, ou no caso de excesso de espaço, ela guarda só um pedaço dos arquivos, assim como no computador, ele “corrompe” este arquivo e acaba quebrando a loja.

Sabendo disso e para ajudar em casos de atendimento fora do horário, criamos uma função para limpar o cache, a cada primeiro login do dia ele faz a limpeza, mas você tem um link único que pode guardar ou adicionar ao seus favoritos, assim se sua loja não logar ou tiver com erro pode acessar e vai limpar o cache de forma segura, este link fica em Configurações > Esvaziar cache, ai uma dica muito valiosa é copiar este link e salvar nos seus favoritos do navegador, ou deixe ele copiado em um bloco de notas.

2) Manutenção das Imagens

De tudo na loja o que mais pesa são as imagens, elas também passam por este processo de cache, isso porque temos formatos e tamanhos diferentes, por exemplo a imagem da página inicial tem um tamanho, gera-se um cache para ela, ao entrar neste produtos temos a imagem principal com seu tamanho, outra imagem em cache, abaixo dela temos as miniaturas, outro tamanho e outro cache de cada uma, ao ampliar um novo tamanho e mais uma em cache. Deste processo então temos ai pelo menos 5 imagens, 1 original e 4 de cache. Se a imagem original estiver em um tamanho bom bem otimizada as outras 4 imagens ficam leves também,por isso aconselho muito a ler este artigo onde falamos com mais detalhes sobre este processo de otimização de imagens.

Agora que melhoramos o tamanho da imagem original, podemos ganhar mais espaço otimizando o tamanho das imagens de cache, as lojas da BNW permitem que você controle a largura e altura de cada uma dessas imagens que citamos como exemplo de cache, e outras. Neste link temos outro artigo bem detalhado do tamanho dessas imagens, para ganhamos mais velocidade e espaço na home por exemplo podemos mudar dentro dos módulos de carrossel ou abas de produtos esse tamanho, assim gerando caches com tamanho menor que ocupa menos espaço.

Para isso basta acessar o módulo, que fica em Customização > Produtos > Exibição em Carrossel ou Exibição em Abas (vai depender do que tiver na sua página inicial) dentro do módulo basta mudar a “Dimensão” para uma menor que seja o tamanho da sua tela.

E como dica vou deixar uma sugestão de tamanho para quantidade de produtos em uma linha, mas isso só vai funcionar bem para produtos que estejam em uma linha completa, sem barra lateral para a tela inicial, como exemplo da imagem abaixo:

Quantida de produtos por linhaOrientaçãoTamanhos em pixels
4 produtosQuadrada250×250
3 produtosQuadrada350×350
6 produtosQuadrada150×150
Quantida de produtos por linhaOrientaçãoTamanhos em pixels
4 produtosHorizontal250×128
3 produtosHorizontal350×179
6 produtosHorizontal150×77
Quantida de produtos por linhaOrientaçãoTamanhos em pixels
4 produtosVertical250×358
4 produtosVertical350×501
6 produtosVertical150×215

Lembrando que esta é uma sugestão, você pode mudar como achar melhor e faça os ajustes e limpe o cache para poder validar e testar as melhorias, bom espero ter ajudado, qualquer dúvida não deixe de entrar em contato com nossa equipe de suporte, até mais!

Outros tutoriais que podem te interessar

Este artigo foi útil para você?!

CRO Ecommerce – Aumentar Vendas da Loja Virtual

Nesta aula da Brasil na Web você vai aprender sobre técnicas para aumentar as vendas de sua loja virtual trabalhando Leia mais →

Outros tutoriais que podem te interessar

Este artigo foi útil para você?!

Black Friday – Estratégias de Vendas – 22 Dicas – Aula ao Vivo – Brasil na Web

AULA DE ESTRATÉGIAS PARA BLACK FRIDAY AO VIVO – BRASIL NA WEB

# Ainda não possui uma loja virtual? Comece grátis Leia mais →

Outros tutoriais que podem te interessar

Este artigo foi útil para você?!

Cadastro Rápido de Produtos

Neste treinamento rápido vamos mostrar como cadastrar produtos de forma simples e rápida, confira!

Outros tutoriais que podem te interessar

Este artigo foi útil para você?!

Cadastro Rápido de Categoria

Neste rápido vídeo vamos mostrar como cadastrar categorias de uma forma mais rápida e eficiente. Confira!

Outros tutoriais que podem te interessar

Este artigo foi útil para você?!

Configurando Meio de Pagamento PayU

Olá pessoal, neste rápido artigo, vou mostrar como é fácil configurar o meio de pagamento da PayU. Este meio de pagamento faz parte da base das lojas Opencart da Brasil na web, se ele não aparece na sua base, entre em contato com nossa equipe de suporte.

Antes de configurar na loja, você vai precisar abrir uma conta com eles e validar seu dados, depois de tudo certinho com sua conta, vamos no menu de Configurações > Configurações Técnicas. Aqui vamos pegar alguns dados para colocar na loja, anote os dados de Merchant ID, Conta e API Key. Deixe as opções de URL de retorno marcadas como não, o módulo da loja já trata estas URLs.

Agora no painel da loja vá no menu de Configurações > Meios de Pagamento e escolha PayU, e basta colocar os dados que copiamos no painel da PayU, não se esqueça de marcar o mode de teste como não e alterar os status de retorno, para que seu pedido fique atualizado de forma dinâmica. Você ainda pode restringir este meio de pagamento com um valor mínimo  e/ou região geográfica.

Espero ter ajudado, se estiver em dúvida qual meio de pagamento usar, veja este artigo, onde falamos das diferenças dos meios de pagamentos e suas taxas.

Até mais!

 

 

Outros tutoriais que podem te interessar

Este artigo foi útil para você?!

Módulo de Filtro Avançado – Entenda

Veja como funciona um dos nossos módulos de filtro avançado, aqui ele busca produtos com mesmos requisitos, neste exemplo mostramos Leia mais →

Outros tutoriais que podem te interessar

Este artigo foi útil para você?!

Alterando Mapa na Tela de Contato do Site

Outros tutoriais que podem te interessar

Este artigo foi útil para você?!

Como alterar o DNS (apontamento de servidor) da minha conta da GoDaddy

Se você fez o registro de sua hospedagem pela empresa GoDaddy e agora tem uma loja da Brasil na Web, você vai precisar trocar o DNS e apontar para nosso servidor, de acordo com o plano que contratou, antes de alterar o DNS fale com nossa equipe de suporte para garantir que sua conta esteja devidamente criada em nosso servidor e sistema, e solicite a GoDaddy um backup do sei site/loja e também um backup de sua conta de e-mail, estes dados podem ser perdidos na troca de DNS.

Muito importante, só faça esta alteração após contactar com nossa equipe de atendimento ou suporte, só será válido se sua conta estiver devidamente configurada em nossos servidores e esta ação pode demorar, um pouco, cada provedor de internet tem o seu tempo de atualização de rota, por isso tenha um pouco de paciência e tente fazer em finais de semana ou a noite, para não prejudicar sua reputação com seus clientes.

Agora vamos mostrar o como proceder dentro do painel da GoDaddy, acesse o painel e clique em DNS:

Dentro desta tela, na opção de Servidores de nomes clique em alterar

Selecione a opção de Personalizar e altere o nome do servidor, de acordo com o seu plano.

Feito isso seu site agora aponta para nossos servidores e estará pronto para nossa equipe migrar sua loja de teste para seu domínio, abaixo vou deixar os DNS do nossos servidores de acordo com cada plano.

PLANOS TEAM ns1.brasilnaweb.com
ns2.brasilnaweb.com		 IP: 187.45.185.82

Lembrando que se tiver dúvida não deixe de falar com nossa central de suporte. Espero ter ajuda, e até mais!

Outros tutoriais que podem te interessar

Este artigo foi útil para você?!

Configurar meio de pagamento e.Rede

A Brasil na Web é parceira oficial da Rede – Itaú e tem taxas especiais para nossos clientes, veja aqui: brasilnaweb.com.br/erede

Basta preencher o formulário que abrimos a sua conta (PV) de operação na Rede com a taxa especial da nossa parceria!
– Válido somente para clientes da Brasil na Web.

Atenção: A Rede possui ótimas taxas, mas não possui o serviço de análise anti-fraude ou qualquer garantia contra chargebacks.
Recomendamos utilizar o serviço CLEAR SALE para vendas operadas/autorizadas pela REDE.
www.clearsale.com.br

Como Gerar o Token – Chave de Integração – eRede

1) Assim que o seu PV (conta de operação) for aberta, a Rede enviará um e-mail com instruções, conforme exemplo abaixo:

2) Crie o seu Login no portal userede.com.br – você deverá informar os mesmos dados que preencheu em nosso formulário para que tudo seja sincronizado.

3) Faça login no portal userede.com.br > Menu > Vendas online > Ecommerce > Chave de Integração para gerar o TOKEN – Chave de Integração.

3.1 – No primeiro acesso, mais algumas confirmações de dados serão solicitadas para tornar o seu login com PERFIL MASTER (necessário para gerar o token). Informe os dados solicitados e pronto!

A tela vai exibir o botão de geração do TOKEN, copie e siga agora para a Plataforma da Loja Virtual.

Como configurar o módulo eRede na Loja Virtual – Brasil na Web

Acesse o Painel Administrativo de sua Loja Virtual > Menu > Configurações > Meios de Pagamento > eRede 

Clique em Instalar ou Editar (caso já esteja instalado)

Configure conforme o exemplo abaixo. Leia cada campo atentamente e ajuste conforme suas preferências.
Em caso de dúvidas utilize o TUTORIAL no botão amarelo da tela.

Configure o FLUXO DE STATUS DE PEDIDOS, conforme exemplo abaixo:

As 2 situações marcadas acima, são casos em que normalmente você precisa definir se vai aceitar ou não o pedido.
Você também pode criar um “status” novo para o seu fluxo de pedidos para configurar de forma personalizada essa parte acima. Acesse: (Menu > Configurações > Pedidos > Status de Pedidos)

Pronto – eRede Configurado em sua Loja Virtual

É hora de testar!

Entre em sua loja virtual, faça um pedido com cartão de crédito e efetive o pagamento para ver como funciona!

Você poderá ESTORNAR o valor da compra logo em seguida para que não seja efetivamente debitado em seu cartão.
Para Estornar: Menu > Vendas > Pedidos (Processar) Aba eRede > Estornar.

Gostou? E a Antecipação com taxa de 1%?

Não deixe de ver também sobre a Antecipação com taxa de 1% do Banco Inter aqui e economizar ainda mais reforçando seu capital de giro para reinvestir em Estoque e Marketing!

DICA BONUS Para segurança da sua loja contrate um serviço de Anti-Fraude, saiba mais aqui https://www.brasilnaweb.com.br/clearsale

Boas vendas!

Outros tutoriais que podem te interessar

Este artigo foi útil para você?!

Exibir todos os produtos na página inicial da loja

Em alguns casos queremos exibir todos os produtos de uma vez só na página inicial da loja, mas antes de mostrar uma forma de se fazer isso, orientamos que não coloque todos os produtos, isso pode pesar muito sua página inicial e fazer com que seu carregamento seja prejudicado e eu cliente desista, aconselhamos sempre a colocar apenas uma “faixa”, com destaques, mais vistos, vendidos ou novos produtos.

Para os produtos em destaque ou montar o carrossel vou deixar alguns vídeos abaixo, é bom para que veja os treinamentos, para podermos prosseguir com este artigo ok?

  1. Configuração de carrossel e abas de produtos na loja
  2. Produtos em destaque por Categoria ou Escolha de Produtos

Agora que já sabemos como colocar produtos na home, usando o recurso de Carrossel ou abas de produtos, vou mostrar um macete para colocar um único carrossel com todos os produtos, primeiro vamos na listagem de produtos para saber a quantidade total de produtos. Vá no menu de Cadastros > Produtos > Lista Completa  ao rolar a página vamos no final e note que vai ter o total de produtos, veja na imagem abaixo:

Note que temos aqui o total de produto, neste exemplo acima é de 190 produtos, mais uma vez, não aconselhamos que coloque todos os produtos na página inicial, ele pode ficar mais lenta e você pode perder SEO por causa disso.

Agora que sabemos o total, vamos no módulo de Produtos em Carrossel ou de Abas, no menu de Customização > Produtos  em qualquer um dos exemplos adicione um novo item, escolha os Lançamentos, na parte de itens por lâmina coloque o total de produtos, que no meu exemplo é 190, em Colunas por lâmina coloque 4 e no Total de itens coloque novamente o total de produtos, neste exemplo de 190. Depois basta escolher o layout home e a posição (seguindo os artigo que mencionei acima).

Pronto, desta forma todos os produtos que estão na sua loja, serão exibidos por ordem de cadastro no sistema, se colocar um novo produto, você vai precisar voltar neste módulo e adicionar nos itens por lâmina e total de itens o novo total de produtos da loja.

Bom espero ter ajuda e até mais!

Outros tutoriais que podem te interessar

Este artigo foi útil para você?!

Como colocar vídeo do youtube responsivo na loja

Olá neste artigo vamos falar de vídeos na loja, para colocar vídeos na loja sempre usamos os incorporadores, códigos que o youtube fornece para a gente, porém estes códigos não são responsivos, ou seja, não ficam ajustado a telas menores. neste artigo vou mostrar uma forma mais avançada de se usar os códigos do vídeo do Youtube de forma responsiva na sua loja, vamos lá!

1 Adicionado CSS

Primeiro vamos no menu de Customização > Personalizar e na aba de Avançado vamos colocar o seguinte trecho de código de CSS Personalizado mas ATENÇÃO se tiver algum código ali, role para a última linha e cole depois de tudo ok?

.embed-container{ 
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; 
	overflow: hidden; 
	max-width: 100%; 
	height: auto;
	margin-top: 30px;
	margin-bottom: 30px; 
} 
	.embed-container iframe, .embed-container object, .embed-container embed{
		position: absolute; 
		top: 0; 
		left: 0; 
		width: 100%; 
		height: 100%; 
	}

2 Copiando o código do Vídeo

Agora vamos pegar o código de incorporação do vídeo, na data de publicação deste artigo ele fica logo ao lado da avaliação do vídeo, em COMPARTILHAR

Ao clicar abre uma janela e logo no início tem um ícone de inorporar

Ao clicar nele uma nova janela se abre e basta copiar o código, que deve ser algo como isso:

<iframe width="560" height="315" src="https://www.youtube.com/embed/pibj7vfVJKU" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

Dica: Você pode alterar algusn parâmetros do vídeo do youtube, como remover vídeos ao final, autoplay, etc.. confira mais abaixo do código algumas opções e depois copie e guarde este código, vamos usar ele no próximo passo.

3 Adicionado o Vídeo

Agora vamos voltar na loja, e ir no módulo que vamos inserir o vídeo, pode ser qualquer lugar que tenha um editor de texto, descrição de produto, categoria, área Personalizada, etc… no meu exemplo vou colocar este vídeo na tela inicial da loja abaixo do banner de ofertas especiais. Leia neste artigo mais sobre posições e Layouts da loja, saiba onde e como pode colocar diversas partes e módulos na loja e motar como desejar.

Vou utilizar o módulo de Áreas Personalizada para colocar meu vídeo na página inicial, então vamos no menu de Customização > Áreas Personalizada vou criar uma nova área e chamar de vídeo home, não mostrar o título, escolher o layout home e a posição coluna esquerda.

Agora vou no editor de texto e criar uma DIV primeiro, clicando no símbolo e colocando a classe embed-container como mostra a imagem abaixo:

Vou escrever dentro dela algo fácil de encontrar no código como CÓDIGO DO VÍDEO, vai ficar como a imagem abaixo:

Assim vai ficar mais fácil de achar o ponto exato de onde devo inserir o código do vídeo, para isso basta clicar em Código Fonte, veja que temos uma DIV e dentro dela nosso texto.

Agora vamos substituir o texto pelo código do vídeo, deve ficar assim:

Feito isso só salvar e testar na loja, pronto agora toda vez que eu precisar usar um vídeo crio uma DIV com a classe coloco o vídeo do youtube dentro dela.

Espero ter ajudado, até mais

Outros tutoriais que podem te interessar

Este artigo foi útil para você?!

Instrução para instalação das Lojas BNW

Este é um vídeo para quem tem loja virtual da Brasil na Web, se ainda não tem abra a sua Leia mais →

Outros tutoriais que podem te interessar

Este artigo foi útil para você?!

Alterar Fonte da loja virtual

Olá pessoal, neste treinamento vamos mostrar como trocar a fonte da sua loja Brasil na Web, confira no vídeo!

Recomendamos a Leia mais →

Outros tutoriais que podem te interessar

Este artigo foi útil para você?!

Pagamento na Entrega ou Retirada da loja

Neste rápido treinamento vamos mostrar com é fácil habilitar o meio de pagamento na retirada do produto na loja ou na entrega do produto, uma forma bacana para quem tem loja física ou trabalha com motoboy, confira!

Outros tutoriais que podem te interessar

Este artigo foi útil para você?!

Módulo – Gerador de promoção em massa

Olá pessoal neste treinamento vamos mostrar um módulo extra das lojas da Brasil na Web que vai lhe ajudar a criar gerar promoções em massa na loja, podendo colocar por produto ou na loja inteira, compre agora este módulo e turbine a sua loja.

Outros tutoriais que podem te interessar

Este artigo foi útil para você?!

Editar mapa da página de contato da loja

Olá! Neste rápido tutorial vamos remover na página de contato o mapa de localização da sua Loja Virtual da Brasil na Web Leia mais →

Outros tutoriais que podem te interessar

Este artigo foi útil para você?!

Gestão de Créditos para Clientes na Loja Virtual

Olá Pessoal, neste treinamento vamos mostrar como é fácil colocar um crédito ou débito para seu cliente na loja, veja Leia mais →

Outros tutoriais que podem te interessar

Este artigo foi útil para você?!

Link para todos os Produtos

Neste artigo vamos mostrar um link da sua loja muito importante para que você possa fazer campanhas e mostrar todos os produtos na sua loja.

Para mostrar todos os produtos da sua loja, basta digitar no seu navegador a URL da sua loja, barra (/) todos-produtos por exemplo:

https://www.seudominio.com.br/todos-produtos

 

Com este URL você pode colocar em um link em alguma campanha de e-mail, usar no seu menu principal para linkar todos o produtos (veja treinamento do menu principal).

Esta URL é a mesma da tela de categorias, se você tem módulos (banners, menus, etc..) em categorias vai aparecer nesta mesma URL ok?

Espero ter ajudado, até mais!

Outros tutoriais que podem te interessar

Este artigo foi útil para você?!

Alterar cor do fundo da loja

Agora ficou fácil trocar a cor de fundo da sua loja, basta acessar o menu de Customização > Personalizar e na aba de Cores Gerais escolher a cor da fonte e do fundo da sua loja.

 

ATENÇÃO  Se você ainda etá em uma loja de teste pode não ter esta opção, as lojas de teste antes da data de 18/07/2018 não tem este recurso, para isso você vai precisar mudar a imagem de fundo, na mesta tela indo no menu de Avançado e clicando no primeiro quadrado  de imagem de fundo para remover a imagem, ou no quadro da imagem abaixo para deixar o fundo branco.

 

Se quiser colocar uma imagem de fundo use a opção de Utilizar fundo de Página Personalizado  na mesma tela, neste artigo mostramos como colocar uma imagem de fundo somente no topo.

Outros tutoriais que podem te interessar

Este artigo foi útil para você?!

Como funciona a busca da loja virtual

As lojas da Brasil na Web  possuem várias melhorias sobre a busca padrão de produtos do Opencart. E você pode usar este sistema de busca para aumentar as vendas da sua loja. Quando o cliente busca um termo na loja, ele será buscado em diversos locais diferentes dentro do cadastro do produto:

  • Nome do produto: produtos em que o nome possui TODAS as palavras buscadas
  • Descrição do produto: produtos em que a descrição possui TODAS as palavras buscadas
  • Modelo: busca exata, ou seja, o termo buscado tem que ser exatamente igual à informação cadastrada no produto
  • SKU: busca exata
  • Código de Barras: busca exata
  • Título H1 (se houver no cadastro)

Neste artigo, vamos mostrar algumas configurações e dicas que podem te ajudar a melhorar a experiência de busca na sua loja para seus clientes.

Algumas vezes podemos buscar algo na loja e não vir o resultado que esperamos ou com a relevância que desejamos. Para exemplificar melhor, vamos supor que na minha loja eu procure pelo termo “carrinho” e no resultado vem mais coisas além de “carrinho”, veja a imagem abaixo de exemplo:

 

Neste exemplo, dois fatores principais podem influenciar na lista de produtos encontrados: a descrição do produto e ordenação. Neste caso acima, o produto Abajur tem na descrição o termo “carrinho” como mostra a imagem abaixo e por isso ele aparece na busca:

No painel da loja, temos algumas configurações de busca que podem alterar esse comportamento. Para isso, acesse Menu > Configurações > Opções da Loja e depois vá na aba de Usabilidade, role a tela um pouco até a parte de Página de Busca e procure a opção Buscar na descrição dos produtos por padrão. Para solucionar o “problema” mostrado acima, podemos definir que por padrão a pesquisa não procure pela descrição do produto, porém não aconselhamos, já que às vezes algum termo específico ou técnico da descrição pode ser essencial para achar o seu produto. Sendo assim, tente colocar dados relevantes na descrição do produto, termos técnicos e características para que ele seja mais relevante nos resultados.

Outra opção relevante para o exemplo da nossa busca é a ordem de exibição dos resultados de busca. Na mesma tela anterior, logo no início temos a ordem dos produtos, que permite escolher qual será a ordenação exibida pela loja ao listar os produtos. O cliente pode alterar isso na própria tela de resultados, aqui é definido apenas qual é o padrão adotado pelo sistema. Entre as opções de ordenação, temos a opção Padrão, que usa o campo Ordem de Exibição do produto, que fica na aba Dados do cadastro do produto. Nesse campo você pode usar números inteiros de 0 ao infinito para ordenar: por exemplo, um produto com ordem 0 vem na frente do produto 1, o produto com ordem -1 vem na frente do produto 0 e assim por diante.

Você pode mudar a ordem como desejar, mas vamos dar uma atenção à ordenação padrão. Em muitos casos não colocamos esta ordem no cadastro avançado, então por padrão o sistema irá considerar como 0 (zero), assim todos os produtos terão o mesmo valor de ordem. Quando isso acontece, a loja vai ordenar pelo nome do produto, ou seja, uma ordenação alfabética. Para alterar a ordem, basta alterar o campo conforme sua necessidade de ordenação para cada produto, de modo que um apareça antes do outro. Um bom uso da ordenação é quando queremos destacar alguns produtos e para isso precisamos que ele apareça primeiro na busca. Por exemplo, queremos que a pessoa pesquise Samsung e que os celulares que estão “encalhados” apareçam primeiro, então basta alterar a ordem deles para -1 ou -2, assim no resultado de busca eles serão os primeiros.

Bom espero ter ajudado, qualquer dúvida estamos a disposição pelo e-mail suporte@brasilnaweb.com.br ou chat ai do lado 😉

Se você quer uma busca mais bacana, que tal uma auto completa à medida que o cliente começa a digitar? Fale com nosso pessoal do atendimento e consulte valores do módulo para colocar na sua loja e turbinar ainda mais suas vendas!

Até mais e boas vendas!

 

Outros tutoriais que podem te interessar

Este artigo foi útil para você?!

Topo com imagem de fundo

Olá pessoal neste artigo vou lhe ajudar a dar uma personalizada no topo da sua loja usando imagem, para dar aquele “tapa no design”, vamos lá. Antes de começar a fazer os ajustes, vamos dar uma olhada nestas duas lojas de demonstração da BNW:

 

Note que cada uma tem uma imagem somente no topo, para chegar neste efeito precisamos primeiro definir o tamanho da imagem no topo, o mais importante é definir a altura que esta imagem vai ter, para medir você deve pegar do início do fim do navegador até metade do menu da loja (no caso da loja Moda Infantil), como mostra a imagem abaixo:

Sabendo do total da altura vamos criar uma imagem desta altura e largura pode ser grande, no caso da loja de moda infantil que tem 2580x147px, para cobrir todo o topo com as cores, já na imagem do topo da loja de Games, ela tem o tamanho de 292x354px, ela passa um pouco do menu para dar uma visual mais legal, mas ela se repete de ponta a ponta no topo, vamos falar disso mais abaixo, mas por hora, veja como está a imagem do site de Moda infantil:


Site: https://www.iloveimg.com/pt/recortar-imagem

Agora que temos a imagem de fundo do topo vamos na loja e fazer algumas modificações, primeiro vamos o menu de Customização > Personalizar aqui primeiro vamos mudar a cor de fundo do topo para transparente, basta clicar no campo e mudar nesta faixa preta e branca, até ela desaparecer, veja na imagem abaixo:

Pronto, agora vamos na aba de Avançado e aqui vamos marcar como Sim a opção de Utilizar Fundo de Página Personalizado no campo de imagem vamos subir a imagem que criamos para o topo, e no campo de Modo de Repetição podemos fazer com que ela fique apenas no centro marcando a opção de no-repeat ou ela pode repetir ao longo do topo topo marcando a opção de repeat-x. E por fim a Posição deve ficar center top

Para exemplificar melhor, veja a imagem abaixo mostrando como cada uma das configurações das lojas acima:

Espero ter ajudado e até mais!

Lembrando que só nas lojas da BNW você consegue mudar de forma simples a cores e aspecto da sua loja, se ainda não tenha sua loja abra uma agora!

Crie sua Loja Virtual OpenCart BNW com 30 Dias Grátis para testar

Outros tutoriais que podem te interessar

Este artigo foi útil para você?!

Como fazer um backup usando o Cpanel

Neste artigo vamos mostrar as opções de backup que existentes no cPanel.

IMPORTANTE: Esse backup, está disponível apenas para planos de hospedagem. Planos Ecommerce não têm acesso a essa ferramenta =)

  1. Primeiramente, faça o login no cPanel, diretamente pela URL www.SEUDOMÍNIO.com.br/cpanel usando seu usuário e senha, ou pela sua área do cliente, seguindo os seguintes passos:
    1.1. Acesse sua área do cliente em https://www.brasilnaweb.com.br/cliente
    1.2. No menu, acesse Servições >Meus Serviços Contratados
    1.3. Clique no seu Plano
    1.4. No menu Ações, clique em Login cPanel  =)
  2. Dentro do cPanel, procure pela função Backup:
  3. Na próxima tela, você verá todas as opções de backup:
    • Backup completo: Permite baixar arquivos, bancos de dados, emails e todas as configurações da sua conta, como redirecionamentos e crons. Nessa opção, será gerado um novo backup com os dados atualizados.
    • Backups da conta: Essa opção é similar ao backup completo, com a diferença de que você terá opção de baixar um backup já existente. Normalmente você terá duas opções, uma referente ao backup do dia anterior e outra do backup semanal. Esse backup estará ligeiramente desatualizado, dependendo do momento em que você baixar o backup.
    • Backups parciais: permite gerar backups de conteúdos específicos da conta
      • Baixar um backup de diretório inicial: Gera um backup atualizado apenas dos arquivos da conta. 
      • Baixar backup de um banco de dados MySQL: Gera um backup atualizado do banco de dados. Será exibida uma opção para cada banco de dados existente na sua conta.
      • Baixar encaminhadores de emails: Gera um backup das configurações de encaminhadores de email existentes

    • Em qualquer um dos casos, basta clicar sobre o Botão/Link correspondente que será feito o download imediato do backup.

Backup Completo

Optando pela opção de Backup completo, você poderá enviar o backup gerado diretamente para outra conta de FTP (muito útil em caso de migração para outra hospedagem cPanel) ou gerar o backup dentro da sua própria conta.

Para enviar o backup para um Servidor FTP remoto, basta informar os dados para conexão com o seu servidor remoto.

 

Para gerar o backup dentro da sua conta, escolha a opção Diretório Inicial. Dependendo do espaço utilizado, a geração do backup pode levar alguns minutos, então você pode informar um email para receber um alerta quando o backup estiver pronto para ser baixado.

IMPORTANTE: Como o backup será gerado dentro da sua própria conta, você precisa ter espaço disponível, do contrário sua conta vai exceder o espaço em disco e isso pode causar problemas. De modo geral, o backup ocupa metade do espaço já ocupado pela conta. Ex.: se você está utilizando 500 MB, o arquivo de backup terá em média 250 MB, logo, você precisará ter esse espaço disponível antes de gerar o backup.

Depois de clicar em Gerar backup aparecerá uma mensagem falando que seu  Backup completo está em andamento. Você pode clicar  no botão Voltar.

Nesta tela aparecerá um link para download assim que o backup for finalizado. Basta você clicar no link logo abaixo e escolher a pasta de destino em seu computador:

 

Depois de baixar o arquivo de backup, você pode exclui-lo para liberar novamente o espaço de disco da sua conta.

  1. Clique no ícone do cPanel, como na imagem abaixo:
  2. Procure pela função Gerenciador de arquivos:
  3. Você pode ver que ele está no seu diretório raiz e com nome no formato “backup-data_hora_user.tar.gz“. Clique sobre o arquivo e depois no botão Excluir. Marque a opção Ignorar a lixeira e excluir permanentemente os arquivos e em seguida clique no botão Confirmar:

Outros tutoriais que podem te interessar

Este artigo foi útil para você?!

Fazer compra de teste – Tela de sucesso

Olá pessoal neste treinamento vamos mostrar como fazer uma compra de teste em nossa loja opensource, além de uma dica Leia mais →

Outros tutoriais que podem te interessar

Este artigo foi útil para você?!

Criar Loja Virtual Flexível e Open Source – Comece Grátis Agora

É hora de Criar a sua Loja Virtual ILIMITADA e vender pela internet usando ecommerce open source.

Na Brasil na Web Leia mais →

Outros tutoriais que podem te interessar

Este artigo foi útil para você?!

Configurar Produtos para Download

Olá pessoal, algumas lojas disponibilizam arquivos para download após a compra de um produto, pode ser um manual de uso, instruções ou mesmo o produto ser digital como matriz de bordado, e-book e etc…

Neste artigo vamos mostrar como colocar arquivos para download vinculado a produtos em sua loja, temos um vídeo ensinado como fazer, mas abaixo temos um artigo em texto mais detalhado, confira:

1) Configurações da Loja

Primeiro vamos habilitar o download na loja, vá no menu de Configurações > Opções da Loja aqui dentro vá na aba de Opções e na parte de PRODUTOS marque sim para downlods

Agora um pouco mais abaixo vamos conferir qual o status do seu Pedido que determina que ele está concluído, ou seja, o último estágio do seu ciclo de compras, no meu exemplo abaixo, é quando colocamos o pedido  como entregue. Mais na frente vou falar da importância deste passo.

2) Cadastrando Downlod´s

Agora vamos cadastrar os arquivos para download, vá no menu de Cadastros > Downloads  aqui clique em inserir, vamos colocar um nome para este arquivo, enviar o arquivo, deixe o campo máscara como o padrão que vier preenchido e no campo de Total de Downloads, você pode determinar quantas vezes o seu cliente pode baixar este arquivo. Por exemplo, você vende um Software de PC, logo que a compra for concluída ele pode baixar este programa apenas uma vez, mas digamos que você venda máquinas pesadas e o seu cliente precisa baixar um manual de instruções, você pode colocar um valor bem alto para ele baixar várias vezes.

Depois de todos os arquivos cadastrados, vamos agora vincular estes arquivos a seus produtos.

3) Vinculando Downloads a Produtos

Neste exemplo vou fazer o vínculo a um produto já cadastrado, o mesmo procedimento pode ser feito no cadastro completo do produto ok? Vá no menu de Cadastros > Produtos > Lista escolha o produto que deseja vincular e vá na aba de Ligações um pouco mais abaixo temos o campo de Downloads,  assim como em categorias, vamos escrever parte do nome e clicar sobre ele para preencher a lista de downloads vinculados.

Aqui você pode colocar mais de um arquivo para o produto

Salve e vamos fazer um teste de compra na loja. ATENÇÃO um detalhe muito importante, após vincular ao produto o download, só será vinculado a novos pedidos a partir de agora, ou seja, clientes que já compraram na loja não poderão fazer o download. Outro detalhe, também importante, este arquivo só estará disponível para download após o pedido chegar na sua Situação de Concluído, ou seja, quando finalizarmos o processo de compra.

4) Testando na Loja

Agora efetuar uma compra de teste na loja deste produto, após a compra volte no painel da loja e vamos mudar a situação do pedido para Pedido Entregue, situação que finaliza o meu pedido.

Agora vamos voltar na loja e fazer o login com nosso cadastro de teste, veja que temos o link de Downloads e ao clicar nele temos a lista de arquivos disponíveis para download deste e dos demais pedidos que tiverem produtos com arquivos vinculados a ele.

Note que temos a quantidade de download que resta, ao baixar um note que ele some da lista.

5) Outros Formatos de arquivos

Em alguns casos você pode suar algum arquivo diferente do mais comuns, como matriz de bordado ou epub (ebook), para arquivos diferentes temos que habilitar na loja a opção de upload destes arquivos, para isso vamos no menu de Configurações> Opções da Loja e vamos na aba Servidor, aqui vamos em dois campos Extensões Permitidas e Tipo de Arquivos Permitidos temos que colocar nos dois campos as extensões e tipos e arquivos.

Para o primeiro campo é mais fácil, basta colocar a extensão do arquivo, não deixe de colocar um por linha, já para o segundo o tipo de arquivo é algo mais técnico estes dois sites checkfiletype.com e htmlstrip.com/mime-file-type-checker podem te ajudar a achar o nome correto da extensão em caso de dúvida acione nossa equipe de suporte.

Espero ter ajudado, qualquer dúvida entre em contato conosco.

Até mais!

Outros tutoriais que podem te interessar

Este artigo foi útil para você?!

Como verificar o espaço da minha loja?

Para conferir o espaço da sua loja, basta acessar a Área do Cliente e ir no menu de Serviços > Meus Serviços

Dentro desta nova tela você vai ver os serviços que contratou na Brasil na Web, entre eles temos o plano da sua Loja (ou hospedagem) basta clicar sobre o Plano que abrirá uma nova tela.

Dentro desta nova tela, podemos conferir o espaço que sua loja está ocupando e se ela atingiu o plano contratado. aso tenha atingido o seu limite de espaço entre em contato conosco solicitando um upgrade do seu plano.

Outros tutoriais que podem te interessar

Este artigo foi útil para você?!

Como configurar Tiny ERP para as Lojas da Brasil na Web

Olá Pessoal neste artigo vamos mostrar como configurar o ERP Tiny para as lojas da Brasil na Web, se você não tem uma conta no Tiny, deve criar uma clique aqui para criar a sua conta, após criar a conta vamos no menu de Configurações e depois clicar na aba de E-commerce e dentro desta aba vamos clicar em Plataformas e pro fim no botão azul  INCLUIR E-COMMERCE

Escolha a plataforma OpenCart e dê um nome a ela, apenas para você identificar, caso trabalhe com mais de uma loja virtual. Na tela Dados gerais vamos começar a configurar com a URL da sua loja, use a URL completa com HTTPS:// e WWW. A Tiny pede para que seja criado um usuário para ela, então vamos criar um novo usuário na loja, na sua loja vá no menu de Configurações > Usuários > Usuários crie um novo usuário para o Tiny com uma senha bem segura, veja neste link nossa ferramenta de geração de senha segura, depois de criado vamos voltar ao Tiny e colocar o usuário e senha que criamos.

Não precisa colocar o arquivo que eles pedem, já deixamos tudo preparado em nossa base de loja para que você só precise fazer a integração no painel deles 😉

 

Agora mais para o final desta aba ainda, vamos colocar no campos de Diretório de Administração a pasta da sua loja que é pad, escreva assim, tudo minúscula e sem espaços, escolha a opção de 1.5.5.x e superiores e faça um teste, se aparecer a mensagem de Parabéns, está tudo pronto para começar a operar o Tiny Integrado a loja.

 

Para conferir vá na tela Inicial do Tny, veja que ele já puxa os seus pedidos e o ticket médio de vendas.


Importante A Brasil na Web não fornece treinamento nem suporte da ferramenta apenas fazemos a integração da mesma na loja, seguindo o manual deles, qualquer dúvida de operação do Tiny pedimos a gentileza de entrar em contato com o suporte deles, caso tiver alguma dúvida da nossa loja, ou falha na integração entre em contato como nossa equipe de suporte.

Até mais!

Outros tutoriais que podem te interessar

Este artigo foi útil para você?!

Cálculo de Frete dos Correios, como funciona?

Alguns clientes perguntam como funciona o cálculo de frete dos correios e nesse artigo vamos explicar mais, veja!

A plataforma de ecommerce da Brasil na Web possui por padrão o módulo dos correios que calcula o frete para o seu cliente final automaticamente quando ele informa o CEP do endereço de entrega da compra logo na tela do produto, no carrinho de compras ou no checkout final.

Como funciona o cálculo de frete dos correios na loja virtual

A plataforma calcula o frete usando os seguintes dados:

– O seu CEP de origem cadastrado em Menu > Configurações > Opções de Frete > Correios.
– O CEP informado pelo cliente na loja virtual.
– As dimensões cadastradas no produto em cada produto na Aba Dados.
– O peso cadastrado no produto

Os Correios fornecem uma forma de consultar o frete dentro do seu sistema, por meio do Webservice, que é uma forma de conexão criada para que sistemas externos façam consultas no sistema dos Correios.

Com isso a loja envia para o site dos correios via API os dados e retorna com os valores e prazos de entrega, tudo acontece on-line dentro do site dos correios.

O cálculo de cubagem dos correios

Cubagem é a dimensão de espaço em que uma caixa ocupa em peso, isso para quando ele retorna o valor para mais itens na consulta, para a cubagem é usado a seguinte fórmula:

Peso cúbico =  (Comprimento x Largura x Altura) / 6000 (Fator de Cubagem)

(C x L x A)/6.000*

Se o peso cúbico da encomenda for menor ou igual a 10 kg, será atribuído o peso físico (ou real). Para encomendas com peso cúbico maior que 10 kg, valerá o maior resultado após a comparação dos resultados entre o peso físico (kg) e o peso cúbico (C x L x A)/6.000.

Então, sendo um pacote de 5,5 kg de peso físico (um ou mais produtos dentro deste pacote), com as dimensões 70x60x10/6.000 que resultam um peso cúbico de 7 kg, o peso considerado para precificação será o físico, de 5,5 kg. Para o caso do peso cúbico ultrapassar o limite de 30 kg será cobrado valor adicional (seguindo tabela dos Correios).

Atenção no cadastro do produto

Ao cadastrar um produto você vai colocar as medidas da embalagem do produto individual, muito cuidado que é com base neste valores que a plataforma envia para os correios fazer o calculo, então ao cadastrar um produto sempre use pontos no lugar de vírgula, por exemplo, um produto onde seu peso de envio (produto + caixa) seja 125,50 gramas ao cadastrar você vai colocar 125.50 e no campo abaixo colocar gramas como unidade de medida.

Um erro comum é colocar a virgula e o sistema interpretar essa medida com 12550 gramas que convertendo teremos 12,55 quilos, logo o calculo retornará dos Correios errado.

Outro erro comum é mudar a unidade de medida, por exemplo um produto que pese 300 gramas, mudamos para 300 kilos. Além de retornar o calculo errado, ele pode apresentar a mensagem de erro, pois os Correios tem limite de 30 kilos para encomendas de Sedex e PAC, para acima disso você vai precisar de um contrato junto com eles e o serviço de transporte de grandes volumas. via correios, uma vez que este transporta até 30 kilos por encomenda.

O mesmo se aplica para as dimensões:

Comprimento (C) = 105 cm
Largura (L) = 105 cm
Altura (A) = 105 cm

Também existem dimensões mínimas para o cálculo, mas você pode ter encomendas em tamanhos menores, porém será cobrado sobre a faixa mínima.

Agora vamos configurar o módulo no painel da loja.

Configure o módulo dos correios no Painel da Loja

Primeiro, configure o seu módulo dos correios para ter pleno funcionamento deste recurso. Itens importantes de serem configurados!

  • CEP de Origem.
  • Serviços que vai ofertar (exemplo PAC. Sedex, etc…) e/ou seus descontos.
  • Valor Adicional
  • Prazo Adicional
  • Peso e Medidas dos produtos (Cadastro de produtos)

Este dados devem estar corretos no cadastro do módulo e do produto para que possam ir no site dos Correios e retornar preço e prazo corretos. Abaixo temos um vídeo detalhado do módulo dos Correios, assista!

 

CONFIGURAÇÕES DO O MÓDULO

Agora vamos no módulo dos Correios que fica em Configurações > Opções de Frete aqui vamos seguir o teste, vou colocar o CEP de origem,  marcar a opção de “declarar valor” e Habilitar o módulo.


 

Cadastro de produto correto com Peso e Medidas

Agora vou entrar em um produto qualquer e mudar a sua dimensão e peso como na simulação que fizemos nos correios.

Aqui uma DICA IMPORTANTE não confunda as medidas de dimensão, pois neste exemplo ai em cima, se mudarmos centímetros para metros, ao invés de ter 13 centímetros vai ser 13 metros e não vai ser calculado, pois os Correios tem um limite para envio de Sedex, se usa metros converta o valor, que seria de 0,13 metros, ok?!

Agora vou na loja e entrar neste produto que alterei e testar o mesmo CEP de destino que colocamos lá em cima, e veja:

Compare A Simulação No Site Dos Correios

Vamos no site dos Correios para fazer uma simulação de envio, aqui vou usar dois CEPs da mesma cidade para testar, simular o serviço do SEDEX usar as dimensões da embalagens dele, o peso mínimo e declarar o preço do meu produto.

E depois disso vamos clicar em enviar e veja o resultado:

Aqui temos o Preço do Serviço e o Valor Declarado: R$ 18,62, vou desconsiderar o Preço da Embalagens deles, isso porquê você mesmo pode fazer a embalagem. Outa dica é adicionar ao preço do produto este custo ou no próprio módulo dos correios.

Viu como os valores batem, desta forma sua loja sempre vai trazer o valor que os Correios fornecerem para a loja virtual.

Lembrando que o que vale na hora de postar um objeto nos Correios é o volume da embalagem e não o volume do produto sem embalagem, então, tenha em mente que o cálculo deve ser feito considerando o tamanho de postagem das embalagens.

Caso sua embalagem comporte mais produtos dentro, encontre uma média de dimensões de forma que você não tenha grandes divergências na hora de despachar a encomenda! BOAS VENDAS!

 

Outros tutoriais que podem te interessar

Este artigo foi útil para você?!