All posts by Adriano Meira

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

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

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!

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!

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!

 

 

Este artigo foi útil para você?!

Melhorando o menu para mobile – Escondendo submenu

Olá pessoal neste artigo vou mostrar para vocês como podemos melhorar o menu mobile da nossa loja, hoje por padrão os submenus da loja vem aberto no mobile, isso porque não tem como simular o efeito de passar o mouse em mobile, uma vez que o cliente está apertando o botão. Logo uma saída que temos é que o botão do menu principal abra os sub-menos.

Porém, temos mais um problema, desta forma o cliente nunca vai entrar (usando o menu) na categoria principal, pois o clique está ativando as subcategorias. Então uma solução é criar um “novo botão” ao lado da categoria principal, e nele colocar a ação de abrir os submenus. Assim garantimos que se  cliente clicar na categoria principal ele vai acessar, se ele clicar no “novo botão” vai abrir as sub e de lá ele clica nelas. Para exemplificar  e mostrar o que vamos fazer veja o GIF abaixo:

 

Agora vamos ajustar alguns códigos na loja, para poder ter este mesmo efeito, já colocamos esta melhoria em nosso Roda Map de atualizações, mas até lá vou te ajudar a implementar este ajuste =)

1º INSERINDO O CSS AVANÇADO

Vamos no menu de Customização > Personalização e lá vamos na aba de Avançado aqui temos dois campos o primeiro é do CSS avançado, muito cuidado se tiver alguma coisa aqui, role até o final e cole a instrução abaixo:

/*
* Esconde submenu no mobile e ativa com JS
*
*/
#off-canvas-nav .dropdown-menu{display: none;}
#off-canvas-nav .nav .dropdown-toggle .caret{
	display: none;
}
#off-canvas-nav .megamenu li {position: relative;}
#off-canvas-nav .megamenu li a{
	position: relative;
	z-index: 5;
}
#off-canvas-nav .nav .open_dropdown{
	border: 0;
	width: 30px;
	height: 30px;
	top: 2px;
	right: 0;
	margin: 0;
	cursor: pointer;
	z-index: 50;
	position: absolute;
	text-align: center;
	color: #FFF;
	font-size: 27px;
	line-height: 0;
}
	#off-canvas-nav .nav .open_dropdown i{ margin-top: -5px; }

1º INSERINDO O JAVASCRIPT AVANAÇADO

Na mesma tela um pouco mais abaixo, vamos colocar o seguinte código, mais uma vez, muito cuidado se tiver alguma coisa aqui, role até o final.

/*
* Js para criar novos elementos e depois função de Js para abrir ao clicar
*/
$(function(){
	$('#off-canvas-nav .megamenu .dropdown-toggle').each(function(){
		$(this).parent().append('');		
	});
	$('#off-canvas-nav .open_dropdown').click(function(e){
		e.preventDefault();
		var atual = $(this).parent().find('.dropdown-menu').css('display');
		if(atual=="none"){
			$(this).parent().find('.dropdown-menu').slideDown(500);
		}else{
			$(this).parent().find('.dropdown-menu').slideUp(500);
		}
	});
});

Bom espero ter ajudado, se este artigo foi útil para você não deixe de avaliar abaixo!

Até mais!

Este artigo foi útil para você?!

Funcionamento do Filtro Avançado

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

Este artigo foi útil para você?!

Alterando Mapa na Tela de Contato do Site

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 Start


ns1.joelhodeporco.com
ns2.joelhodeporco.com

Planos 1,2,3 e 4


ns1.brasilnaweb.com
ns2.brasilnaweb.com

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

Este artigo foi útil para você?!

Configurar meio de pagamento da e.Rede – Redecard

Para os clientes da Brasil na Web, desde a atualização de 05/2018, disponibilizamos o meio de pagamento da e.Rede e sua API, com isso você que é já é cliente da Rede e usa sua maquininha, pode ter agora esta opção de venda na sua loja virtual também, confira como configurar o módulo da e.Rede na sua loja.

Primeiro você deve solicitar junto a empresa Rede, entre em contato com a empresa e siga as instruções para confirmação de conta, após a sua solicitação você deve receber um e-mail de conformação como este:

Agora que a Rede liberou o e-commerce para você, vamos precisar de pegar o seu número de Filiação (PV) e gerar um token, para isso vamos acessar o portal da Rede em www.userede.com.br e ao entrar vamos clicar ali em cima nos dados de usuário e depois em acessar outra filiar

Ao entrar escolha a filial, que corresponde ao mesmo número de estabelecimento (PV) que veio ao seu e-mail de confirmação.

Ao entrar na filial, você vai no menu de e.Rede > Configurações > geração de token

E por fim clicar em Gerar Token

Depois disso vamos copiar o token e voltar no painel da loja, agora vamos no menu de Configurações > Meios de Pagamento se não tiver instalado, basta clicar em instalar e depois em editar, aqui vamos colocar o número de filiação e token que pegamos.

Deixe a opção de Ambiente em Produção para já habilitar o módulo na loja e as comprar “caírem” na Rede, as demais configurações você pode ir ajustando de acordo com sua operação de vendas, não deixe de marcar como Habilitado em  Status

E na aba de Status mude para os status de pedido, de acordo com o padrão de seu fluxo de vendas.

Módulo configurado, agora só testar e vender muito!

Espero ter ajudado e até mais!

 

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!

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 > Personalização 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

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

Este artigo foi útil para você?!

Alterando a fonte da loja

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

Recomendamos a Leia mais

Este artigo foi útil para você?!

Configurando o PagSeguro na sua loja

Olá pessoal neste treinamento, vamos mostrar como é simples e rápido configurar o meio de pagamento da PagSeguro em nossas Leia mais

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!

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.

Este artigo foi útil para você?!

Adicionando e Removendo 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 Open Cart Leia mais

Este artigo foi útil para você?!

Adicionando e Debitando Créditos para Clientes na Loja

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

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!

Este artigo foi útil para você?!