Confira abaixo os modelos de topos que temos disponível para que possa montar o seu layout, cada topo pode ser inserido na sua loja com um clique, basta acessar o seu painel da loja e vá no menu de Customização > Personalizar e no menu de áreas e Layouts acesse Modelos de Topos, alguns tem cores especiais e cada combinação irá de acordo com o negócio.
Modelo Padrão
Caso não escolha nenhum topo essa será a aparência dele
Olá neste artigo vamos mostrar como é fácil configurar o PagSeguro na sua loja, antes de configurar o módulo na sua loja vamos primeiro no painel da PagSeguro para nos certificar de alguns dados, acesse sua conta do PagSeguro e confira sua Taxa e Tarifa de venda online para Checkout Transparente do crédito, por padrão ela é de 3,99%, mas cada conta pode ter uma variação e isso vamos precisar saber para configurar corretamente o módulo.
Agora que temos essa informação, vamos no painel da loja no menu de Configurações > Meios de Pagamento
Nós temos 3 tipos de integrações, cartão, boleto e PIX
Vamos começar pelo Cartão de Crédito, ao acessar o módulo a primeira tarefa é adicionar o prazo e sua taxa, que já conferimos lá em cima.
Ao escolher a taxa será habilitado as configurações e o mais importante a Autenticação da Integração esse botão verde aqui em cima, antes de terminar de configurar vamos autenticar, clique neste botão.
Ao clicar será direcionado para o PagSeguro, faça o login e autenticação do seu usuário, e na janela basta clicar em Autorizar e aguardar o redirecionamento para a loja.
Pronto agora já podemos fazer as configurações na loja:
Pronto com isso já temos o módulo de cartão da PagSeguro configurado na loja, agora vamos fazer o mesmo para, lembrando que para cada um dos demais módulo você terá que fazer o mesmo processo de Autenticar a Integração a diferença é que nos demais módulo não precisamos preocupar com a taxa para parcelamento.
Isso vai ocorrer no pagamento por cartão, por não ter informado a TAXA, TOTAL DE PARCELA COM E SEM JUROS, caso não informe os dados de parcelamento e TAXA será cobrado o valor padrão de 3,99% a partir da segunda parcela, ou seja se um pedido dei o valor de R$ 100,00, mas o cliente comprou de 2x ele vai cair no painel da PagSeguro com o valor de R$ 103,99. Caso queira queira não cobrar juros de parcelamento você precisa especificar no painel, veja abaixo a ilustração:
Neste tutorial, vou orientar vocês sobre como preencher o briefing da BNW. Vamos lá!
O briefing possui 17 seções com perguntas simples. Todas essas informações são fundamentais para aplicarmos as melhores técnicas de e-commerce na tela inicial da sua loja e configurarmos todos os aspectos essenciais para que você comece a vender o mais rápido possível.
Se preferir revisar antes de preencher, você pode baixar um documento resumido com as perguntas destas seções neste. Assim, já pode providenciar imagens, cores, informações de pagamento, opções de entrega, entre outros.
Agora, com todos os dados em mãos, vamos começar a preencher o briefing. Primeiramente, insira um e-mail válido, pois será por meio deste que toda a interação do nosso time de design ocorrerá nas etapas seguintes do Pacote Expresso.
Após preencher todos os dados, vamos enviar o material. Para adicionar mais imagens, basta clicar em “Adicionar Arquivo”.
Na caixa que abrir, você pode fazer o upload diretamente do seu computador ou até mesmo do seu Drive. Como usamos um formulário do Google, está tudo integrado, aproveite essa facilidade!
Por fim, após preencher todos os dados, não esqueça de clicar em “Enviar seus Dados”.
Agora que o formulário foi preenchido, é necessário validar o envio do briefing. Para isso, clique neste [link].
Ao clicar, abrirá nossa central de suporte já com os dados preenchidos. Basta colocar seu nome, o mesmo endereço de e-mail usado no briefing, alterar o domínio na mensagem e enviar.
Pronto! A validação do envio do briefing foi realizada com sucesso. Agora, é só aguardar. Entraremos em contato pelo mesmo e-mail que enviou o seu Brief e por meio deste chamado para dar mais detalhes sobre a próxima etapa do seu Pacote Expresso.
Com a API BNW, você tem a capacidade de recuperar uma lista completa de pedidos ou informações específicas de um pedido em particular. Esses dados podem ser processados de diversas maneiras pela sua aplicação.
Nessa lista, destacam-se duas chaves essenciais: meio de pagamento e meio de entrega, cada um identificado por um código exclusivo na loja.
Confira abaixo o mapeamento desses códigos:
Meios de Pagamento
PagHiper
boletopaghiper
Pix e Transferencia
bank_transfe
PagHiper Pix
paghiper_pix
Ame Digital
ame_digital
CoinPayments – Pagamento de Criptomoeda
coinpayments
Rede
rede_acquiring
Gerencianet
gerencianet
Mercado Pago Transparente – Boleto
mp_transparente_boleto
Mercado Pago Transparente – Cartão de Crédito
mp_transparente
Pagamento Grátis
free_checkout
Pagamento na Entrega
cod
Pagar.me
pagar_me_checkout
Pagar.me API – Boleto
pagar_me_boleto
Pagar.me API – Cartão de crédito
pagar_me_cartao
PagSeguro API – Boleto
pagseguro_api_boleto
PagSeguro API – Cartão de crédito
pagseguro_api_credito
PagSeguro API – PIX
pagseguro_api_pix
Pagseguro Transparente – Boleto
pagseguro_boleto (DESCONTINUADO)
Pagseguro Transparente – Cartão de Crédito
pagseguro_transparente (DESCONTINUADO)
PayPal
pp_standard
PayU
payulatam
PicPay
picpay
PIX Mercado Pago
mp_transparente_pix
Meios de Entrega
Braspress (Brasil)
braspress
Correios
correio
Fedex
fedex
Frenet
frenet
Frete Fixo
flat
Frete Grátis
free
Frete Personalizado
xshippingpro
Frete por Itens
item
Frete por Peso
weight
Kangu
kangu
Mandaê
mandae
Melhor Envio
melhor_envio
Retirada na Loja
pickup
SisFrete
sisfrete
Transportadora Jadlog – API
jadlog_api
Transportadora Jamef
jamef
Transportadora Zapex
zapex
É importante mencionar que alguns meios de pagamento e opções de entrega personalizados ou provenientes de módulos adicionais podem não estar listados. Se isso ocorrer, entre em contato com nossa equipe de suporte para obter os códigos corretos.
Lembre-se de que a API está disponível apenas nos planos SKY ou superiores. Se você deseja implementar a API em sua loja, entre em contato com nossa equipe de atendimento para obter informações sobre valores e condições. Estamos aqui para ajudar!
Olá pessoal! Neste tutorial, vamos mostrar como é fácil criar uma promoção incrível em sua loja, onde seu cliente compra um produto e leva outro de brinde. Vamos começar?
Passo 1: Acesse o painel da sua loja e vá para o menu de Vendas > Descontos e Promoções > Promoções. Primeiro, vamos habilitar o módulo e deixá-lo na ordem 8. Em seguida, basta salvar as configurações.
Passo 2: Vá para a aba de Promoções e clique em “Nova Promoção”.
Passo 3: Na aba geral, dê um nome instigante para a promoção. Lembre-se de que esse será o nome que seu cliente verá no carrinho.
Passo 4: Na aba de Desconto, escolha o tipo “Produto Bônus”.
Passo 5: Escolha qual produto você deseja oferecer como brinde ao cliente. Você pode selecionar um produto existente em seu catálogo ou cadastrar um novo produto especialmente para a promoção.
Passo 6: Agora, na aba de Regras da Pedido e na seção de Regras para Produtos, selecione o produto que ativará a promoção. Ou seja, quando o cliente adicionar esse produto ao carrinho, o produto de brinde será concedido gratuitamente.
Passo 7: Feito isso, basta salvar a promoção!
Agora, vamos testar na loja. Adicione um produto ao carrinho e observe que o desconto ainda não foi aplicado.
Em seguida, adicione o produto que habilita o desconto e perceba que agora temos 3 itens no carrinho: o produto inicial, o produto adicionado e o produto de brinde. Na soma final, o valor do produto de brinde será aplicado como desconto.
ATENÇÃO
Este recurso só funciona com produtos que não tem opcional obrigatório, caso o produto tenha um opcional obrigatório ele será removido do carrinho, para isso acesse o cadastro do produto de brinde e veja a aba de opções.
Se o cliente adicionar mais de um produto de brinde, o desconto será aplicado apenas a 1 produto.
Caso haja alteração de preço ou promoção no produto, o valor do desconto também será ajustado no momento da compra. Ou seja, se a alteração ocorrer após a compra, o valor do produto de brinde permanecerá conforme estava no momento da compra.
O cliente ainda tem a opção de remover o produto de brinde do carrinho. Se ele desejar adicioná-lo novamente, será necessário remover o produto que ativou a promoção e, em seguida, adicioná-lo novamente ao carrinho.
Agora é com você! Crie sua promoção, ofereça um brinde incrível e faça uma divulgação eficiente, aumentando ainda mais suas vendas e engajando seus clientes!
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
Ao clicarmos em Gerenciar, 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 é Nosso Cliente de teste na loja. 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 Do nosso Cliente de teste, temos um produto, ou seja, o último que foi abandonado.
A plataforma da BNW oferece integração com a Anymarket, confira neste link mais detalhes sobre a ferramenta e faça o seu registro, com o registro pronto vamos neste artigo mostrar como fazer a integração e o que será importado da ferramenta.
Após a abertura da sua conta você vai precisar do Token de integração da API, com este código em mãos vá na sua loja no menu de Recursos e procure por Anymarket, ao abrir vamos habilitar a integração adicionar o tokem em ambiente vamos mudar para Produção (Real) e já testar a conexão
Caso não dê sucesso contate nosso time de suporte para lhe auxiliar, tudo ok vamos dar uma conferida em algumas configurações mais abaixo:
Na parte de produtos, temos uma série de condições para importar produtos do Anymarket, cada campo te uma especificação vale conferir com base na sua operação dentro da Anymarket, abaixo vamos deixar uma tabela dos dados que são importados conforme o seu cadastro de produto padrão da loja, assim facilitará achar este dado lá e ajustar.
Dado da Loja
Dado do AnyMarket
id do produto
anymarket_id
nome do produto
name
Descrição do produto
description
Mini Descrição
Campo de description com até 300caractres
Status
publicationStatus
Modelo
model
SKU
anymarket_id sem acentos
Se tem o valor de sku, verifica se dentro dele tem skuInMarketplace ou partnerId
EAN
Se tem valor de SKU, verifica se dentro dele tem ean
Quantidade (Estoque)
Se tem valor de SKU, verifica se dentro dele tem amount
Preço
Se tem valor de SKU, verifica se dentro dele tem price
Promoções
Se tem valor de SKU, varifica se tem discountPrice e se este valor for diferente de price
Peso
weight – em kg
Altura
height – em cm
Largura
length – em cm
Fabricante
brand
Categorias
category > id
Atributos
characteristics
Opções
CAso tenha sku e suas variations
Imagens
Importa apenas imagens que estejam vinculadas a uma variação e que esta variação esteja marcada como visualizada. sku > variations > visualVariation = true
UPC
Não importado
JAN
Não importado
ISBN
Não importado
NPN
Não importado
Localização
Não importado
Mínimo em estoque
Não importado
Pontos de Recompensa
Não importado
Ordem de exibição
Não importado
Importante ressaltar que imagens só serão importas se o produto tiver um opcional vinculado a ele e este opcional estiver com opção de visualização marcado como sim, desta forma a loja vai puxar esta imagem
E em pedidos fique atento a sincroniza de status da sua loja com o Anymarket.
Em caso de dúvidas não deixe de acionar nosso time de suporte.
Olá pessoal neste tutorial vou mostrar como podemos melhorar a aparência da “TAG” de promoção da loja!
Ao colocar um produto em promoção (veja como fazer neste link) será exibido uma “TAG” logo acima no canto direito da imagem do produto como mostra a imagem abaixo:
Isso já ai ajudar a destacar seus produtos com oferta dos demais, porém o formato é padrão e não tem opção para mudar o formato, mas podemos fazer um ajuste de código avançado para melhorar e ficar assim:
Para isso vamos fazer duas configurações, primeiro vamos no menu de Configurações > Opções da Loja e depois na aba de Usabilidade aqui vamos no campo de “Texto para produtos em promoção” e vamos adicionar uma TAG de HTML, dentro dela poderá colocar o texto que desejar, mas ideal que seja um texto pequeno afinal vai ser bem menor o espaço, então coloque assim:
<i>TEXTO</i>
Ai poderá substituir TEXTO por OFF por exemplo
Salve e agora vamos mudar o estilo da TAG, vá no menu de Customização > Personalizar e na aba de Avançado, cole no final do código de CSS Personalizado a seguinte instrução:
/*
* ALTERA O FORMATO DA TAG DE PRODUTO EM PROMOÇÃO
* Fica no formato de circulo
* ATENÇÃO: para que funcione habilite no menu de Configurações > Opções da Loja "Texto para produtos em promoção:"
* e coloque o seguinte código na descrição: OFF
*/
.product-label-special{
width: 40px;
height: 40px;
padding: 0;
border-radius: 50%;
text-align: center;
text-shadow: none;
}
.product-label-special span{
float: none;
display: block;
font-size: 14px;
text-shadow: none;
font-weight: bold;
}
.product-label-special span i{
display: block;
font-style: inherit;
font-weight: normal;
font-size: 11px;
}
Agora salve e pronto, as TAGS serão modificar de horizontal para um circulo mais com mais estilo, lembrando para trocar a cor da TAG ainda na tela de Customização, vá na aba de cores e layout clique sobre “promoções” e na janela que vai abrir altere a cor nos campos de Cor do texto “Promoção” e Cor de fundo da “Promoção”.
Desde o dia 31/12/2022 os Correios passou a exigir uma nova forma de integração, usando API (para saber mais sobre API clique aqui). O que isso muda? Muita coisa.
Agora toda transação seja ela consulta de CEP, Rastreio ou Etiqueta precisar passar por essa nova integração (API) e esta transação é feita por um cadastro com uma chave segura. A conta dos Correios, por si só, não tem custos, até a data de criação deste artigo (16/01/2023), ao criar sua conta dos correios você:
Terá um número de contrato que irá reunir todos os seus custos de postagem que serão cobrados por faturamento para sua empresa.
Terá um cartão de postagem que irá apresentar na agência toda vez que postar suas vendas, ela irá centralizar todas as cobranças de envio em seu contrato/conta.
Terá acesso a preços de PAC e SEDEX (serviços) melhores do que o preço de varejo (balcão)
Sua conta terá uma CHAVE API para poder integrar com sua loja virtual na Brasil na Web.
De certa forma é uma vantagem ter esse cadastro, e você não precisa ter um CNPJ, poderá ser feito para pessoa física também, caso esteja começando sua jornada no ecommerce.
Quais dados eu preciso para colocar na minha loja?
Você vai precisar de:
CEP de origem (Do qual você vai usar para o seu cadastro)
Usuário de API (Usuário do portal Meu Correios)
Senha de API (Correios Web Services)
Número do cartão de postagem
Serviços (PAC. SEDEX, Mini Envios, Grandes Formatos, etc..)
Tem outra forma de usar correios sem o contrato?
Aconselhamos que tenha o contrato, até então não tem custos e vai te facilitar o despacho de suas mercadorias, outras alternativas é usar os Correios por meio de serviços como MELHOR ENVIO e FRENET.
Outra forma é usar a nossa API, para isso basta preencher o seu CEP de Origem e usar os serviços: 03220 e 03298, lá nas configurações do módulo de correios, porém usar nossa API, sua loja fica restrita apenas a consulta de CEP e é mais lenta, por hora os correios permite que possamos usar ela, mas não temos como prever até quando esse nosso acesso “global” será liberado então aconselhamos a seguir com criação da conta e configuração com seus dados.
COMO ABRIR SUA CONTA NOS CORREIOS?
Você vai precisar de um Contrato Bronze, clique no botão abaixo e siga os passos para gerar seu contrato.
Agora que temos o contrato pronto vou mostrar onde encontrar os dados que citamos acima. Mas antes já certifique-se que tenha o seu cartão de postagem, caso tenha dúvidas sobre como encontrar essa informação, verifique com o responsável comercial dos Correios ou na sua central de atendimento/suporte.
ATENÇÃO: As telas abaixo são dos sistemas que os Correios disponibilizaram, ou seja, pode ser que no dia que estiver as telas podem não ser as mesmas ou tenham mudado, caso isso ocorra nos notifique e procure ajuda junto aos correios com os dados abaixo. Última atualização em 16/01/2023
1) ETAPA – Correios Empresa
Acesse o link https://empresas.correios.com.br/#/login para fazer o login ao acessar vá no menu lateral em Meus Contratos > Cartões de Postagens Nesta tela temos a lista dos seus cartões/contratos aqui já temos uma informação importante anote este dado, nesta tela ainda clique no ícone de listagem para ver os serviços do seu contrato
Ao Abrir a lista, em geral, digite “AG” isso irá lista apenas os serviços de contrato pra postagem na Agência, ou seja, o que levamos lá nos Correios para despachar no balcão, por exemplo:
Neste exemplo acima os serviços de Contrato de Agência são: 03220 para SEDEX e 03298 para PAC, estes também são os códigos mais comuns, ma fique atendo ao seu contrato.
Dica importante, infelizmente os correios não tem um padrão da nomenclatura dos serviços, por exemplo sei que neste contrato tem a opção de mini-envios então ela não apareceu no exemplo acima digitando “AG”, ao digitar “CTR“, outra nomenclatura deles para “contrato“, assim temos mais um código aqui para este contrato, veja na imagem abaixo:
Agora te temos os numero do contrato e os serviços, vamos configurar a API
2) ETAPA – Correios Web Services – CWS
Acesso o link https://cws.correios.com.br/ no canto superior a direta clique em entrar, coloque os mesmos dados que usamos na ETAPA 1
Ao entrar na tela, clique no campo de “Digite o nome ou código da API para pesquisa“, do lado do botão de “Credenciais”, aqui deve aparecer: Preço e Prazo
Caso não apareça, temos que fazer dois procedimentos, primeiro é cadastrar um acesso a gestão de APi, vá no menu da lateral em “Gestão de Acesso a API´s” aqui vamos criar uma nova senha para sua API, anote esse senha, vamos precisar dela lá nas configurações da loja.
Então no campo de Nova senha e Confirme a nova vamos criar uma nova senha (guarde essa informação) e no campo “Senha do Portal Meu Correios” use a mesma senha da ETAPA 1
Feito isso vamos no menu lateral em “Início”, clique no topo em “Credenciais” e preencha com a senha da ETAPA 1 e seu cartão postal e clique que “Gerar Token” feito isso basta fechar a caixa e conferir se aparece os itens de Preço e Prazo conforma citado acima.
3) ETAPA – Configurar minha loja
Agora é parte fácil, acesse sua loja, vá no menu de Configurações > Opções de Frete > Correios.
Nesta tela deixe ele Habilitado, preencha o CEP de origem (o mesmo do seu cadastro/contrato), seu usuário de API, o mesmo que usou para logar na ETAPA 1 e ETAPA 2.
No campo de senha, preencha com a senha que criamos na ETAPA 2 que criamos dentro do Correios Web Services – CWS, se não anotou pode voltar na ETAPA 2 e criar uma nova senha.
Vamos preencher também o seu cartão portal. Você ainda pode colocar um prazo de dia a mais, de forma geral para todos os serviços.
E por fim no campo de serviços, vamos colocar os códigos de contrato que copiamos lá na ETAPA 1, bata digitar o código marcar a caixa de seleção. Ao marcar temos algumas opções para o serviço, temos: – Valor mínimo da compra para frete grátis (Deixe em branco ou zero para não habilitar frete grátis) – Valor adicional/desconto % (Informe um valor percentual que será acrescentado/subtraído ao valor do frete. Para desconto, utilize um valor com o símbolo de menos, ex.: -5.00) – Serviços adicionais como Declarar valor, Aviso de Recebimento e Mão própria
Aconselhamos que deixe o “Declarar Valor” marcado, isso vai aumentar um pouco o frete, a nova API leva em conta esse parâmetro deixando ele desmarcado pode ocorrer diferença na precificação do serviço.
Bom feito as configurações basta salvar, ao recarregar a tela se as configurações foram salvas corretar de acordo com as EPTAPAS 1 e 2, a loja já vai fazer uma primeira checagem da API e deve aparecer a mensagem que os dados fora salvos com sucesso, caso tenha algum problema será exibido na tela uma mensagem com o erro, então volte na ETAPA 1 e 2 e verifique os dodos copiados, exemplo abaixo, que a senha da API (ETAPA 2) está incorreta
Bom agora que temos tudo configurado e funcionando uma dica extra é habilitar o Rastreio de Encomenda. IMPORTANTE esse recurso de rastreio só funcionará se tiver habilitado sua API dos Correios, ele NÃO FUNCIONARÁ usando nossa API padrão.
Ainda na tela de configuração dos correios, clique em “Rastreamento“, aqui de uma forma geral vamos:
– Habilitar o módulo – Marcar os Status de pedidos que serão rastreados: Obs.: Não marque o status final, se não a loja sempre vai ficar notificando, no exemplo abaixo é o status “Pedido entregue”, veja a configurações gerais da loja para ver o seu status final de pedido. – Selecionar os status padrões de rastreio – Marcar as notificações e mensagens que serão enviadas para seu cliente
Você ainda pode personalizar essas mensagens que são enviadas, já deixamos alguns padrões, mas se deseja trocar fique a vontade, ao final só salvar o módulo. Confira o treinamento completo aqui.
No dia a dia quando tiver um novo pedido que use o Rastreio (Correios) na sua listagem de pedidos (Vendas > Pedidos), quando o pedido estiver em um status marcado para rastreio aparecerá um campo para que possa digitar o código e adicionar, assim daqui para frente o seu cliente será notificado do andamento da entrega. IMPORTANTE esse recurso de rastreio só funcionará se tiver habilitado sua API dos Correios, ele NÃO FUNCIONARÁ usando nossa API padrão.
Bom espero ter ajudado, caso tenha dúvidas acione nossa euiqpe de suporte, até mais e boas vendas!
Sempre importante ter o feedback do cliente sobre um produto ou até mesmo o processo de compra, então que tal quando o cliente finalizar uma compra pedir ele uma avaliação no Google? Neste artigo vou mostrar como você vai habilitar mais essa nova ferramenta da loja, vamos lá.
1° PASSO
Se ainda não tiver uma conta no Google Merchant, crie uma. Ao finalizar o cadastro ou entrar no painel você vai precisar de ativar o programa de Avaliações do Consumidor
Ao fim do processo pegue o id da sua conta de Google Merchant. Ele fica no canto superior direito.
2° PASSO
Vamos configurar agora, dentro do painel da sua loja, o módulo de Google Avaliações, no painel vá no menu de Recursos e pesquise por Google Avaliações
Habilite o módulo, insira o ID do seu Google Merchant e salve.
Pronto, agora só aguardar as avaliações, dica importante, não deixe de ler e responder os comentários lá no seu Google Merchant.
Para quem precisa de um destaque maior em seu banner, como lojas de moda, lojas com uma pegada mais institucionais ou que venda um produto apenas este é um topo perfeito para que possa destacar e ainda ficar bem moderno, abaixo algumas dicas importantes para usar este topo, vamos lá!
Antes de começar vamos ver o topo padrão da loja com um banner aplicado:
E agora o novo topo com o mesmo banner:
Note que automaticamente a cor do menu e os itens do topo ficaram branco, temos uma logo branca e novos ícones mais leves e modernos, além do tamanho já ter ficar grande na tela, dando mais destaque na imagem do banner.
E por dentro das páginas você pode controlar as cores sem afetar o banner principal
Então antes de poder usar o topo vamos preparar alguns arquivos:
1.Estilo e Cores Bom neste exemplo amos usar um topo com cores mais escuras, logo o estilo da logo, menu, e ícones vão ser brancos. Caso tenha um banner mais claro use ouras cores, mais abaixo vou mostrar onde no painel poderá configurar as cores destes itens
2. Logo Logo que já defini os estilo e tom de cor das fotos que vou usar no banner, então vou gerar uma logo com fundo transparente na cor branca. Use o editor que preferir, se não tiver pode remover o fundo da sua marca com este site www.remove.bg ou usar o www.canva.com para criar uma borda ou melhorar sua logo, o importante aqui é pensar que ela será aplicada em cima de uma foto, ou seja, prepare um arquivo bem.
Dica bônus: Tente usar uma imagem para logo mais vertical, assim terá menos espaço ocupado deixando mais espaço para o menu e demais itens
3. Banner Aqui então vamos criar um banner bem grande, para que chame bastante a atenção, recomendo usar o tamanho de 1400x550px isso vai gerar uma boa imagem de fundo do seu banner, agora muito cuidado ao colocar imagens pesadas demais, isso vai comprometer o carregamento da loja, logo sugerimos que ao finalizar o corte da imagem diminua seu peso, o site www.iloveimg.com tem diversas ferramentas para comprimir e converter imagens, aqui você pode diminuir consideravelmente o peso da imagem sem perder qualidade. Falamos mais sobre este assunto neste artigo aqui.
Dica bônus: Experimente usar imagens no formato webp, este é um dos mais novos formatos para WEB com ele a imagem fica menor ainda mas com boa resolução e você ainda “ganha pontos” nos buscadores por usar imagens do tipo, faça isso para o topo e produtos 😉
Bom agora que temos a logo branca e banner feito e otimizado vamos ai painel da loja ativar e configurar o novo banner.
Ao acessar o painel da loja vá no menu de Customização > Personalizar e na aba de Modelos de Topo vamos escolher o topo 012.
Ao selecionar esse topo, vamos voltar em qualquer uma das abas de layout, por exemplo a home e clicar aqui em editar o topo, note que agora terá uma caixa mais escura com as configurações extras deste topo.
E é aqui que vamos colocar nossa logo branca e trocar as cores, no meu exemplo vou usar branco. Mas como disse lá em cima, você pode colocar a cor que deseja seguindo o estilo de cor das imagens que colocar no banner.
Feito isso agora e só salvar, e na loja já teremos o banner full, mas ainda precisamos configurar o tamanho do banner e a(s) nova(s) imagem(s) do banner, então vamos no menu de Customização > Banners > Banner Avançado
Por padrão ao salvar este banner, ele vai mudar o Modo de Exibição seu grupo de banners para “Tela Cheia” você pode voltar aqui e salvar o modo que desejar, mas se voltar no painel de cores e trocar algo lá e salvar, e o topo 11 estiver selecionado ele sempre vai trocar aqui para Tela Cheia
Isso porque o intuito deste topo é valorizar as imagens do banner, sendo assim vamos mudar aqui a altura do banner para preencher ainda mais, no campo de Altura mude entre 500 a 600px ai vai de acordo com o corte das suas imagens
Salve e pronto, agora temos um topo com uma alta valorização das imagens, bem moderno e bonito.
Para quem precisa de um destaque maior em seu banner, como lojas de moda, lojas com uma pegada mais institucionais ou que venda um produto apenas este é um topo perfeito para que possa destacar e ainda ficar bem moderno, abaixo algumas dicas importantes para usar este topo, vamos lá!
Antes de começar vamos ver o topo padrão da loja com um banner aplicado:
E agora o novo topo com o mesmo banner:
Note que automaticamente a cor do menu e os itens do topo ficaram branco, temos uma logo branca e novos ícones mais leves e modernos, além do tamanho já ter ficar grande na tela, dando mais destaque na imagem do banner.
E por dentro das páginas você pode controlar as cores sem afetar o banner principal
Então antes de poder usar o topo vamos preparar alguns arquivos:
1.Estilo e Cores Bom neste exemplo amos usar um topo com cores mais escuras, logo o estilo da logo, menu, e ícones vão ser brancos. Caso tenha um banner mais claro use ouras cores, mais abaixo vou mostrar onde no painel poderá configurar as cores destes itens
2. Logo Logo que já defini os estilo e tom de cor das fotos que vou usar no banner, então vou gerar uma logo com fundo transparente na cor branca. Use o editor que preferir, se não tiver pode remover o fundo da sua marca com este site www.remove.bg ou usar o www.canva.com para criar uma borda ou melhorar sua logo, o importante aqui é pensar que ela será aplicada em cima de uma foto, ou seja, prepare um arquivo bem.
Dica bônus: Tente usar uma imagem para logo mais vertical, assim terá menos espaço ocupado deixando mais espaço para o menu e demais itens
3. Banner Aqui então vamos criar um banner bem grande, para que chame bastante a atenção, recomendo usar o tamanho de 1400x550px isso vai gerar uma boa imagem de fundo do seu banner, agora muito cuidado ao colocar imagens pesadas demais, isso vai comprometer o carregamento da loja, logo sugerimos que ao finalizar o corte da imagem diminua seu peso, o site www.iloveimg.com tem diversas ferramentas para comprimir e converter imagens, aqui você pode diminuir consideravelmente o peso da imagem sem perder qualidade. Falamos mais sobre este assunto neste artigo aqui.
Dica bônus: Experimente usar imagens no formato webp, este é um dos mais novos formatos para WEB com ele a imagem fica menor ainda mas com boa resolução e você ainda “ganha pontos” nos buscadores por usar imagens do tipo, faça isso para o topo e produtos 😉
Bom agora que temos a logo branca e banner feito e otimizado vamos ai painel da loja ativar e configurar o novo banner.
Ao acessar o painel da loja vá no menu de Customização > Personalizar e na aba de Modelos de Topo vamos escolher o topo 011.
Ao selecionar esse topo, vamos voltar em qualquer uma das abas de layout, por exemplo a home e clicar aqui em editar o topo, note que agora terá uma caixa mais escura com as configurações extras deste topo.
E é aqui que vamos colocar nossa logo branca e trocar as cores, no meu exemplo vou usar branco. Mas como disse lá em cima, você pode colocar a cor que deseja seguindo o estilo de cor das imagens que colocar no banner.
Feito isso agora e só salvar, e na loja já teremos o banner full, mas ainda precisamos configurar o tamanho do banner e a(s) nova(s) imagem(s) do banner, então vamos no menu de Customização > Banners > Banner Avançado
Por padrão ao salvar este banner, ele vai mudar o Modo de Exibição seu grupo de banners para “Tela Cheia” você pode voltar aqui e salvar o modo que desejar, mas se voltar no painel de cores e trocar algo lá e salvar, e o topo 11 estiver selecionado ele sempre vai trocar aqui para Tela Cheia
Isso porque o intuito deste topo é valorizar as imagens do banner, sendo assim vamos mudar aqui a altura do banner para preencher ainda mais, no campo de Altura mude entre 500 a 600px ai vai de acordo com o corte das suas imagens
Salve e pronto, agora temos um topo com uma alta valorização das imagens, bem moderno e bonito.
Olá pessoal neste treinamento vamos mostrar uma ferramenta da sua loja que vai lhe ajudar a compor imagens, texto mais um carrossel de produtos! Mas onde devo usar este recurso? Imagine que você está usando o blog da loja e criou um conteúdo falando sobre itens ideias para decorar um ambiente da casa. Ao final do conteúdo seria muito legal ter um carrossel de produtos com estes itens, assim o seu cliente/público ao se interessar pelo conteúdo e por impulso ele vai comprar aqueles produtos! E ainda, você poderá usar a URL do blog para fazer uma campanha de marketing digital sobre o assunto, trazendo mais tráfego para sua loja e mais conversão de vendas! Sensacional não?
Para colocar um produto ao final ou no meio de um conteúdo, seja ele blog, página institucional ou até mesmo na tela inicial da loja com uma boa diagramação e layout profissional, vamos usar um recurso da sua loja! Então depois de definir onde vamos colocar esse grupo de produtos, seja em nossas páginas, conteúdo de blog, itens da tela inicial, e etc… vamos precisamos criar um grupo de produtos, vá no menu de Cadastros > Produtos > Produtos em Destaque ao adicionar um novo item aqui você pode colocar um título, escolha um tipo por produto ou categoria (veja o treinamento para saber mais) e ao salvar será gerado um SHORTCODE.
Este código pode ser copiado e colado em qualquer local da loja que use um editor de texto, como mostra na imagem abaixo:
Aqui no exemplo, eu usei ele na Área Personalizada, ao salvar e conferir na loja veja que ele vai substituir este texto pelos produtos que colocamos em destaque. Mas este recurso tem mais alguns truques que podem te ajudar a melhorar a exibição e controle dos itens exibidos, vamos lá.
Digamos que que queira montar algo como a imagem abaixo na tela inicial da loja:
Aqui temos um fundo colorido com duas colunas, sendo a primeira com título, texto e botão para categoria e do outro lado um carrossel de produtos com dois itens por linha sem a exibição do título, para fazer isso vamos usar alguns parâmetros no nosso shortcode, vamos adicionar da seguinte forma:
Note que depois do ID que define qual é o grupo de produtos passamos mais alguns parâmetros vamos conferir mais de perto:
produtos-destaque
Nome do Shortcode, não mude-o e deixe tudo dentro das chaves [ ]
id
Número de referencia do gRupo que criamos
itemsperpage
Itens por página, para cada lâmina do carrossel iremos exibir esta quantidade de produtos
cols
colunas por página, aqui é definido quantas colunas teremos de produtos, use a seguinte combinação: 1, 2, 3, ,4 ,6 ou 12
title
Caso não preencha ou use o valor 1, o título será exibido se usar o valor 0 ele não será exibido
altura
Altura da imagem, o valor será convertido em pixel. Caso não passe nenhum valor nem este nem largura será inserido
largura
Largura da imagem, o valor será convertido em pixel. Caso não passe nenhum valor nem este nem altura será inserido
redimensionar
0 para deixar o tamanho padrão, se passar 1 ou não for colocar este parâmetro, irá colocar o valor de altura ou largura que definir antes, ou o padrão da loja se não colocar
intervalo
Defina um intervalo ao passar de uma lâmina para outra em Milessegundos. Ex: 1min = 60000ms Observação: Se não colocar esse parâmetro o carrossel não vai trocar de lâmina de forma automática
Aqui destacamos dois itens importantes para compor esse layout o “itemsperpage” e “cols” para ficar mais claro como dividir a razão de itens por colunas veja este artigo no passo 5 tem uma ilustração bem simples para lhe ajudar
Então voltando ao nosso exemplo ficou fácil agora né, agora temos o grupo, com 2 itens por página e 2 colunas sem título: [produtos-destaque id=”0″ itemsperpage=”2″ cols=”2″ title=”0″]
Agora um exemplo onde podemos definir uma largura e altura da imagem, para otimizar o carregamento dos itens: [produtos-destaque id=”0″ altura=”250″ largura=”250″]
Outro exemplo é usando ele com as imagens do tamanho original, cuidado para não afetar o carregamento da loja, neste exemplo temos: [produtos-destaque id=”0″ redimensionar=”0″]
Agora é caprichar na diagramação, no exemplo acima basta criar uma tabela com duas colunas, colorir a tabela e de um lado colocar o texto e do outro o shortcode se quiser saber mais sobre como editar conteúdo em tabela confira neste outro treinamento aqui.
Lembre-se este é um recurso que poderá usar em qualquer parte da loja que use o editor de texto, poderá usar em uma página institucional ou em um artigo do blog, desta forma pode gerar conteúdo específico para falar de um determinado grupo de produtos e ao final deixar eles para serem comprados, poderá por exemplo escrever sobre um “look” ideal para uma festa e no final do artigo deixar os produtos para seu cliente comprar.
Olá pessoal neste tutorial vou mostrar como podemos usar melhor o uma das opções de topo da loja da Brasil na Web, o TOPO MODERNO.
Antes de mostrar os recursos deste topo vamos entender como funciona este conceito. Na Brasil na Web cada loja pode ter um topo diferente combinando suas cores da logo, assim cada loja pode ser única com diversas combinações, hoje temos disponíveis 10 tipos de topos diferentes para poder escolher e montar seu layout.
Cada um tem sua particularidade e layout diferente que pode ser combinado com suas cores, neste artigo vamos falar do TOPO MODERNO
Neste topo usamos o conceito de “mobile first” ou seja, pensamos primeiro na parte mobile mesmo em telas grandes que chamamos de “desktops”, este topo totalmente responsivo (adaptável a telas grandes e pequenas) segue uma tendência crescente do mercado e com ele é preciso de alguns ajustes finos para usar todo o seu potencial, vamos juntos aqui mostrar o passo a passo e como ele funciona.
Habilitando o Topo
Para habilitar este e qualquer outro, basta irmos no painel e lá no menu: Customização > Personalizar ao entrar vamos na aba superior Configurações de Páginas e nas abas laterais vamos em Modelos de Topo aqui basta rolar e clicar sobre o topo para selecionar e depois só salvar.
Personalizando cores
As cores podem ser personalizadas usando o mapa de cores, na aba superior Cores por áreas aqui basta seguir as cores como desejar, uma observação a cor do menu ficará tanto no menu principal (que fica escondido) quanto no menu secundário.
Feito as modificações você pode salvar.
Configurando o menu secundário
Você deve ter notado que temos um menu secundário neste topo, ele é feito de forma dinâmica com os itens que comumente são usados pelos ecommerces.
Este menu secundário você pode usar para melhorar a conversão de suas vendas, colocando promoções, links de categorias, produtos ou páginas que julgue adequada para isso, por isso deixamos que você mesmo possa trocar esse menu, mas sempre terá a opção de “todos” que é onde abrirá o menu principal.
Após ativar o topo, temos uma nova posição no layout ativado, para saber mais sobre layouts e posições veja este treinamento aqui, essa nova posição se localiza ali no menu secundário.
Uma boa forma de suar é criar uma Área Personalizada (menu: Customização > Áreas Personalizadas ), ao adicionar um novo note que no item “Posição” temos agora Menu Destaque e é aqui que vamos colocar nossos novos itens de menu
Agora na edição dos itens, para manter um layout organizado e limpo use a opção de lista com links, assim de forma automática os itens ficaram um do lado do outro, veja o exemplo abaixo:
Depois da lista com links prontas, basta agora marcar a opção de exibir título como não e em layout deixe para Todas as Páginas e Salvar
Comparação
Veja agora como era o topo
e como ficou
Agora mesmo em telas maiores temos um topo mais fluído e enxuto, se deixar a logo menor ainda ganhamos mais espaço ali no topo, agora só fazer uns ajustes de cores e pronto, temos um topo moderno!
Possíveis problemas – Clientes com CSS avançado
Alguns de nosso clientes possuem ajustes avançados de código que modificam o topo, ou tem um topo customizado (contratação de manutenção) nestes casos pode haver um conflito na hora de usar este topo, caso isso ocorra volte a opção do topo que estava antes e contate nossa equipe de suporte para lhe orientar e ajudar.
Em caso de dúvidas não deixe de acionar nossa equipe de suporte, até a próxima!
Para configurar as instruções de PIX e/ou transferência na sua loja vá no menu de:
Configurações > Meios de Pagamento e escolha a opção PIX ou Transferência
Agora vamos listar o itens que você vai customizar neste meio de pagamento, confira na imagem abaixo:
01 – Adicione aqui as instruções do PIX ou Transferência do seu banco. Use o código {VALOR} para substituir o valor do pedido do cliente. Use o código {ID_PEDIDO} para substituir o número do pedido. Veja exemplos nesta publicação 02 – Valor mínimo para habilitar o meio de pagamento. 03 – Status do pedido ao escolher este meio de pagamento. 04 – Região geográfica do Brasil que o meio de pagamento vai estar habilitado. 05 – Situação deste meio de pagamento. 06 – Ordem que ele vai aparecer, junto com os demais meios de pagamento no checkout. 07 – Título que vai ser exibido no checkout.
Note que o módulo é preparado para você que usa mais de um idioma na sua loja, onde você pode colocar as instruções e títulos de acordo com cada idioma.
Agora vamos ativar outro módulo bem legal para interagir com este, é o módulo que permite que o cliente possa, através da tela de detalhes de pedido enviar o comprovante de pagamento, para isso vamos no menu de Recursos e procure a opção de Envio de anexo ao pedido pelo cliente e configure conforme a tela abaixo:
Com isso podemos agora adicionar na instrução de pagamento, tanto para ele enviar o comprovante por e-mail ou pela tela de detalhes do pedido, por dentro da sua loja. Dica: Para saber mais sobre o status de pedido e fluxo veja este artigo aqui.
MODELOS
Vamos mostrar abaixo alguns exemplos de códigos que pode usar para deixar bem formatado as informações para seu cliente realizar o PIX ou Transferência.
Mas antes, para usar de forma correta, no campo de instruções clique em Código-fonte, copie um dos códigos abaixo e cole aqui, depois clique novamente no botão e edite os dados do seu PIX ou banco, fique a vontade para mudar ou adicionar instruções e mude para seus dados reais.
<h1><strong>Pagamento via Pix</strong></h1>
<ol style="font-size: 18px; margin: 20px 0 35px 40px">
<li style="float: none; margin: 10px 0">Anote agora a chave PIX CNPJ: [<strong style="font-size: 20px;color: #000000;"> 00 000 000 </strong>]</li>
<li style="float: none; margin: 10px 0">Realize a transferência no valor de {VALOR}.</li>
<li style="float: none; margin: 10px 0">Envie o comprovante para o e-mail SEUEMAIL@DOMINIO.COM informando o número do pedido: <strong>{ID_PEDIDO}</strong></li>
<li style="float: none; margin: 10px 0">Ou anexe o comprovante no seu pedido (caixa azul) - <a href="detalhe-pedido?order_id={ID_PEDIDO}" target="_blank">Veja seus pedidos</a></li>
</ol>
<p>Em caso de dúvidas nos contate pelo <a href="#" style="color: #00b200; font-weight: bold;" target="_blank"> whatsapp (00) 00000000000 </a></p>
Apenas Transferência
<h2><strong>INSTRUÇÕES PARA TRANSFERÊNCIA</strong></h2>
<p>Realize a transferência no valor de <strong>{VALOR}</strong>na conta abaixo:</p>
<p>
<strong>000 - BANCO SA</strong>
</p>
<p>
AG: 0000<br />
CC: 00000-0<br />
Favorecido: NOME DA SUA EMPRESA<br />
CNPJ: 00.000.000/0000-00
</p>
<div style="border: 1px solid #7DA2CE;background: #EBF4FD; padding:20px 30px 30px;overflow: hidden;">
<p>
<strong>ATENÇÃO</strong><br />
Após a transferência envie o comprovante pela sua área de cliente, ao acessar <a href="detalhe-pedido?order_id={ID_PEDIDO}" target="_blank">vá no seu pedido</a>
e no campo azul envie o arquivo do comprovante,
ou por e-mail para SEUEMAIL@DOMINIO.COM com seu nome completo e número do pedido.
</p>
</div>
<p>Em caso de dúvidas nos contate pelo <a href="#" style="color: #00b200; font-weight: bold;" target="_blank"> whatsapp (00) 00000000000 </a></p>
Transferência com mais de 1 banco – Use tabelas
<h2><strong>INSTRUÇÕES PARA TRANSFERÊNCIA</strong></h2>
<p>Realize a transferência no valor de <strong>{VALOR}</strong>em uma das contas abaixo:</p>
<table border="0" cellpadding="10" cellspacing="0" style="width:100%;">
<tbody>
<tr>
<td style="vertical-align: top;">
<p>
<strong>000 - BANCO SA</strong>
</p>
<p>
AG: 0000<br />
CC: 00000-0<br />
Favorecido: NOME DA SUA EMPRESA<br />
CNPJ: 00.000.000/0000-00
</p>
</td>
<td style="vertical-align: top;">
<p>
<strong>001 - BANCO SA</strong>
</p>
<p>
AG: 0001<br />
CC: 00000-1<br />
Favorecido: NOME DA SUA EMPRESA<br />
CNPJ: 00.000.000/0000-01
</p>
</td>
</tr>
</tbody>
</table>
<div style="border: 1px solid #7DA2CE;background: #EBF4FD; padding:20px 30px 30px;overflow: hidden;">
<p>
<strong>ATENÇÃO</strong><br />
Após a transferência envie o comprovante pela sua área de cliente, ao acessar <a href="detalhe-pedido?order_id={ID_PEDIDO}" target="_blank">vá no seu pedido</a>
e no campo azul envie o arquivo do comprovante,
ou por e-mail para SEUEMAIL@DOMINIO.COM com seu nome completo e número do pedido.
</p>
</div>
<p>Em caso de dúvidas nos contate pelo <a href="#" style="color: #00b200; font-weight: bold;" target="_blank"> whatsapp (00) 00000000000 </a></p>
Conclusão e dicas
Agora com tudo configurado ao escolher o meio de pagamento ele já vai cair na tela de sucesso com os valores e número do pedido, facilitando a experiência de compra do seu cliente na loja.
Dica: dê um desconto neste meio de pagamento, afinal você pode ter uma margem de lucro melhor nele assim aumentando sua taxa de conversão, para dar desconto neste meio d pagamento veja este artigo aqui.
Em alguns casos você pode precisar que um determinado produto tenha uma venda externa ou que seja direcionado para um formulário por exemplo. Para isso você, cliente Brasil na Web vai precisar de um módulo extra.
Após comprar o módulo na página de edição do produto (ou criação avançada de produto) na aba de dados, terá uma nova área CHECKOUT EXTERNO, agora basta colar sua URL completa aqui:
Além de adicionar a URL externa, você também pode personalizar o texto do botão “comprar” na tela de detalhe do produto, por exemplo trocar para “Alugar” ou “Assinar”. Você também pode colocar instruções específicas para este produto, ou colocar uma mensagem, estes dois campos são opcionais e aceitam outros idiomas.
Feito as configurações, na sua tela de detalhe deste produto, o tradicional botão de “Comprar” vai ser substituído por este link e se trocar o texto do botão também. Importante como se trata de um checkout externo, não será gerado nenhum pedido ou cadastro ou controle por dentro do painel da loja.
Se você é cliente compre agora o módulo. Se não é cliente abra uma loja agora e teste por 30 dias e solicite o teste deste módulo durante o seu período de teste.
Olá, neste treinamento vou falar e mostrar para vocês sobre o Pacote de Floricultura (clique aqui para saber mais), uma série de módulos e ajustes para você que deseja abrir sua floricultura on-line e vender muito!Tabela de períodos de e
Este pacote consiste em termos um módulo para que o seu cliente possa escolher uma data de entrega, dentro do seu cronograma de produção, ou seja, neste módulo você pode escolher quais dias vai entregar e o período de entrega (o básico para uma floricultura) e no checkout o seu cliente vai poder escolher as datas e período de entrega, quem vai receber o pedido, o telefone dessa pessoa, a sua assinatura e uma mensagem para que você possa colocar no cartão de entrega, como na imagem abaixo:
Ou seja, neste pacote de floricultura, previamente você vai configurar:
Horário para entrega no mesmo dia Aqui neste campo vamos definir até que horas, que os pedidos forem feitos você entregará no mesmo dia, por exemplo: pedidos feitos até as 13h você garante que entrega no mesmo dia. Se o pedido cair às 14h, por exemplo, na gora de fechar o pedido, lá na tela de checkout o dia de hoje não vai estar disponível para escolha de entrega.
Tempo mínimo entre o horário do pedido e o horário de entrega Essa configuração pode ser entendida como tempo de produção mínimo, que seria o tempo mínimo necessário entre o horário do pedido e o horário que o cliente poderá escolher para entrega.
Dias de Funcionamento Aqui vamos configurar os dias da semana que sua floricultura vai funcionar
Status do pedido que geram reserva de entrega Se o pedido não estiver em algum dos status escolhidos da lista, então a data/horário daquele pedido será considerado livre.
Tabela de períodos de entrega E por fim você vai montar uma grade dos dias disponíveis, definir um horário para este período (mais comum manhã e tarde) qual é o horário final deste período e ainda pode limitar a quantidade de pedidos. IMPORTANTE deixe o campo de “Limite de Pedidos” com algum valor, se não o sistema não vai montar os horários corretos, para deixar ilimitado coloque um valor por exemplo 999
Abaixo temos uma tela modelo, ao entregar o módulo deixamos esta de exemplo não deixe de adaptar ela ao seu negócio, para isso vá no menu de Vendas > Horários Normal
Outro campo que você deve configurar é as mensagens que o seu cliente pode usar de exemplo para mensagem:
Para configurar o pop-up vá no menu de Customização > Páginas Institucionais e procure por “Mensagens de Exemplo” e configure as mensagens como desejar 😉
Além dos dias normais de trabalho, você pode definir datas especiais no módulo (Menu de Vendas > Horários Especiais), por exemplo, na imagem acima, nossa floricultura não abre na segunda. Mas digamos que na segunda seja uma data comemorativa, como o dia dos namorados. Sendo assim, ao escolher a data, você pode habilitar a entrega e escolher entre os períodos que já configurou se vai ou não ter entrega, veja um exemplo abaixo:
Agora importante este módulo de floricultura para funcionar de acordo com entrega local, é preciso de um módulo extra para entrega local. Ou seja, você pode escolher no pacote adicionar um módulo de entrega local:
Qualquer um dos módulos não fica vinculado ao módulo de floricultura, eles vão funcionar de forma independente dos dias e horários em que sua loja funciona.
Aconselhamos que antes de adquirir o módulo faça uma revisão e crie uma tabela de preços para entrega local, com isso e ajuda na nossa equipe de vendas, fica mais fácil de orientar e decidir a compra de um destes módulos para seu pacote de floricultura.
VINCULAR HORÁRIO E PREÇO DE ENTREGA
Dentro do módulo temos uma variação que se integra ao módulo de Frete Personalizado com Múltiplos filtros, esta variação não tem custo adicional, mas ela só vai funcionar para quem vai cobrar preços diferentes por horário (ex. cobrar mais caro para entregar à noite ou fins de semana), ou seja se na sua floricultura quer que o preço do frete está vinculado ao horário de entrega do pedido ao seu cliente.
Para esta modalidade é necessário ter o módulo de Frete Personalizado com Múltiplos filtros, com esse vínculo na sua tela de configuração de horário normal de entrega, não temos os campos de período de entrega:
Esta configuração vamos fazer dentro do módulo de Frete Personalizado com Múltiplos filtros, dentro do módulo vamos fazer as devidas configurações de período em cada aba (veja o treinamento do módulo neste link), mas para resumir no campo critérios vamos colocar a faixa de CEP, ou estado que deseja que seja aplicado seu frete, na aba de preços vamos colocar o preço da entrega daquele período/restrição e na aba de outros vamos definir o horário e dias da semana, como no modelo padrão:
Assim podemos fazer essa restrição de horário de entrega com preços.
Para configurar o pagamento com PIcPay primeiro você precisa acessar o seu painel da PicPay Empresas após o login vá em Integrações, caso não tenha nenhum tokem gerado clique em “Gerar novos tokens“, logo abaixo na aba de “Uso a API pública” copie os dados de “x-picpay-token” e “x-seller-token“.
Painel em 02/2021
Agora no painel da loja no menu de Configurações > Meios de Pagamento > PicPay e clique em editar, dentro do tela, vamos colar os tokens, que copiamos do painel da PicPay e habilitar o modulo.
Nesta tela ainda podemos definir:
Ordem de Exibição: Opcional: Ordem em que este meio de pagamento aparece junto com os demais meios de pagamento habilitados na loja.
Região Geográfica: Opcional: Você pode habilitar este meio de pagamento somente para um estado ou região do Brasil.
Valor mínimo do pedido (R$): Opcional: valor mínimo do pedido para permitir esse pagamento.
Valor máximo do pedido (R$): Opcional: valor máximo do pedido para permitir esse pagamento.
Modo de debug: Habilite apenas sob orientação do desenvolvedor.
Título: Personaliza o titulo que será exibido no checkout da loja
Status automático de pedidos Altere os status para que assim que o pedido for para a PicPay retorne e mude o status do pedido, abaixo alguns exemplos mais comuns de status, mas adapte ao seu fluxo de pedidos, saiba mais sobre fluxo aqui.
Note que automaticamente a cor do menu e os itens do topo ficaram branco, temos uma logo branca e novos ícones mais leves e modernos, além do tamanho já ter ficar grande na tela, dando mais destaque na imagem do banner.
Painel em 02/2021
