All posts by Adriano Meira

Logística como diferencial no Ecommerce – Aula

Não adianta ter um excelente produto e um ótimo preço se ele não chegar ao consumidor no prazo e no Leia mais

Este artigo foi útil para você?!

SEO para Ecommerce – Aula Prática e Simples de Entender – Dicas de SEO

Aumentar o tráfego de visitantes gratuitos na sua loja virtual é uma prioridade? Você é depende do tráfego pago de Leia mais

Este artigo foi útil para você?!

Mapa do Tesouro – Ecommerce Mind Map

Quer vender online mas não sabe como funciona o mundo do marketing na internet?

Não importa o quanto você sabe Leia mais

Este artigo foi útil para você?!

Taxas de Cartão de Crédito Corroem o seu Lucro das Vendas Online ?

Cansado de pagar caro por taxas de cartão de crédito para vender online e perder dinheiro e até clientes com Leia mais

Este artigo foi útil para você?!

Frete – Vilão das Vendas Online – Como Vencer Esse Adversário no Ecommerce

Quantas você mesmo já deixou de comprar algo na internet devido ao valor do frete? O produto era legal, o Leia mais

Este artigo foi útil para você?!

Controle de Estoque ou Descontrole ? Dicas Para Superar Essa Barreira no Ecommerce

Controlar o estoque nas vendas online é um problema para você começar ou crescer no ecommerce?

Muitas pessoas acabam nem começando Leia mais

Este artigo foi útil para você?!

MarketPlaces – Quebre ou fique Rico

Vender nos Market Places como Mercado Livre, Americanas, Submarino, Amazon entre outros, é um bom negócio?

Neste vídeo eu vou contar Leia mais

Este artigo foi útil para você?!

Google Day Ecommerce – Dicas sobre Google para sua Loja Virtual

Dicas, ferramentas Google e técnicas que sua loja virtual não pode deixar de utilizar em 2019 para ter mais sucesso Leia mais

Este artigo foi útil para você?!

Vender Online é Seguro ? Conheça os riscos e proteja-se!

Já vi muitas empresas descobrirem este assunto depois que levam o primeiro cano ou golpe do cartão clonado nas vendas Leia mais

Este artigo foi útil para você?!

Ecommerce – Saia da Estaca Zero – Dica para Começar Rápido

Faz um tempo que você diz que vai criar uma loja virtual e até hoje nada?
Você vê os concorrentes ganhando Leia mais

Este artigo foi útil para você?!

O Poder do Cadastro de Produtos Bem Feito – Ecommerce

Cadastrar produtos é uma tarefa chata? Você acha que ninguém lê suas descrições e não vê sentido em investir tempo Leia mais

Este artigo foi útil para você?!

É necessário ter CNPJ para vender online ? Como durmir tranquilo

Você já vende ou quer vender online, mas ainda está na informalidade?
Pensou em abrir uma loja virtual, mas não tem Leia mais

Este artigo foi útil para você?!

Virou Escravo do Instagram? Como Escalar Vendas nas Redes Sociais

Responder as mesmas perguntas toda vez, tira você do sério?
Se toda pergunta respondida gerasse venda seria ótimo, mas essa Leia mais

Este artigo foi útil para você?!

Como adicionar minhas fotos do instagram na loja

Olá pessoal neste artigo vou mostrar como colocar o instagram na sua loja, como puxar as últimas publicações de lá. Mas antes de começar, vamos a algumas considerações importantes.

Performance da Loja
Ao colocar um plugin ou puxar as imagens de lá do instagram e colocar na sua loja podemos diminuir e muito a velocidade com que a página vai carregar, isso porque estamos puxando de um site fora do servidor da loja, por isso não recomendamos essa prática.

Tenha em vista, que o ideal seria você trazer pessoas do instagram para sua loja e não levar as pessoas da loja para o instagram, além do mais você vai precisar se dedicar muito tempo em criar novas postagens ao invés de atender o seu cliente, por isso pense bem antes de tomar essa decisão.

Serviço de terceiros
Além de depender do instagram, eles não fornecem uma forma fácil de fazer essa integração, logo precisamos de um intermediador, neste artigo vou apresentar uma solução, mas existem outras formas e empresas que fazem este serviço. Com este intermediário, vamos perder mais um pouco em tempo de carregamento, e estamos condicionados a preços e planos deles, então fique atento e de olho na velocidade de carregando da sua loja, a Brasil na Web não se responsabiliza por códigos de terceiros ok?

Bom dados os devidos cuidados e esclarecimentos vamos usar como intermediador este site www.snapwidget.com faça o seu cadastro no site, leia as regras, políticas e veja os planos que melhor lhe atendem.

Depois do cadastro, vamos e clicar em CREATE A NEW WIDGET

Na próxima tela, você pode filtrar por tipo e rede que quer, no nosso exemplo vamos filtrar por Instagram, veja que temos alguns que são de planos pagos e outros de planos gratuitos, escolha o que melhor lhe atender e esteja no plano que fez o cadastro. Neste tutorial eu vou escolher o Grid Free.

Ao escolher na próxima tela, ao clicar no Username ele vai te pedir o acesso ao seu instagram, ao acessar leia os termos e condições e clique em autorizar na janela que vai aparecer:

Agora e só configurar conforme sua necessidade, largura altura, borda etc… Após finalizar clique no botão de GET WIDGET ele vai gerar um código, copie-o e salve em um bloco de notas por segurança.

Agora vamos colar este código na loja, para colar o código você vai usar o recurso de Área Personalizadas, que fica no menu de Customização

Crie uma nova área, de um nome para ela e no editor de texto clique em Código Fonte e cole o código que copiamos do site.

Agora só escolher em que página e posição ele vai aparecer, por exemplo aqui eu vou colocar ele na página inicial na parte mais baixa do layout e exibir apenas em desktop, veja mais sobre layout se posições neste artigo: Mapa de posições da loja

 

Depois de salvar vamos conferir como ficou na página inicial.

 

DICA 001: Faça dois widgets no site, um para desktop e outro para mobile, para desktop use 6 colunas por 2 linhas e no campo Thumbnail Size use 190 para mobile use 3 colunas com 3 linhas e no campo de largura use 180. E na loja crie duas áreas uma para desktop e outra para mobile, assim irá garantir que terá o melhor dos dois tamanhos.

DICA 002: Aumente suas vendas usando o Instashop, ou seja, você pode colocar link dos seus produtos direto no instagram que apontam para a venda na sua loja, aproveite o seu público do instagram e traga-os para comprar na sua loja virtual, saiba mais neste link: Apresentação Instashop

Espero ter ajudado, até mais!

Este artigo foi útil para você?!

Recuperação Pedido

Neste tutorial mostramos um recurso para automatizar os pedidos perdidos na loja, confira!

Sobre Cupons:
https://ajuda.brasilnaweb.com.br/como-criar-um-cupom-de-desconto-na-loja-virtual/
https://ajuda.brasilnaweb.com.br/divulgue-sua-loja-em-sites-de-cupom-de-descontos/

Configuração de e-mail autenticado: https://ajuda.brasilnaweb.com.br/artigos-para-configuracao-de-email-da-loja/

Este artigo foi útil para você?!

Ecommerce de Sucesso – GiliStore – Plataforma Brasil na Web Ecommerce

Conheça como foi um pouco da Jornada do nosso cliente GiliStore para ter um ecommerce de sucesso e ganhar sua Leia mais

Este artigo foi útil para você?!

Como remover a opção de cupom de desconto da loja

Os cupons de desconto são uma ferramenta muito poderosa para seu cliente fechar uma venda no site, não aconselhamos que desabilite o recurso, veja mais neste artigo. Porém se for da política da empresa, não aplicar cupom de desconto, você pode desabilitar este recursos e deixar o carrinho sem esta opção.

Para remover a opção de Cupom de Desconto da loja, vá no menu de Configurações > Pedidos > Opções de pedidos aqui basta localizar a opção de Cupomeditar, na próxima tela, basta desabilitar.

Atenção se você já usou o cupom em alguma campanha de e-mail, ou captura de newsletter o seu cliente não vai mais poder usar quaisquer cupons que tenha ofertado, confira no menu de Vendas > Cupons se ainda tem algum cupom ativo, confira como usar este recuro neste link.

Espero ter ajudado, até mais.

Este artigo foi útil para você?!

Como remover a opção de vale presente da loja

Em alguns casos queremos que a loja tenha um carrinho de compras mais limpo ou não é a política da empresa ofertar vale presentes, veja neste artigo a importância desta prática.

Para remover a opção de Vale Presente da loja, vá no menu de Configurações > Pedidos > Opções de pedidos aqui basta localizar a opção de Vale Presenteeditar, na próxima tela, basta desabilitar.

Não se esqueça de conferir se no rodapé, tem algum link que aponta para este recurso, em geral o rodapé é editado no menu de Customização > Área Personalizada, ai basta localizar o link e remover ele pelo editor.

Espero ter ajudado, até mais.

Este artigo foi útil para você?!

Habilitando chave do Google Maps na loja

Para que o mapa que fica na página de contato da sua loja BNW funcione corretamente é preciso criar e habilitar uma chave da API do Google Maps, primeiro vamos acesse este link: https://developers.google.com/maps/documentation/javascript/get-api-key

Fazer o cadastro e inicializar  uma nova API, quando terminar acesse este link para poder criar uma nova chave para o seu site, ai basta clicar Criar credenciais  e escolher a opção de Chave de API

Após gerar a chave vamos agora, fazer alguns restrições nela, para que funcione no domínio da sua loja.

Primeiro, não é obrigatório, vamos colocar o domínio da sua loja no campo nome

Depois vamos em Referenciadores de  HTTP  e no campo que vai abrir abaixo vamos repetir o seu domínio, porém neste caso coloque como a instrução com o HTTPS e os asteriscos.

Agora só copiar a chave lá no topo e acessar a loja, no menu de + Módulos > Google Maps e ao abrir basta colar sua nova chave.

Confira neste artigo, como habilitar, desabilitar ou atualizar o mapa na página de contato da sua loja.

 

Este artigo foi útil para você?!

Meta Descrição e Meta Palavras-Chave no cadastro de produtos

Olá pessoal neste rápido artigo vou mostrar como podemos desabilitar as geração automática de meta tags da loja

Hoje por padrão da loja, e para que sempre tenha estes campos preenchidos temos a opção de Mudar meta tags automaticamente e elas puxam do conteúdo do produto e do título do produto

 

Mas você pode editar estes campos com mais dados relevantes para os buscadores, que podem ficar ruim para o seu cliente entender no título ou na descrição, logo basta desmarcar a opção de Mudar meta tags automaticamente e editar elas, porém se voltar no produto e não desmarcar esta caixa e salvar você vai perder os dados que mudou.

Existe uma forma desta caixa não vir selecionada ao abrir a edição ou cadastro de produto, assim evitando este erro, para mudar vá no menu de + Módulos > Gerador de Meta Description e Meta Tags aqui ao editar temos a opção de  Limitar o número de caracteres da descrição  e “Mudar meta tags automaticamente” ao desmarcar esta opção, todo novo cadastro ou edição de produto vai vir vazio e o que mudar vai preservar.

Para que possa entender mais sobre as técnicas de SEO confira estes artigos: divas de SEO Parte 1, Parte 2 e Parte 3

Outra dica, caso ainda use estes campos e já tenha produtos cadastrados faça um ajuste destes campos mais rápida usando o sistema de exportar e importar produtos, baixe a planilha edite os campos e suba novamente, neste artigo você pode seguir o passo a passo de como usar este recurso.

Espero ter ajudado, até mais!

Este artigo foi útil para você?!

Contrato dos correios, idCorreios e seus códigos de serviços.

Nas lojas da Brasil na Web, você pode usar a opção de entrega dos Correios, assim de acordo com os dados que colocar (peso, tamanho, CEP de origem, e adicionais) na configuração do módulo a loja vai no site dos correios, consultar em tempo real, o valor para frete disponível, em geral SEDEX e PAC e mostra para o seu cliente escolher uma das opções. Para entender melhor como funciona este serviço de uma conferida neste artigo.

Em geral é um ótimo recurso para quem está começando seu ecommerce, pois vai encontrar facilidade para poder despachar seus produtos. Mas as vezes, o preço pode ser mais caro, uma forma de custear o valor é criando um idCorreios e contatando um serviço, assim podemos baratear o custo de frete um pouco, faça o cadastro entre em contato com eles para poder negociar e vincular isso ao seu idCorreios.

Com este contrato acertado, vamos colocar o login e senha, indo no menu de  Configurações > Opções de Frete > Correios e no campos de  “Contrato com os Correios” vamos colocar os seus dados do IdCorreios (login e senha).

Depois temos que selecionar um pouco mais acima qual é o código do serviço do seu contrato, por padrão temos os seguinte códigos de serviço:

SEDEX 40096, 04162, 40444, 40568, 04553 e 40606
PAC 04669 e 04596

Para saber qual é o seu número de contato acesse o seu portal idCorreios vá no menu de Contrato.
Na próxima tela clique no ícone azul  de “ação”

 

Asim vai liberar a lista de códigos de serviços, vinculados ao seu contrato:

Ai basta voltar na sua loja e escolher um ou mais serviços do seu contrato, com tudo configurado voltamos ao início onde ao simular um frete ou adicionar ele a compra, a loja vai disparar para o site dos correios os dados de produtos (peso e medidas), seu CEP de origem, CEP de destino (do cliente) e seus dados de contrato, com isso ele vai retornar o valor que estiver nos eu contrato.

Veja a diferença de valor para este contrato que mostrei aqui:

Lembre-se a loja não faz nenhum tipo de calculo, todos os valores para os Correios, é decidido no site dos correios, mantenha o cadastro dos produtos sempre atualizado com relação ao peso e medidas, confira se seu CEP está certo com o seu centro de distribuição e confira as opções extras de prazo e valores, na dúvida de uma olhadinha neste treinamento onde falamos deste módulo e dos demais meios de entrega.

Isso pode ser um fator decisivo para que seu cliente compra em sua loja, então não perca tempo, entre em contato com os Correios, faça seu cadastro e configure na sua loja!

Espero ter ajudado, boas vendas!

 

Este artigo foi útil para você?!

Esconder preço da loja – Exibir apenas para cliente logados

Em alguns modelos de negócios de ecommerce, é preciso esconder o preço dos produtos e exibir somente para clientes cadastrados e validados na loja. Nas plataformas da Brasil na Web você pode fazer este ajuste, basta ir no menu de Configurações > Opções da Loja depois clicar na aba de Opções e na seção de Conta temos o campo de Autenticar para Exibir Preço basta marcar como sim e os preços da sua loja só serão exibidos se o cliente tiver logado na sua loja. Lembrando que ele só vai comprar também se tiver logado 😉

★ Bônus

Hoje por padrão da loja o consumidor pode entrar, se cadastrar e realizar a compra, mas em geral, neste tipo de modelo de negócio de ecommerce, em que o preço fica oculto, o consumidor só pode comprar se tiver o cadastro previamente aprovado, e na plataforma podemos fazer isso também, mesmo que o cliente se cadastre ele irá depender de uma avaliação do lojista para comprar.

Para isso vamos editar os grupos de clientes, vamos no menu de Cadastros > Clientes > Grupos de Clientes aqui você pode trabalhar com ou mais grupos de clientes, veja neste artigo mais sobre grupos de clientes, ao editar um grupo temos o campo de Aprovar Cliente se marcar aqui como sim, e o cliente estiver dentro deste grupo, somente depois de aprovado (Menu de Cadastros > Clientes> Clientes botão de Aprovar) que ele poderá executar a compra na sua loja.

E para finalizar, você notou que pode definir se o seu grupo de cliente é padrão, assim quando quando o consumidor realizar o cadastro já cai neste grupo, vamos voltar no menu de Configurações > Opções da Loja depois clicar na na de Opções e na seção de Conta temos aqui neste tela mais dois campos um de Grupo de Cliente que define qual o grupo padrão e o segundo que é o Grupos de Clientes que se selecionado mais de um na tela de cadastro na loja ele fica aberto para escolha do cliente.

Veja como fica na tela de cadastro do cliente, podemos até fazer o seguinte o grupo de consumidor é aberto para cadastro, sem aprovação, mas se ele escolher outro grupo, no meu exemplo acima Revenda, ele só compra se tiver o cadastro revisado e aprovado.

Vou deixar abaixo alguns artigo que falamos mais sobre revenda, B2B, Revenda, Atacarejo, etc…

10 Perguntas e dicas sobre planejamento de ecommerce
Configurar modo Atacado, B2B ou Revendedor
Desconto para grupo de clientes

Até mais!

 

Este artigo foi útil para você?!

Como processar uma Nova Devolução ou Troca

Toda loja virtual da Brasil na Web conta com uma página de Troca ou Devolução de produtos, conforme recomenda a Lei do Ecommerce.

Confira a página de devolução ou troca da sua loja virtual:

Vamos ver como é o formulário de devolução, ao clicar no link de nova troca ou devolução ele ficará nesta URL: www.sualoja.com.br/nova-devolucao neste link temos o formulário onde o cliente vai colocar os dados para a devolução, mesmo ele não estando logado ele vai conseguir enviar, isso para facilitar ainda mais o processo.

Caso o cliente envie uma solicitação de devolução sem estar logado, será preciso editar a solicitação para vinculá, a solicitação ao cadastro do cliente, assim quando vinculado ou se a solicitação foi feita com ele logado na loja, em seu painel de cliente no menu de “Minhas Devoluções” para que possa acompanhar o processo, e cada etapa ele receberá uma notificação por email.

Para você lojista as notificações ficarão na tela inicial da sua loja

Processando uma nova devolução

Para processar ou editar (caso o cliente tenha feito a solicitação sem estar logado), vamos no menu de Vendas > Devoluções, temos a opção de exportar todas elas em um formato de XLS, inserir uma nota (seja pró-ativo caso tenha identificado algo errado) ou excluir um pedido que não seja real.

Primeiro vamos ao caso de vincular uma solicitação ao cadastro do cliente, basta editar e no campo de “Cliente” digitar o nome do cliente, e depois clicar na opção suspensa e salvar. Assim esta nova solicitação vai aparecer no cadastro do cliente.

Agora vamos clicar em editar, para processar o pedido, temos aqui uma tela bem parecida com a de pedidos, na primeira aba os detalhes de quem solicitou a segunda de qual produto, aqui podemos escolher 3 ações que estão dentro do CDC que são Enviar substituição do produto, Incluir um crédito no site e Estornar o valor.
Mas mais uma vez, lembre-se de ser transparente com seu consumidor e dar ele as opções. Neste campo basta mudar que ele vai salvar para você.

Na terceira aba temos a opção de histórico e é aqui que enviamos para o cliente as notificações , não deixe de marcar a caixa de “Notificar o cliente”

Lembre-se uma boa relação com seu consumidor irá lhe atrair mais indicações para sua loja, mas uma experiência ruim, um processo burocrático e oneroso só vai prejudicar sua reputação e deixar oportunidades escaparem.

Espero ter ajudado, até mais!

Saiba mais: Devoluções – Devolução e arrependimento de compra no ecommerce
Veja também: Ajustar Termos de Devolução na loja virtual

 

Este artigo foi útil para você?!

Ajustar Termos de Devolução na loja virtual

A Brasil na web sempre preocupada com as boas práticas da lei, deixamos já salvo na sua loja a página de Política de Troca e Devoluções, com alguns textos básicos e padrões, aconselhamos muito que você leia com calma e revise se estes termos e padrões se encaixam no seu padrão e logística e faça qualquer ajuste necessário!

Para Editar os Termos de Devolução acesse Painel Administrativo > Menu > Customização > Páginas Institucionais

Basta editar a página de “Política de Troca e Devolução” como achar melhor.

Se você alterar o NOME desta página, a url (endereço eletrônico) da mesma será alterada, e a questão é que o link original dela já existe no rodapé de toda loja virtual na Brasil na Web por padrão.

Então, se você alterar o nome da página, atualize o link da mesma no rodapé da loja virtual.

Não remova o link do rodapé, dificultar as coisas para o seu cliente podem agravar qualquer situação judicial no futuro. Siga essa boa prática e mantenha o link certo sobre a política de devolução bem como o link para a página de abertura de nova devolução ou troca (www.seudominio.com.br/nova-devolucao).

Para colocar o link no rodapé da loja, basta usar uma área personalizada (Menu de Customização > Área Personalizada) e adicionar um novo link, veja este treinamento para saber como colocar.

Importante manter esses dados da página atuais, pois eles serão os termos que estarão no formulário de devolução. Caso mude o nome da página ou queira colocar outros termos, vá no menu de Configurações > Opções da Loja vá na aba de Opções na sessão de Devoluções e no campo de Termos de Devoluções escolha a página que criou ou editou.

Saiba mais: Devoluções – Devolução e arrependimento de compra no ecommerce
Veja também: Como processar uma Nova Devolução ou Troca

Este artigo foi útil para você?!

Pacote Expresso – Como enviar seu material como logo e fotos

Você contratou o Pacote Expresso da Brasil na Web e agora é hora de enviar o seu material para nossa equipe, veja como fazer:

LOGO – MARCA:

Nos envie o arquivo da sua marca preferencialmente com fundo transparente no formato PNG. Também aceitamos os formatos AI, EPS, PSD e PDF, se estiverem em vetor iremos remover o fundo.

ORGANIZAÇÃO DOS ARQUIVOS:

Organize os arquivos por pasta compactada (ZIP), por exemplo fotos_para_banner.zip, fotos-de-produtos.zip, marca.zip, etc..

Importante: Não use “espaços” ou caracteres especiais nos nomes dos arquivos, por exemplo: “este é meu arquivo.jpg”

Mude para: este_e_meu_arquivo.jpg ou esteemeuarquivo.jpg isso vale para qualquer arquivo.

ARQUIVOS GRANDES?

Podemos compartilhar com você uma pasta do nosso GOOGLE DRIVE e você coloca diretamente lá.
Ou se preferir você pode colocar arquivo em sites como WETRANSFER ou DROPBOX e abrir nos informar o link de download abrindo um chamado.

TUDO CERTO? HORA DE ENVIAR!

Clique no botão abaixo para abrir um chamado direto para a equipe de Projetos. Você precisa fazer login na sua área de cliente.
Lembre-se: Somente contatos autorizados podem abrir chamados para o seu negócio.

ENVIAR MEU MATERIAL

Este artigo foi útil para você?!

Como colocar dois números de whatsapp flutuante na loja

Olá pessoal neste artigo vou mostrar como podemos colocar dois números de whatsapp em só um botão flutuante na loja, só lembrando que a loja tem este recurso na base, mas para um botão só, veja aqui neste link.

Antes de começar, só para ficar claro este “botão flutuante” é um recurso disponibilizado pela API do whatsapp, em resumo, vamos usar a parte que permite criar um link e deste link abrir o whatsapp web ou o aplicativo (se tiver no celular). Improtante este é um recurso de terceiros, isso deixa o código fora da sua loja, então se o link um dia parar de funcionar, teremos que procurar outra solução. A Brasil na Web não se responsabiliza por códigos de terceiros ok?!

Bom agora que sabemos com funciona o “botão”, vou ensinar como fazer este visual:

Aqui temos uma ação para fechar a caixa, uma imagem da logo do whatsapp e dois telefones cada um com um link para abrir o whatsapp, para isso vamos precisar de 3 passos avançados, então leia com calma, copie e cole os códigos em cada local indicado abaixo, vamos lá.

1) CRIE UMA ÁREA PERSONALIZADA

Vamos criar uma área personalizada para colocar o código visual e é aqui que vamos trocar ou adicionar mais telefones e links, vá no menu de Customização > Áreas Personalizadas, vamos adicionar uma nova área, coloque um nome fácil de se lembrar, e na edição de texto clique no botão Código Fonte e cole o código abaixo:

<div id="abre_janela_wp"><span class="fa fa-chevron-left"><i>abre</i></span></div>
<div id="fecha_janela_wp"><span class="fa fa-chevron-right"><i>fecha</i></span></div>
<div id="janela_wp">
	<p><img src="/image/data/fale-whatsappweb.png"></p>
	<p>
		<a href="https://web.whatsapp.com/send?l=pt&phone=5514996837689&text=Ol%C3%A1%2C%20gostaria%20de%20informa%C3%A7%C3%B5es..." target="_blank">
			<span class="ddd">(14)</span>
			<span class="numero">9 9683-7689</span>
		</a>
	</p>
	<p>
		<a href="https://web.whatsapp.com/send?l=pt&phone=5514991280480&text=Ol%C3%A1%2C%20gostaria%20de%20informa%C3%A7%C3%B5es..." target="_blank">
			<span class="ddd">(14)</span>
			<span class="numero">9 9128-0480</span>
		</a>
	</p>
</div>

Volte e clique no botão de Código Fonte e ai poderá editar os dados aqui, mude a imagem, neste link você pode baixar a imagem do exemplo acima, basta clicar duas vezes na imagem “quebrada” e substituir por esta imagem que estou disponibilizando. Para os números e links basta tocar o texto e mudar a URL.

Pra gerar o link da API, use nossa ferramenta de gerar link de whatsapp, basta coloca o(s) seu(s) telefones de wahtsapp e gerar a URL, depois só colocar ela como link do telefone, veja neste tutorial como colocar link em texto e imagens, caso tenha dúvida.

Agora que editamos os textos, links e imagens vamos rolar um pouco a tela e vamos fazer as configurações deste módulo. Vamos ocultar o título, vamos colocar no layout “Todas as Páginas”, na posição “Rodapé Inferior”.

2) ADICIONE O CSS AVANÇADO

Agora vamos no menu de Customização > Personalização depois na aba de Avançado e vamos colar o trecho abaixo de CSS, mas MUITA ATENÇÃO se houver outro código ali, cole na última linha para não perder qualquer outro código que esteja ali e cole exatamente como está abaixo:

.whatsapp-duplo{margin: 0}	
	#abre_janela_wp,
	#fecha_janela_wp,
	#janela_wp{
		position: fixed;
		right: 0;
		top: 160px;
		z-index: 500;
		background: #27ae60;
		color: #FFF;

		-webkit-border-top-left-radius: .3rem;
		-webkit-border-bottom-left-radius: .3rem;
		-moz-border-radius-topleft: .3rem;
		-moz-border-radius-bottomleft: .3rem;
		border-top-left-radius: .3rem;
		border-bottom-left-radius: .3rem;
		-webkit-box-shadow: 0 0 0.3rem 0 rgba(50,50,50,0.75);
		-moz-box-shadow: 0 0 .3rem 0 rgba(50,50,50,0.75);
		box-shadow: 0 0 0.3rem 0 rgba(50,50,50,0.75);
		background-color: #27ae60;

		-webkit-transition: all 0.2s ease-in-out;
		   -moz-transition: all 0.2s ease-in-out;
			-ms-transition: all 0.2s ease-in-out;
			 -o-transition: all 0.2s ease-in-out;
				transition: all 0.2s ease-in-out;		
	}

	#abre_janela_wp,
	#fecha_janela_wp{
		z-index: 500;
		top: 120px;
	}
		#abre_janela_wp{right: -50px}

	#abre_janela_wp span, 
	#fecha_janela_wp span{
		display: block;
		font-size: 20px;
		width: 45px;
		height: 45px;
		line-height: 45px;
		text-align: center;
		cursor: pointer;
	}
		#abre_janela_wp span i, 
		#fecha_janela_wp span i{display: none;}	

	#janela_wp{
		z-index: 5800;
		padding: 10px 15px;
		text-align: right;		
	}
		#janela_wp a,
		#janela_wp a:hover{
			font-size: 18px;
			text-decoration: none;
			color: #FFF
		}
		#janela_wp a .ddd{font-size: 14px;}

	#abre_janela_wp.open    {right: 0 !important;}
	#fecha_janela_wp.close  {right: -60px !important;}
	#janela_wp.close        {right: -250px !important;}

3) ADICIONE O JAVASCRIPT AVANÇADO

E por fim vamos colocar o código de Javascript na mesma tela, um pouco mais abaixo, MUITA ATENÇÃO se houver outro código ali, cole na última linha para não perder qualquer outro código que esteja ali e cole exatamente como está abaixo:

$(function(){
	$('#fecha_janela_wp').click(function(e){
		e.preventDefault();
		$('#janela_wp').addClass('close');
		$('#abre_janela_wp').addClass('open');
		$('#fecha_janela_wp').addClass('close');
	});

	$('#abre_janela_wp').click(function(e){
		e.preventDefault();
		$('#janela_wp').removeClass('close');
		$('#abre_janela_wp').removeClass('open');
		$('#fecha_janela_wp').removeClass('close');
	});
});

Bom com isso vamos ter o mesmo visual, não se esqueça de subir a imagem que usei neste exemplo ou trocar por outra que achar melhor, já estamos pensando em fazer um recurso mais elaborado por dentro da loja, fique de olho nas atualizações.

Espero ter ajudado, e até mais!

Este artigo foi útil para você?!

Ecommerce de 1 Milhão em Vendas – O que eles fazem?

O que Meus Clientes de 1 Milhão em Vendas Fazem no Ecommerce

Nesta edição do Brasil na Web Talk Ecommerce reuniões Leia mais

Este artigo foi útil para você?!

Gerar Token e Habilitar módulo da eRede

Neste rápido vídeo vamos mostrar como gerar o token dentro do painel eRede e onde habilitar o módulo em sua Leia mais

Este artigo foi útil para você?!

Link pop-up na loja – Lightbox

Olá pessoal hoje vou ensinar para você uma forma de colocar um link para abrir um pop-up, ou seja, abrir uma página ou conteúdo na mesma janela que o link está, é um recurso muito valioso para quem quer colocar uma mensagem ou conteúdo sem que saia da tela, por exemplo um link para abrir manual do produto, cupom de desconto e etc.

Atenção vamos fazer isso com código avançado da loja, tome muito cuidado ao colocar esses dados lá, então vamos lá. Primeiro vamos acessar o painel da loja e vamos no menu de Customização > Personalizar aqui vamos na aba de Avançado e no campo de JavaScript  vamos colar o seguinte código:

$(document).ready(function() {

	var isMobile = false; //initiate as false
	// device detection
	if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|ipad|iris|kindle|Android|Silk|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(navigator.userAgent) 
    || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(navigator.userAgent.substr(0,4))) isMobile = true;

	if(isMobile){
		$('.abre-pagina').colorbox({width:'90%', top: '30px'});
	}else{
		$('.abre-pagina').colorbox({width:'50%'});
	}

	
});

ATENÇÃO: Se houver outro trecho de código aqui, cole no final dele ok? Sempre na última linha “de um enter” e cole o código acima.

Neste trecho de código temos um “validador” de mobile, assim poderá fazer com que o esta caixa abra em tamanhos diferentes para telas menores, se desejar usar só uma instrução, com porcentagem você pode usar o seguinte código mais “enxuto”:

$('.abre-pagina').colorbox({width:'90%'});

Neste código acima ele vai abrir com largura de 90% do navegador seja ele desktop ou mobile. Agora vamos salvar e vamos criar uma página.
Neste exemplo vou colocar um link para um cupom de desconto que já criei, quer saber como criar cupons de desconto, saiba como aqui..

Com o cupom criado vamos no menu de Customização > Páginas institucionais para criar o conteúdo do pop-up, insira uma nova página e capriche no conteúdo.

Agora vamos copiar a URL desta página, esta informação fica na aba de Dados, copie e guarde ela para colocarmos no link.

Agora eu vou colocar o pop-up, em uma barra abaixo do meu banner principal, para chamar a atenção e as pessoas possam usar este meu cupom, no menu de Customização > Áreas personalizada eu criei uns mini-banner de destaque da minha loja, e um deles é o cupom.

Aqui estou usando uma imagem, para que funcione corretamente você precisa colocar uma classe no link da imagem, então clique no ícone da opção de link na barra de ferramentas:

Ao abrir a caixa de edição de link, vamos na aba de Avançado e no campo Classe de CSS vamos colocar “abre-pagina”, isso vai ativar o POP-UP

Agora na aba de Informações  vamos colocar a URL da página que criamos com um parâmetro a mais, no meu exemplo ficou

pop-up-cupom-primeira-compra?information_popup=1&title=no

Na URL temos dois parâmetros um que habilita o pop-up (information_popup) e outro que remove o título da página (title)

Agora vamos salvar e tesar na nossa loja.

Bacana não, use este recuro tanto em imagens ou links, em qualquer parte da loja que tenha o editor ou possa colocar um link com essa classe. Você pode até abrir outros sites dentro usando a função de iFrame, para isso você vai precisar mexer no código avançado, neste link tem a documentação do plugin completa, mas tome cuidado é preciso um pouco de conhecimento em Linguagem de Javascript, se tiver alguma dúvida não deixar e entrar em contato com nossa central de suporte.

Até mais!

Este artigo foi útil para você?!

Página de Sucesso – Mensagem de compra finalizada

Olá pessoal neste artigo vou falar rapidamente de uma página da sua loja bem importante, a Página de Sucesso, também conhecida como mensagem de compra finalizada. Esta página vai aparecer após o seu cliente efetuar uma compra na loja, seja qual for o meio de pagamento que ele escolheu.

Logo devemos deixar informações úteis ali como o link para o pedido recém realizado, falar de pontos de fidelidade, se você utilizar, segunda via para pagamento, e etc… então vamos começar acessando essa página no menu de Configurações > Pedidos > Página de Sucesso

Veja abaixo a listagem de campos e funções deles nesta tela:

StatusVocê pode habilitar ou desabilitar essa página, se desabilitar será substituída por uma mensagem padrão.
Status Banner EbitSe você possui cadastro no Ebit, você pode habilitar ele aqui e já deixar nesta tela o banner para que possam votar na sua loja.
Seu ID EbitColoque o ID do seu cadastro do Ebit, este campos será obrigatório se habilitar o de cima
Seu ID BuscapéAqui o mesmo caso do Ebit, se tiver cadastro do Buscapé, coloque aqui o seu ID
Abrir Lightbox EbitAo clicar no Ebit ele abre outra página, para não perder o foco do seu cliente, você pode fazer com que ele ao clica aparece uma tela sobre esta de sucesso, sem que ele recarregue ou saia da tela original.
Texto para compartilhamento no TwitterDefina o texto padrão que você deseja que seja utilizado para compartilhamento no Twitter
HashtagsLista de hashtags separadas por vírgula, sem o caracter #. Exemplo: loja, compra, minhaloja, melhorloja

Agora para a edição da mensagem você pode usar alguma tags, que serão substituídas por códigos, como número do pedido, página de contato, e etcc. veja abaixo a relação:

{account_link}Será substituído por um link para a página da conta do cliente (se logado)
{contact_link}Será substituído por um link para a página de contato
{customer_email}Será substituído pelo e-mail do cliente
{downloads_link}Será substituído por um link para a página de downloads do cliente (se logado)
{orders_link}Será substituído por um link para a página de pedidos do cliente (se logado)
{order_id}Será substituído pelo número do pedido
{facebook}Adiciona um botão para compartilhamento no Facebook
{twitter}Adiciona um botão para compartilhamento no Twitter

Já deixamos um padrão bem legal com um estilo bem legal, mas se desejar mudar podemos por exemplo colocar, uma mensagem para compartilhar no Facebook sua loja, então vamos colocar assim:

Gostou da nossa loja? Compartilhe em suas redes sociais: {facebook} {twitter}

Assim a tag de {facebook} e {twitter} será substituída pelo botão de compartilhar de cada um, outro exemplo podemos compor o link para ver o pedido recém realizado. Abra a caixa de edição de link, ou na caixa de imagem na aba de link, vamos usar o protocolo “outro” e colocar a a seguinte URL: detalhe-pedido?order_id={order_id} onde a tag {order_id} será substituída pelo código de identificação deste pedido.

Espero ter ajudado, boas vendas e até mais!

Este artigo foi útil para você?!