All posts by Adriano Meira

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.

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!

 

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

Este artigo foi útil para você?!

Configurando o PagSeguro Transparente

Olá pessoal! Neste artigo de hoje veremos como configurar o módulo de pagamento Pagseguro Transparente em sua loja virtual com OpenCart. É bem simples, vamos lá!

Primeiro vamos acessar o PagSeguro, se você é cliente da Brasil na Web, acesse com os dados que lhe enviamos no seu PDF.


Como configurar na Pagseguro:

Na Pagseguro acesse:

Menu > Preferências > Integrações

configurar-pagseguro1


Clique em gerar TOKEN, copie a chave

configurar-pagseguro2

Cole este código em um bloco de notas, para podermos utilizar nas configurações da loja, agora no mesmo painel vá no item de “Página de Redirecionamento” e ative-a, e use a seguinte URL:

http://www.seudominio.com.br/sucesso
Substitua o “www.seudominio.com.br” para a URL do seu domínio.

Ainda neste painel, va um pouco mais abaixo em “Notificação de Transação”, ative-a e use a seguinte URL:

http://www.seudominio.com.br/index.php?route=payment/pagseguro/callback
Substitua o “www.seudominio.com.br” para a URL do seu domínio.


Como configurar a sua loja:

Agora que temos os dados da PagSeguro vamos configurar sua loja.

1) Acesse o seu sistema administrativo.
2 )Acesse:  MENU > Meios de Pagamento > Pagseguro Boleto / Cartão ou Débito [Editar]

3) Configurações:

Basicamente basta colocar o seu e-mail e token que pegamso acima, os demais dados já deixamos tudo configurado

Mas vamos deixar abaixo para que serve cada campo.

Token de segurança: você irá obter diretamente na Pagseguro, abaixo explicamos essa parte

Email: informe o mesmo email que você usa para fazer login na Pagseguro

Pós fixo para número de pedido: É uma forma de você identificar pagamentos desta loja virtual, caso tenha outras lojas ou receba valores de outros locais também. Ex: “loja01”, “loja-eletronicos”. Do contrário você pode deixar este campo vazio.

Cálculo do frete feito: “Pela Loja” para manter as regras de frete que você possui em sua loja virtual. A pagseguro da opção para que este cálculo de frete seja feito no ambiente da pagseguro, mas comumente o cliente gosta de ver isso feito antes de fechar o pedido e não no ambiente de pagamento (onde o pedido já está fechado), logo sempre que possível utilize a opção “Pela loja”.

Status diversos: Cada status do pagamento junto a Pagseguro é automaticamente comunicado com sua loja virtual. Logo você deve ter status de pedidos correspondentes a cada situação. Leia cada instrução de status na esquerda e caso você queira criar um novo status, faça isso no sistema em Menu > Sistema > Localização > Situações de Pedidos > Basta criar um novo status e vincular conforme desejado. Lembre-se que o cliente recebe essa informação, logo faça nomes bem objetivos e claros!

Alertar sobre mudança no status da transação: “Sim” – nesta opção toda vez que a Pagseguro mudar o status do pagamento este será automaticamente alterado na loja e comunicado ao cliente.

Região geográfica: “Todas as áreas” – Ou você você restringir este meio de pagamento para uma região específica. Você pode gerenciar essas áreas em nível de “Pais/estado” em Menu > Sistema > Localização > Regiões Geográficas.

Situação: “Habilitado” para liberar esse meio de pagamento na loja virtual.

Ordenação: “1”  (um) para deixar este meio de pagamento como primeira opção e assim sucessivamente nos demais.

Volte na sua loja virtual e informe o TOKEN no módulo pagseguro conforme a primeira imagem deste post.

Pronto!

Toda OpenCart Brasil na Web já vem com este módulo instalado, bastando configurar conforme acima 😉

Se você não é nosso cliente, mas deseja instalar o módulo de Pagseguro em sua loja virtual com OpenCart, abaixo seguem algumas dicas. São necessários alguns conhecimentos sobre FTP e arquitetura da loja para fazer a instalação, tenha cuidado e sempre faça backup antes.

 

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.

  1. Primeiramente, faça o login no cPanel. Caso não saiba como acessar, veja esse tutorial: https://ajuda.brasilnaweb.com.br/?cat=555&id=7129
  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:

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

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

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!

Este artigo foi útil para você?!

Pedidos perdidos na loja

Dentro da loja temos um recurso para filtrar pedidos que foram perdidos, em alguns casos o cliente entra na sua loja, coloca seus produtos no carrinho, vai até a tela final para pagamento entra no seu meio de pagamento (PagSeguro, PayPal, etc..) e fecha a tela. Neste processo ele se torna um Pedido Perdido, para localizar os seus Pedidos Perdidos, vá no menu de Vendas > Pedidos, aqui na barra de cabeçalho dos pedidos, mude a Situação para Perdidos  e clique em Filtrar como mostra a imagem abaixo

Se clicar em processar, teremos todos os dados que o cliente usou para gerar este pedido, incluindo os produtos que ele colocou no carrinho. Lembrando que pedidos perdidos não debitam do estoque e não ficam na listagem de pedido do seu cliente, mas ficam no carrinho do seu cliente! Ou seja, quando ele logar novamente terá o carrinho já montado com seu último pedido perdido!

Para conferir como funciona, vamos pegar o nome do cliente, neste meu exemplo é a Viviane Reis. Agora abra o menu de Vendas > Clientes > Clientes localize o seu cliente e na coluna de Entrar na Loja selecione a  opção Padrão (para quem tem multi-la pode selecionar qual loja o cliente realizou o pedido), aqui vamos fazer login com os dados de nosso cliente.

Agora note que no carrinho da Viviane, temos um produto, ou seja, o último que ela abandonou.

Espero ter ajudado, e até mais!

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.

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!

Este artigo foi útil para você?!

Banner Principal – Recursos e como utilizar

Olá Pessoal, neste artigo vou mostrar a vocês como usar todo o potencial do banner da sua loja Brasil na Web, o banner é uma das peças mais importantes do seu ecommerce, é aqui que vamos colocar nossas melhores ofertas e diferenciais para podermos vender, afinal o banner é a vitrine da sua loja 😉

1) Entendo a mecânica da ferramenta

O banner funciona com o conceito de camadas, como em programas de edição visual (photoshop, illsutrators, corel, etc…). A diferença é que temos um plano de fundo. E em cima dele vamos colocar nossos elementos.

De forma visual, tente imaginar o banner visto de lado, como a imagem abaixo:

Ou seja, temos uma plano de fundo e por cima dele vamos adicionar os elementos.

2) Diagrama do banner

Agora vamos mostrar uma imagem com algumas notas, e abaixo vamos comentar e exemplificar de como construir seu banner usando a mecânica de camadas citada acima. Antes de mais nada, este não é um artigo sobre como criar um banner, temos um vídeo só para isso, veja aqui.

Agora de uma olhada neste diagrama:

Depois de configurar o banner, como nome, efeito, link e etc… vamos primeiro colocar uma imagem de fundo (área vermelha do diagrama), esta imagem de fundo deve ser do tamanho do banner (saiba mais sobre tamanho do banner), basta selecionar por este grande Botão Laranja, em seguida podemos utilizar os ícones da esquerda para acrescentar imagem ou texto ao banner, neste exemplo do diagrama (área azul) criamos uma imagem com fundo transparente que simula um botão. Ainda, nesta área, podemos controlar o tipo de animação, tempo e posição dela no banner.

Ao acrescentar esta imagem ela vai para a área de Linha do Tempo (área laranja), aqui podemos controlar o tempo de exibição dela dentro do banner. Uma detalhe importante; note que na área ROXA temos o primeiro item que colocamos neste banner, e na área VERDE temos um espaço, este espaço é o tempo em que leva o a imagem de fundo (área vermelha) para poder “entrar” (fazer sua animação), por isso de forma automática o banner posiciona o primeiro item um pouco a frente a linha do tempo. Por isso deixe este espaço e trabalhe a entrada dos demais itens (imagens ou textos) na linah do tempo.

Para exemplificar este banner acima, acesse nossa loja de demostração de Lazer e Esportes, note que todos os itens do banner são imagens, temos o fundo, e depois os textos e botão que são imagens com fundo transparente.

Bom agora que já sabemos como funciona a mecânica do banner e como funciona de forma avançada cada item aqui, dê asas a suas criatividade. Se esta não é sua praia contate nossa equipe de Ninjas Designers para criar orçar excelentes banners para você. Abaixo vou deixar alguns links legais para que possa complementar seu estudo aqui:

  1. Personalizando Banner
  2. Tamanho do Banner na Loja
  3. Criando um novo grupo de banner da loja
  4. Mapa de posições da Loja

Espero ter ajuda e até mais!

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!

 

Este artigo foi útil para você?!

Criando Layout para Produtos

Este recuro da loja permite colocar banner, avisos, notas, menus e qualquer outro recurso que utiliza o menu de posições para um determinado produto. Por exemplo se quisermos colocar uma mensagem de cupom de desconto para um produto (ou mais) específico no topo da página abaixo do menu,podemos fazer com este recurso, vamos ao passo a passo.

1) Escolhendo os produtos
Primeiro vamos anotar e guardar o nome e a URL deste produto, por exemplo, abaixo temo o produto exemplo 1, ao acessar vamos pegar a URL do navegador e guardá-la em um bloco de notas, neste nosso caso a URL é produto-de-exemplo-01

2) Inserindo as URL personalizadas
Agora vamos cadastrar esta URL como uma nova rota de layout, vá no painel da loja no menu de “Customização” > “Rotas e Layouts” e clique em Inserir

Agora é só dar um nome para o layout e em “Adicionar” colocar a URl que copiamos

3) Alterando layout do produto
Agora vamos alterar o layout deste produto, assim toda vez que se entrar na URL dele, podemos ter informações e banners para este produto. Vamos no painel no menu de “Cadastro” > “Produtos” > “Lista” e vamos selecionar este produto e clicar em editar.

Dentro da edição do produto vá na aba de “Design” aqui temos uma seleção de layout e escolha esta que acabamos de criar.

Pronto, agora temos o layout deste produto cadastrado e no produto configurado, podemos utilizar vários recursos como banner, carrossel de produtos, menu principal, menus secundários e quaisquer recursos da loja que permite o seu posicionamento através de layout, veja este artigo que falamos sobre as posições e layout´s da loja. Como neste nosso exemplo vamos colocar uma mensagem de cupom de desconto para este produto (veja treinamento de cupom de desconto), vamos utilizar o recurso de Áreas Personalizadas, vá no menu de Customização > Áreas Personalizadas.

4) Criando conteúdo para o produto
Agora dentro do módulo de áreas personalizada vamos criar uma nova aba, vamos chamá-la de “Desconto do Produto 001”, no campo de conteúdo vamos colocar o texto ou imagem que desejamos, em nosso exemplo um texto e o cupom de desconto.

Depois vamos marcar a opção de Ocultar Título, e em Layout vamos selecionar nosso layout que criamos no passo 2, e em posição vamos selecionar a posição “PROMOÇÃO” isso fará com que nosso texto fique abaixo do menu e acima da descrição do produto. Deixe opção de status habilitado, e coloque a ordenação como 0 (zero).


E pronto agora seu produto terá a mensagem de cupom de desconto!

Agora você pode fazer o mesmo procedimento para outros produtos, ou pode fazer uma área genérica e trocar apenas em outros produtos o seu layout. Lembrando que o recurso de Área Personalizada permite utilizar texto e imagens, com este procedimento, você pode criar novos banners, carrossel de produtos, imagens, etc… e colocar em diversas áreas do layout, veja o artigo que falamos de layout´s e posições.

Se desejar um banner mais profissional, pode contar com nossa equipe de designers, entre em contato conosco para contratar uma manutenção e nossos design estão preparados para criar um ótimo banner ou visual para esta parte da sua loja.

Até mais!

 

Este artigo foi útil para você?!

Abra sua loja, cadastre, customize e venda!

Musica por: Prefekt – Rose Tinted

Este artigo foi útil para você?!

Configurar Parcelamento Sem Juros no PagSeguro

Olá pessoas, neste artigo vamos mostrar como configurar, no seu painel da PagSeguro, promoções de parcelamento sem juros, aquelas em que você assume o juros das parcelas pelo cliente (imposição da Pagseguro).

A plataforma de loja virtual da Brasil na Web oferece integração com a PagSeguro e antes de configurarmos o parcelamento sem juros, certifique-se que o seu módulo de pagseguro está devidamente configurado conforme mostramos neste artigo, estando tudo certo, vamos em frente!

1) Primeiro vamos configurar na PagSeguro, ao entrar em seu Painel vá no menu de Minha Conta > Parcelamento > Criar Promoções aqui vamos criar a promoção, vamos colocar a quantidade de parcelas que vamos cobrir os juros, vamos definir se tem uma faixa de preço, data de início e fim e se vamos dar desconto se o cliente pagar a vista.

2) Depois de tudo salvo e configurado, vamos na sua Loja Virtual.

Neste vídeo abaixo mostramos como configurar o módulo que exibe os descontos e parcelamentos na loja,  alinhe bem com os dados que colocou na promoção do PagSeguro.

 

3) Agora que configuramos a exibição, vamos utilizar o método de pagamento disponível na sua loja de PagSeguro Transparente para mostrar. Relembrando que na PagSeguro (imagem cima) colocamos as seguintes condições:

Compras de R$ 150,00 até R$ 500,00, terão juros zero se divido em até 4 parcelas

HORA DE TESTAR!

Agora vamos testar em nossa loja virtual, na imagem abaixo realizamos uma compra no valor de de R$ 266,20, logo exibe as opções de compra em até 4x sem juros

 

Neste outro teste nossa compra foi no valor de R$ 90,00, abaixo das condições da promoção do PagSeguro, note que não temos opção sem juros, apenas o valor total.

Este tipo de configuração em conjunto com a PagSeguro é muito importante para alavancar suas vendas, mas tome cuidado! Leia os bem os termos de juros da PagSeguro para não comprometer sua margem de lucro, se você já tem uma margem pequena, tente outra estratégia ou mesmo outros meios de pagamentos.

Abaixo deixo duas boas leituras para lhe ajudar a alavancar vendas 😉

Como Melhorar a Página Inicial da Loja Virtual e Vender Mais
Dicas do Fábio Ricotta para sua loja virtual vender mais
Vendas em nosso blog

Ate mais e boas vendas!

Este artigo foi útil para você?!

Como criar Cupom de Desconto

Neste tutorial vamos mostrar como criar e aplicar um cupom de desconto na sua loja virtual da Open Cart.

Veja mais Leia mais

Este artigo foi útil para você?!

Programa de afiliados no ecommerce

Na loja virtual da Brasil na Web, existe um recurso que pode potencializar muito as suas vendas, é o Programa de Afiliados.

Com ele você pode ganhar parceiros (blogueiros, digital influencers, entre outros) que vão divulgar a sua loja virtual e receber uma comissão por isso. Vamos ver algumas etapas importantes abaixo para configurar e dicas para criar o seu programa de afiliados.

TAXA DE COMISSÃO, TERMOS E STATUS DE PEDIDO

Antes de começar é importante que crie um termo para afiliação, ele vai ser útil no ato de cadastro pela loja do seu afiliado, ajudando a você para se prevenir de alguém mal intencionado. Então vamos no menu de Customização > Páginas Institucionais e criar uma nova página com os TERMOS DE AFILIADOS descreva o programa, coloque prazos de pagamento, taxas e condições, sempre indicamos deixar tudo claro para você e seus afiliados.

Após criar a página vamos agora adicionar este termo no formulário de inscrição e configurar a taxa de afiliação. Vamos no menu de Configurações > Opções da Loja depois vamos na aba de Opções e por fim na seção de Afiliados, aqui vamos vincular a página que criamos. Podemos também colocar um status diferenciado quando o pedido deste afiliado cair (veja mais em fluxo de pedidos) e o valor da comissão que vai dar  ao afiliado, essa informação vai aparecer na tela de cadastro no site, é bom manter ela sempre alinhada com a página do termo que criamos.

SOBRE O CADASTRO

O cadastro de afiliado pode ser feito na loja virtual de duas formas:
1- O afiliado acessa o link www.seudominio.com.br/afiliados-login e faz o cadastro como afiliado
2- O administrador da loja realiza o cadastro em Menu > Vendas > Afiliados > Inserir

Em ambos os casos, é preciso aprovar o cadastro acessando Menu > Vendas > Afiliados > Aprovar.

SOBRE O ACESSO

Depois de ter feito o cadastro e ser aprovado, o afiliado pode acessar sua área de afiliado no link www.seudominio.com.br/afiliados-login
Acessando sua conta, ele terá um menu com todas as ferramentas que estão disponíveis pra ele.

SOBRE A DIVULGAÇÃO

Para divulgar um produto, o afiliado deve acessar sua área e clicar no item “Gerar Links”.

O afiliado pode copiar a URL da sua loja com o seu respectivo código de rastreamento ou escolher o produto que o sistema apresentará o link que ele deve utilizar. Quando um cliente chegar na loja através desse link, o pedido ficará vinculado ao afiliado, gerando comissão quando for pago.

SOBRE O COMISSIONAMENTO

Depois de feito o pedido, caso ele tenha vínculo com algum afiliado, isso aparecerá no sistema na tela de detalhes do pedido: Menu > Vendas > Pedidos > Processar

Nessa tela, existirão dois campos:
1- Afiliado: identificando o afiliado responsável pelo pedido
2- Comissão: valor de comissão devido ao afiliado

Entretanto, o valor de comissão deve ser liberado manualmente pelo administrador, depois de conferir o pedido e garantir que não há nenhuma falha. Para isso, basta clicar no botão verde Adicionar Comissão ao lado do campo “Comissão”.

E para remover a comissão deste pedido, basta clicar no botão vermelho Remover Comissão.

SOBRE O PAGAMENTO DE COMISSÕES

Uma vez liberada a comissão, o afiliado receberá um e-mail informando seu saldo atual.

Ele pode solicitar pagamento diretamente pela sua área de afiliado, recomendamos que você estipule um valor mínimo para saque das comissões, exemplo: R$ 50,00 ou R$ 100,00.

O processo de pagamento ao afiliado é feito de forma externa à loja, ou seja, ele pode optar por depósito bancário, pagamento via pagseguro, paypall, etc.. Você deve fazer isso fora da plataforma da loja.

Entretanto, para fins de controle, o saldo do afiliado deve ser abatido na loja acessando Menu > Vendas > Afiliados > Editar > Créditos. Nessa aba, basta lançar um valor negativo (-100.00, por exemplo) indicando que um pagamento foi feito e por isso deve ser abatido da comissão do afiliado.

É possível também adicionar qualquer crédito avulso utilizando essa mesma tela.

BENEFÍCIOS ADICIONAIS

A estratégia de afiliação é tão importante e boa que você vê cada vez mais empresas de nome criando programas assim. Um benefício oculto, mas não menos importante é que ao obter centenas de pessoas falando e criando links para a sua loja virtual em busca de comissão, elas estão ajudando no seu Link Building.

Ou seja, quanto mais links sua loja recebe na internet, mais popular ela fica, mais chances você tem de se sair melhor nos resultados de busca do Google. Não se preocupe, se os links forem naturais, feito de divulgações pontuais e não spam, sua loja não corre riscos de ser classificada com infratora das Guidelines do Google para Webmasters.

Se quiser entender ainda mais sobre Gestão de Afiliados, recomendamos participar do Afiliados Brasil, acesse e confira as dicas e participe dos eventos para criar uma excelente estratégia!

Então, comece agora o seu programa de afiliados, procure potenciais parceiros que possuem sintonia com o assunto que você também trabalha e bons negócios!

Gostou das dicas? Comente pra nós, implante e boas vendas!

Este artigo foi útil para você?!

JadLog – Módulo e Configurações para Loja Virtual

Neste artigo vamos falar do módulo Jadlog, uma opção de transportadora para a sua loja virtual. Com mais de 10 anos de mercado trabalhando no transporte de mercadorias nacionais e internacionais. No seu portfólio atendem desde documentos a cargas de grande porte e volume, saiba mais neste link..

Oferecer mais opções de entrega na sua Loja Virtual pode potencializar ainda mais suas vendas. A Brasil na Web oferece a integração com a JadLog através de módulo adicional,  que você pode comprar neste link.

 

A partir de agora, vamos mostrar como configurar o módulo.

Depois que você adquirir o módulo e ele for instalado pela nossa equipe, você vai acessar as configurações em Menu > Configurações > Opções de Frete > Transportadora JadLog > Editar. A tela de configuração está exibida abaixo:

Depois de configurar os campos de acordo com o seu contrato com a empresa JadLog. Você precisa checar a medida e peso padrão da sua loja, pois este módulo só trabalha com Centímetros e Kilograma.

Para isso acesse Menu > Configurações > Opções da Loja > aba Localização. Procure pelos campos Unidade de Medida Padrão e Unidade de Peso Padrão e defina como Centímetros e Kilograma, respectivamente.

 

Gostou da dica? Adquira o módulo pela nossa loja que nossa equipe dará todo o apoio necessário para implantar essa transportadora no seu ecommerce! Comente nosso post e boas vendas!

 

Este artigo foi útil para você?!

Adicionar vídeo no produto ou páginas da Loja Virtual

Olá pessoas hoje vamos falar de como adicionar vídeos na descrição de produtos ou em páginas de Informação da sua loja virtual na Brasil na web.

Você pode utilizar vídeos do Youtube, Vimeo entre outros que ofereçam o incorporador.

Obtendo o código do vídeo para incorporar

Primeiramente, obtenha o código de incorporação do vídeo, vamos usar como exemplo o youtube.

No youtube escolha o vídeo que quer colocar na loja, vá no item Compartilhar e depois em Incorporar e copie o código ali gerado. Veja que é possível mudar o tamanho e outras configurações, clique no “mostrar mais”.

 

Para adicionar o vídeo

Com o código copiado, vamos na sua loja virtual. Neste exemplo vamos colocar o vídeo em uma descrição de produto, mas pode ser aplicado a qualquer lugar da loja que tenha o editor de conteúdo, por exemplo, páginas de informação, áreas personalizadas, etc…

O editor serve para negritar, alinhar ao centro e definir alguns padrões para o texto, além destas funções temos o código fonte. Com ele podemos ver os códigos gerados ao usar funções como estas citadas acima, e com isso colocar nosso código de incorporação do vídeo.

Clique no botão Código Fonte:

A tela de edição vai ficar preta e com isso acessamos o código fonte deste trecho. Agora basta colar nosso código de incorporação do vídeo entre as linhas verdes, aconselhamos que seja nos espaços vazios, no início ou no fim de todo o código.

Agora salve e pronto, o vídeo está incorporado ao seu conteúdo e você acaba de aprender um pouco sobre HTML que lhe dá mais liberdade para enriquecer seus conteúdos.

Lembre-se vídeos enriquecem muito a experiência de compra do seu cliente e vão ajudar a melhorar as suas vendas. Saia do básico, crie vídeos de seus produtos, coloque no seu canal do youtube e vincule em sua loja virtual!

Simples não é? Gostou, comente e boas vendas!

 

Este artigo foi útil para você?!

Tamanho do banner da loja

O banner é uma parte fundamental da sua loja, é onde vamos mostrar aos consumidores promoções, novos produtos e destaques da loja! Antes de mais nada, vamos apenas definir dois conceitos importantes sobre os tipos de layout. O banner pode ser configurado de duas formas:

Ao cadastrar um banner que utilize o layout full, precisamos ficar atentos a alguns aspectos quanto ao tamanho de monitores e dispositivos móveis. Vamos tentar explicar de forma simples através do diagrama abaixo:

Quando trabalhamos com imagens que ocupam toda a tela do navegador (Layout Full), devemos lembrar que existem vários tamanhos de monitores, vários tipos de tablets e smartphones. Por isso devemos criar imagens com uma largura muito alta, para que se adapte à maioria dos navegadores.

No diagrama acima, a área azul representa a parte visível da imagem, a parte vermelha a que não vai aparecer. No layout full, a imagem se ajusta à largura do navegador e cresce proporcionalmente do topo da esquerda para baixo da direita (conforme indicação da seta no diagrama).

Os sites com layout full devem ser tratados para que o conteúdo principal do banner não fique nas bordas nem na parte inferior (vide área vermelha do diagrama). Já os sites com layout boxed não precisam se preocupar com isso. Desta forma para usar melhor a área do seu banner, aconselhamos usar o peso da imagem e/ou informações sempre na parte superior mais ao centro, assim os textos e botões de ação sempre estarão visíveis mesmo que seu cliente acesse em uma tela menor.

Para o tamanho do banner, você pode utilizar 1680x500px para layout full e 1170x500px para layout boxed. O tamanho do banner (largura e altura) pode ser configurado clicando no botão “Configurações Gerais do Banner” que fica no topo da tela de edição dos banners. Abaixo veja uma “blue print” de onde colocar o conteúdo do seu banner, assim ele vai se adaptar ao tamanho das telas sem que o foco de venda (informações importantes) seja perdido em telas menores:

Download desta imagem em PSD (Photoshop)
Se quiser mais dicas de banner ou mais funções veja o vídeo de treinamento abaixo ou clicando aqui

Para completar seus estudos para o banner da loja não deixe de ver estes link:

  1. Entenda a Mecânica do Banner na sua loja
  2. Criando um novo grupo de banner da loja
  3. Mapa de posições da Loja
  4. Personalizar Banner

Este artigo foi útil para você?!

Mapa de Posições da Estrutura de Telas da Loja Virtual

Dentro da loja da Brasil na Web temos uma flexibilidade de colocar vários conteúdos em algumas áreas pré-definidas do template. Na imagem abaixo estão definidas todas as posições disponíveis atualmente na loja. A única área que não pode ser utilizada para acrescentar conteúdo é o Topo.

Utilizando como exemplo o recurso de Áreas Personalizadas, vamos mostrar de forma prática como utilizar as posições. Para isso, siga os passos abaixo:

  1. Acesse o módulo em Menu > Customização > Áreas Personalizadas.
  2. Crie uma nova área personalizada clicando em Adicionar
  3. Informe um título, conteúdo e escolha em que layout/página ele deve aparecer
  4. No campo Posição (destacado na imagem em vermelho) vamos definir a posição que o conteúdo vai ocupar dentro do layout/página escolhido.

No exemplo acima, o conteúdo será exibido em todas as páginas na posição Menu Principal. Abaixo temos uma tabela com todos as posições disponíveis, siga o mapa no início da página para para poder se orientar visualmente.

PosiçãoObservação
Menu PrincipalColoca itens acima ou abaixo do menu principal.
Banner PrincipalColoca itens acima ou abaixo do banner – Posição “full”, ocupa a tela toda.
Primeiro destaquePosição abaixo da posição Promoção, serve como uma amostra dos melhores produtos ou destaques de produtos da sua loja
PromoçãoPosição abaixo do banner
Topo do conteúdoPosição acima do conteúdo da página
Coluna esquerdaPosição a esquerda do conteúdo
Coluna direitaPosição a direita do conteúdo
Rodapé do conteúdoPosição abaixo do conteúdo
Segundo destaquePosição abaixo do conteúdo da página – BLOG na home
Footer CheckoutRodapé da página de checkout – Dependência do layout OneCheckout
Lateral – CheckoutLateral da direita abaixo das formas de pagamento na tela de checkout final – Dependência do layout OneCheckout
Rodapé superiorPosição na parte de cima do rodapé – Mais de um módulo adicionado, ele vai gerar uma nova coluna nesta posição
Rodapé centralPosição na parte do meio do rodapé – Mais de um módulo adicionado, ele vai gerar uma nova coluna nesta posição
Rodapé inferiorPosição na parte de baixo do rodapé – Mais de um módulo adicionado, ele vai gerar uma nova coluna nesta posição

 

Estas posições podem ser aplicadas em vários módulos da loja que permitem definir em que posição eles devem ser exibidos. Por exemplo, se quiser colocar os produtos mais vendidos na posição Promoção, basta ir no menu de Customização > Produtos > Carrossel de Produtos e na configuração do módulo escolher qual layout/página e a posição Promoção.

Você pode utilizar os módulos de:

  • Captura de e-mail
  • Depoimentos
  • Listagem de categoria de BLOG
  • Listagem de últimos comentários do BLOG
  • Listagem de últimas postagens do BLOG
  • Banners
  • Áreas Personalizadas
  • Menu principal
  • Menus secundários
  • Caixa de feed do Facebook
  • Produtos em Carrossel
  • Produtos em Abas

Mapa da Minha Loja

Uma dica bem legal é você antes de começar a colocar produtos, banners e promoções na página inicial da sua loja, é criar um Mapa da Home, este mapa vai ajudar a você, de uma forma simples, visualizar os módulos que queira colocar na página inicial da sua loja. Para fazer é bem simples, risque em um papel quadrados e imagine que cada módulo vai ocupar uma linha e cada linha é uma posição e vai “empilhar” um em cima do outro no desenho, para ajudar vamos primeiro pensar como a tela inicial da loja vai ficar, vamos penas descrever o que ter na home, veja:

Na tel inicial da loja, após o banner, vai ter uma lista de produtos em promoção, um banner falando dos descontos de frete que vou dar, outra linha com produtos mais vendidos, outro banner com uma categoria que mais vendo e abaixo dele os produtos desta categoria.

Agora que definimos como vai ser a tela inicial, vamos desenhar, fiz um diagrama no computador, mas pode só escrever num papel ou no bloco de notas, isso vai ajudar a visualizar melhor como vai ficar a home.

Agora fica fácil colocar cada módulo ali, voltando lá em cima no Mapa Principal, vou colocar todos eles na mesma posição. Vou dar a dica bacana, tente colocar os módulos na mesma posição, criando uma base para sua home, tudo na mesma posição, fica mais fácil de ordenar (já falo disso mais em baixo), e pra melhorar a dica coloque tudo na posição “Topo Conteúdo”, assim se precisar um dia de colocar um banner ou produto promocional você vai usar as posições mais acima como “Promoção” ou “Primeiro Destaque”.

Agora que sei a posição padrão, dos módulos que vão na tela incial da minha loja, vou colocar em cada um dos módulo a mesma posição e mudar apenas a ordem, mas antes voltamos no nosso mapa e vamos escrever o módulo que vamos usar e sua ordem, veja na imagem abaixo para simplificar:

Agora é botar mão na massa, digo nos módulos:

  1. Criar um grupo de produtos em destaque da categoria (Veja como neste artigo)
  2. Criar 2 banners promocionais, vou usar o módulo de Área personalizada (Veja como neste artigo) e colocar eles na posição “Topo conteúdo” e eles na ordem 2 e 4
  3. Criar 3 produtos em carrossel (Veja como neste artigo), onde todos tem a posição “Topo Conteúdo”, mas o Promoções na ordem 1, o Mais Vendidos com ordem 3 e o Destaque da Categoria com ordem 5

Pronto seguindo estes passos agora tudo fica alinhado e em sua posição, se eu precisar mexer novamente no banner vou na área personalizada, se eu precisar mudar a categoria vou no módulo de produtos em destaque, e assim por diante.

Principais rotas da loja virtual

A rota é um conceito existente na loja e que tem uma correspondência direta com alguma página. Abaixo listamos as principais rotas existentes.

RotaObservação
account/accountPágina inicial do painel do cliente
account/loginPágina de login do cliente
account/registerPágina em que o cliente pode realizar um novo cadastro
account/voucherPágina para compra do vale presente
checkout/cartPágina do carrinho
checkout/checkoutPágina em que o cliente faz a conferência e conclusão do pedido (mobile)
checkout/successPágina de sucesso da conclusão do pedido
common/homePágina inicial da loja
information/contactPágina de contato
information/contact/successPágina de sucesso de contato enviado
onecheckout/checkoutPágina em que o cliente faz a conferência e conclusão do pedido (desktop)
product/categoryPágina de uma categoria qualquer
product/productPágina de um produto qualquer
product/category/alllista todos os produtos da loja
product/searchPágina de busca
product/specialPágina com a lista de produtos em promoção
product/testimoniallista de depoimentos de clientes

Essas rotas são úteis para utilizar o conceito de “layouts” da plataforma e podem ser usadas também na configuração dos códigos de conversão (veja artigo Como configurar Google Tag Manager, Adwords e Remarketing).

EXEMPLO PRÁTICO

Ao criar um novo LAYOUT você pode fixar módulos só para aquele layout, por exemplo:

Você quer exibir um banner acima de um determinado produto, na tela do produto.

Basta criar um novo layout usando a rota de product/product e dar um novo nome, por exemplo o nome do produto.

Então, basta editar o produto e na ABA DESIGN aplique o layout que você criou.

Agora, habilite o banner na posição desejada e informe o layout em que ele deve aparecer, no caso, o layout que você acabou de criar.

Pronto, somente este produto terá este banner agora!

Isso pode ser feito com qualquer layout de página como também categorias para se ter um banner só em uma determinada categoria, bem como para vários módulos como menus, banners, áreas personalizadas entre outros recursos posicionáveis.

Este artigo foi útil para você?!

Como comprimir e otimizar imagens – Tutorial Ferramenta Online

Olá pessoas, hoje vamos ensinar a comprimir e otimizar imagens para seu site ou loja virtual, é muito importante manter o máximo de qualidade das imagens do seu site com o menor tamanho possível.

Por que comprimir e otimizar imagens?

Ao comprimir a imagem você reduz o peso da mesma (tamanho do arquivo), melhora o tempo de carregamento da página tanto nos dispositivos móveis quanto em desktop e economiza espaço na sua hospedagem.

Então vamos lá, primeiro vamos falar de alguns conceitos básicos de imagens para a web.

Tamanho de telas vs Imagens

As telas de monitores estão se nivelando em resoluções entre 1300 e 1600 pixels (Segundo a uxdesignbrasil.cc), e cerca de 15% da web são telas de quase 1900 pixels de resolução.

Logo se sua imagem precisa cobrir toda a largura de uma tela ela deve conceber em torno de 1900 a 2000 pixels no máximo. Se quiser excluir e trabalhar com uma média menor, use 1680 pixels para aliviar o peso destas imagens. Dica: se possível oculte esse tipo de imagem grande, como banners, na versão mobile de sua loja virtual para otimizar o carregamento.

Resoluções DPI e PPI

Além do tamanho, as imagens digitais guardam o valor de pixel por polegada. Em resumo é quantidade de pixel que sua imagem tem por polegada (2,54cm), isso define o quanto sua imagem será nítida. Imagine um filme em 4K, alta resolução e um filme de celular mais modesto. O filme 4K vai ficar ótimo na sua tela de TV de 42 Polegadas, mas em um celular mais modesto não vai fazer diferença nenhuma, por isso para a internet podemos utilizar uma resolução mais baixa, nos dias atuais para se fazer um bom panfleto, cartão de visita, capa de revista uma imagem precisa ter 300 DPI, isso significa que você poderá ver todos os detalhes dos olhos da modelo da capa, a fina ponta da fonte do cartão, isto porque você vai pegar na peça física e chegar bem perto do seu rosto para ver.

Já imagens para internet só precisamos de 72 DPI, com isso economizamos muito espaço e tamanho de imagem! Então prepare sua câmera do celular ou outro dispositivo para poder tirar fotos no máximo em 90 DPI.

Meta dados de imagens

Além dos dois pontos que abordamos acima, temos os dados da foto que ficam escondidos. Estes “meta dados” guardam informações sobre a foto, como o dia em que foi tirada, qual câmera, que tipo de lente, autor e outros dados que cada dispositivo pode colocar ali, veja um exemplo no Flickr, onde ele pega esses Meta Dados para colocar na descrição das fotos:

formato-camera-blog
Porém estes meta dados geram um peso extra na sua imagem, e para otimizar ainda mais podemos removê-los com alguns softwares específicos.

Agora que temos em mente que temos três coisas para ajustar em nossas imagens, veja o passo a passo de como remover meta dados de imagens com a ferramenta on-line I Love IMG.

 

Como otimizar imagens para sites e lojas virtuais

1) Acesse o site: www.iloveimg.com/pt

Note que você tem algumas opções como Comprimir Imagem, Redimensionar entre outras…

tela-comrpessor

Aqui temos a ferramenta de comprimir imagem, redimensionar, cortar e converter a imagem, vamos começar com a de redimensionar, para colocarmos nossa imagem com largura de 1500 pixel.

2) Redimensionar para otimizar imagens

Selecione sua imagem conforme tela abaixo.

compress-iamge
No meu caso a minha imagem tem 2000 pixel de largura, ao carregar vamos ter algumas configurações veja:

resolucao-02
Aqui vamos manter a opção de “Manter Proporções”, assim não temos que preocupar com a altura.

Vamos mudar a largura para 1500 e clicar em “Redimensionar as imagens” e pronto ele vai abrir a tela para download da imagem.

Veja que só de diminuir de tamanho temos um ganho de metade do tamanho da imagem, e ainda assim ela ficou com ótima qualidade para web.

comparativo-001

3) Remover Meta Dados para comprimir e otimizar imagens

Agora vamos remover os Meta Dados e otimizar a imagem pelo mesmo site na opção de “Comprimir Imagem”. 

Volte na tela incial do site e clique em Comprimir imagem e selecione a imagem que será comprimida. Clique em  Comprimir imagem.

Veja que neste nosso exemplo ele comprimiu de 2.74 mb para 712 kb!!!

result-comrpess

Resultado final após redimensionar e comprimir a imagem:

comparativo-002comparativo-003

Você consegue ver diferença nessas 3 imagens? Eu não! rs…

A qualidade praticamente não é alterada e você obteve um super economia de peso da imagem e ganho de velocidade para o seu site. Gostou?

Por fim…

Este site permite que se faça estas ações com até 15 imagens, com isso você pode redimensionar 15 fotos. Já o recurso de compressão permite trabalhar até 5 imagens por vez!

Lembre-se um site que carrega mais rápido é mais bem visto pelo Google e com isso você pode ganhar melhores posições nos resultados de busca. Essa é uma das técnicas de SEO para loja virtual que já falamos aqui.

Mãos a obra e até mais pessoal!

Este artigo foi útil para você?!

Configuração de carrossel e abas de produtos na loja

Olá pessoas, neste artigo vamos aprender a configurar o carrosel e abas de produtos para a sua loja virtual.

A OpenCart Brasil na Web possui dois módulos que permitem que seus produtos sejam exibidos em formato de carrossel, aumentando assim quantidade de produtos exibidos na home da sua loja – ideal para destacar aquilo que os clientes mais compram para tornar o processo de escolha ainda mais rápido!

Então vamos falar um pouco deste módulo e uma dúvida recorrente sobre como configura-lós!

Para acessar o módulo vamos no menu de “Customização” -> “Produtos” e aqui temos os dois módulos o de “Exibição em Carrossel” e o de “Exibição em abas”

tela-001

 

A diferença entre estes módulos é que um você pode escolher mais de uma aba para o carrossel o outro apenas um. Abaixo vamos dar uma olhada na tela do primeiro módulo “Exibição em carrossel“:

tela-002

Nesta tela temos as seguintes opções:

1) Descrição do módulo: Aqui você pode utilizar texto e imagens para que fique acima da listagem de produtos e abaixo da(s) abas que escolherá mais abaixo.

2) Classe CSS – Prefixo: Neste campo você pode definir um estilo extra e nas customizações avançadas estilizar este módulo, mas é algo mais avançado que exige um conhecimento e técnica de programação, consulte nossos consultores para saber mais sobre customização de layout 😉

3) Tipos de aba de produto: Aqui vamos escolher quais tipos de destaque queremos mostrar neste carrossel, na opção de “Exibição de Carrossel” você só vai escolher um tipo de situação – Ex: Produtos em Promoção, Produtos Mais Vistos e etc. Já no módulo “Exibição em Abas” você pode escolher um ou mais tipos como: Lançamentos, Destaques, Mais vendidos, Promoções e Mais vistos.

Uma observação bacana aqui é sobre os produtos em destaque, que você cadastra no menu menu de “Cadastros” -> “Produtos em destaque” e as promoções na edição de um produto na aba de “promoção”. Assim estes módulos de Carrosel e Abas de produtos vão puxar essas configurações deste local.

4) Dimensão (L x A) e tipo de Redimensionamento: Aqui definimos o tamanho das imagens dos produtos.

5) Itens por Lâmina – Colunas por Lâmina – Total de Itens: Neste campos vamos definir a quantidade de itens por lâminas e colunas, para exemplificar melhor veja o diagrama abaixo, é a partir dele que você vai calcular a quantidade de itens a ser exibido:

diagrama-configuracoes-carrosel

 

Neste exemplo vamos exibir 12 produtos e vai ter mais 12 produtos escondidos, que serão exibidos ao se clicar nas “setinhas”, se desejar exibir apenas uma linha, seguindo o diagrama a configuração ficaria: 4 itens por lâmina, 4 colunas e 8 itens total. Se desejar ter duas linhas e três colunas sem que passe para outra lâmina (sem as “setinhas”) ficaria: 6 itens por lâmina, 3 colunas e 6 itens no total. Assim você pode trabalhar da forma que desejar a exibição dos seus produtos em destaque, lembando que o sistema te uma limitação de colunas que funciona apenas com 1,2,3 e 6 colunas, isso para garantir que em telas menores ele funcione da forma correta e responsivo (saiba mais sobre layout responsivo aqui).

6) Layout: Neste item você define em qual layout/tela este item irá aparecer, isso ajuda a reforçar seu produtos, por exemplo na tela de sucesso da loja você pode mostrar os mais vendidos, ou no resultado de busca os produtos em promoção ou na página incial da sua loja os mais vistos e assim por diante.

7) Posição: A posição do layout é onde será exibido, como na lateral, rodapé, área de promoção (no caso da página inicial), etc…

8) Status: Você pode cadastrar vários carrosséis e ativá-los de acordo com sua campanha de vendas, por exemplo um carrossel de produtos em destaque que mostra os produtos que mais venderam no natal.

9) Ordenação: A ordenação define seu lugar dentro da posição que definimos, por exemplo se escolhermos a posição “Showcase” e se houver outro módulo ali como, área personalizada a ordenação define quem vem acima de quem. Ex: o módulo que tiver ordenação 1 virá acima do que tiver ordenação 2 e assim por diante.

Lembrando que ali no topo você pode criar mais abas ou carrosséis e configurar cada um de uma forma diferente.

tela-003

 

Por hoje é só pessoal, até a próxima!

 

Este artigo foi útil para você?!

Como fazer a configuração automática do Outlook

O processo de configuração automática para o Outlook é bastante simples. Vamos ao passo a passo:

 

  • Na página seguinte, procure a versão do seu Outlook e em seguida clique em POP3 por SSL/TLS
  • Na tela seguinte, clique em Prosseguir

  • Se o seu navegador perguntar se você deve abrir, executar ou salvar o arquivo, escolha Manter ou Executar ou Abrir.
  • Se o seu computador exibir um Aviso de Segurança, clique em Executar.

Executar arquivo de configuração

 

  • Se o seu computador perguntar se você deve adicionar as informações contidas ao registro, clique em Sim.

Confirmar inclusão do registro

 

  • Agora abra o Outlook e utilize sua senha para fazer a autenticação.

 

ATENÇÃO: Se não houver opção de configuração automática para sua versão de Outlook, você pode seguir o tutorial de configuração manual do Outlook.

Este artigo foi útil para você?!

Configurar módulo de PayPal na loja virtual OpenCart

Olá! Hoje quero lhe ensinar a configurar o módulo de Paypal em sua loja virtual para que os pagamentos sejam confirmados automaticamente!

Ao criar sua loja virtual com a Brasil na Web ela já terá a opção de PayPal, e nesta publicação vamos dar uma olhada nas configurações deste módulo e também na configuração que precisa ser feita em sua conta Paypal.

Configurando o Paypal na loja virtual

1º) Acesse o Painel Administrativo da sua loja virtual: Menu > Configurações > Meios de Pagamento.

paypall-001-a

2º) Na próxima tela escolha o módulo “PayPal”, clicando em editar

3º) Dentro do módulo vamos configurar os seguintes campos:

  • E-mail da conta do PayPal
  • Modo de Teste: NÃO
  • Método de Transação: VENDA
  • Situação do Pedido Completo: PAGAMENTO CONFIRMADO
  • Situação do cancelamento revertido: PAGAMENTO CONFIRMADO
  • Situação do Pedido Reembolsado: Cancelado com estorno

Você ainda pode colocar um nome diferente, ou seja, ao chegar no carrinho final (checkout) aparecerá o nome que colocar, por exemplo: Cartão de crédito 3x sem juros – Paypal

Configurando a Conta Paypal – NIP

1º) Agora que ajustamos o módulo na sua loja virtual, vamos no ambiente da Paypal, acesse sua conta.

Dentro do painel, acesse Configurações da conta e sem seguida no menu lateral clique em “Notificações” e depois em “Notificações instantâneas de pagamento“, clique em Atualizar. Se preferir, tente clicar diretamente nesse link.

 

Dentro deste painel vamos clicar em “Escolher configurações de NIP”

paypall-002

E aqui vamos colocar a URL de notificação que será:

www.SUA-LOJA/index.php?route=payment/pp_standard/callback 

Mude “SUA-LOJA” pelo seu domínio completo, por exemplo brasilnaweb.com.br  e depois marque a opção de “Receber mensagens de NIP (ativado)” , depois clique em salvar.

IMPORTANTE: Se você receber alguma mensagem de “Essa URL não funciona. Informe uma URL com https”, remova o http:// e informe apenas www.SUA-LOJA/index.php?route=payment/pp_standard/callback

 

paypall-006

2º) Agora vamos a última configuração dentro da PayPal. Acesse a página de Codificação de Idioma: https://www.paypal.com/cgi-bin/customerprofileweb?cmd=_profile-language-encodingEm seguinda clique em “Mais opções” 

paypall-006

E neste novo painel vamos  escolher a codificação UTF-8  e marcar a opção “Sim” como mostra a imagem abaixo:

paypall-006

Isso é necessário para padronizar a forma como a Paypal irá comunicar com sua loja virtual opencart. É muito importante que este formato de comunicação esteja em UTF-8 na paypal, que é o formato de leitura da plataforma na Brasil na Web.

Você receberá um e-mail da sua conta da PayPal informando a URL do NIP.

Pronto! Agora você já pode utilizar o PayPal como forma de pagamento da sua loja virtual.

Boas vendas!

 

 

Este artigo foi útil para você?!