Na página Minha Conta, seu cliente tem acesso detalhado as informações dos pedidos e cadastro, o que torna o processo de compra mais transparente e melhora a experiência no site.
Confira neste artigo o passo a passo das configurações e as telas que seu cliente visualiza.
Autenticação
Para acesso a página, existem duas formas:
- Com autenticação: uso de senha;
- Sem autenticação: perguntas.
Para escolher qual forma deseja aplicar na sua loja, acesse o sistema administrativo e clique no menu Configurações de Admin >> Configurações Gerais, busque por "Nível de segurança Minha Conta" e altere o valor.
Minhas compras
Meus pedidos
Dentro de Minhas Compras, especificamente em Meus Pedidos, vamos listar todos os pedidos efetuados pelo cliente, em que é possível visualizar, por exemplo, o número do pedido, data da efetivação, forma de pagamento, status atual do pedido, valor total e também o código de rastreio.
Algumas informações serão apresentadas na tela inicial de forma resumida, conforme demonstrado abaixo.
Para visualizar mais detalhes sobre o pedido clique no botão com seta para baixo.
Pedidos de Seller
Se sua loja é um marketplace e tem produtos conectados de outros vendedores, quando um pedido for fechado e esse ser de origem Reseller, no Minha Conta em Meus Pedidos, será apresentada a informação "Vendido e entregue por".
Essa informação também está disponível nos Detalhes do Pedido - Produtos Adquiridos.
Produtos adquiridos
Em Produtos adquiridos serão apresentados os itens comprados, a quantidade, o preço unitário e o valor pago (subtotal, descontos, valor do frete e total) e data da última atualização de status do pedido.
Os dados de personalização, embalagens e observações só serão apresentados caso o pedido contemple essas informações.
Nota Fiscal
Ao inserir a URL da NF-e no pedido via API Pública ou Painel Administrativo, seu cliente terá acesso ao arquivo diretamente no Minha Conta, especificamente em Dados do Pedido, em "Visualizar Nota fiscal".
Atenção: para customização deste campo, verifique com sua agência a alteração na classe chamada "minhaconta-nota-fiscal" e com o seu ERP para geração do link para download da nota fiscal.
Código de rastreio
Ao clicar em cima do Código de Rastreamento será aberta, em uma nova guia, o site da transportadora.
Pagamento boleto
Se a forma de pagamento do pedido for boleto, o código de barras será exibido para realização da cópia ou impressão.
Visualizar pedido completo
Para visualizar mais detalhes do pedido como endereço de entrega/retirada, nome do destinatário, prazo de entrega/retirada/agendamento, rastreamento e também a impressão do boleto, clique em "Visualizar pedido completo".
Ao clica no código de rastreio será aberta uma nova página com o site da transportadora para rastreamento do pedido. Para que esse processo possa ocorrer de forma correta é necessário configurar a URL de rastreamento, essa configuração pode ser realizada no admin em Detalhes do Pedido.
Atenção: a label do status atual do pedido no Minha Conta, por padrão, exibe o status do pedido conforme o nome do status, e esse é de acordo com o que está no menu Pedido >> Situações. Você também pode trocar para ser exibido a "Descrição" ao invés do nome. Então para que isso funcione, ative a opção "Status Customizado Minha Conta", disponível no painel administrativo do menu Configurações de Admin >> Configurações Gerais.
Outra forma de usar a coluna "Descrição" é ajustando o CSS da página, incluindo na classe fbits-minhaconta-box-button fbits-minhaconta-status-pedido com display none e trocando a classe fbits-minhaconta-box-button fbits-minhaconta-status-editavel-pedido, removendo o display:none ou display:block, por exemplo.
Pagamento PIX
Se seu cliente efetuou um pedido com esta modalidade, além de exibir o QR Code ou a chave na página de fechamento, também no Minha Conta são exibidas estas informações.
Atenção: para exibir o QR Code nos detalhes do pedido é necessário que remova o display:none na classe fbits-gateway-painel-detalhe.
Confira na imagem abaixo:
Veja que é possível copiar a chave, ler o QR Code e também verificar o prazo de validade. Por padrão, exibiremos esses dados na listagem dos pedidos.
Atenção: se o pedido estiver nas situações Cancelado, Expirado ou Aprovado, o QR Code não será exibido.
Recomprar pedido
No menu Meus Pedidos, ao clicar para visualizar mais detalhes de uma determinada venda, existe a possibilidade de inserir um botão para que seu cliente possa comprar novamente os mesmos produtos.
Essa opção oferece mais facilidade e praticidade para clientes que desejam comprar novamente um produto já adquirido, encurtando assim o trabalho de adicionar manualmente os itens no carrinho.
Esse botão está no código fonte da página Minha Conta e, por padrão, vem configurado como display:none de forma nativa.
Sendo assim, para ativar e personalizar esse recurso é necessário que verifique com sua agência os ajustes no CSS de acordo com a sua preferência.
Classe: fbits-btn-recompra
Meus créditos
Nesta área, exibimos as movimentações de crédito ou débito adicionado para o cliente. Para mais detalhes, clique aqui.
Lembrando que o cliente pode ter acesso da inclusão do crédito ou de quando foi debitado.
Minhas Assinaturas
Nesta área apresentamos os dados de um pedido do tipo assinatura feito pelo cliente. Sendo possível, por exemplo, cancelar a assinatura, pausar, adicionar ou remover produtos, mudar o endereço de entrega e até mesmo alterar o cartão de crédito vinculado ao pedido.
Alterando cartão de crédito de uma Assinatura
Para alteração dos dados de um cartão de crédito é preciso que o assinante registre os dados do novo cartão, clicando em "Meu Cartão" e inserindo os novos dados. Feito isso, na próxima recorrência gerada serão considerados os novos dados cadastrados.
Um detalhe importante é que o cliente pode visualizar quando o seu cartão será expirado, aumentando a possibilidade de atualização antes do vencimento do prazo. Confira o exemplo abaixo.
Para alterar o cartão de crédito vinculado a assinatura, clique no link "Editar" e informe os dados de cobrança:
Alterando o endereço de uma Assinatura
No painel do minha conta também é possível fazer a alteração do endereço de uma assinatura já existente, mas antes é necessário que este endereço já esteja cadastrado no menu Cadastro >> Meus Endereços.
Uma vez cadastrado, basta o cliente, em Minhas Assinaturas, rolar a página até chegar a opção de Meus Endereços >> Alterar, e então, clicar no endereço desejado.
Data do próximo pedido de Assinatura
Toda assinatura gera um pedido, na qual a frequência depende da recorrência, por exemplo, semanal, quinzenal, mensal, etc. Para que o seu cliente tenha mais transparência e informação de quando ocorrerá o próximo pedido, é disponibilizado no menu Minhas Assinaturas a data prevista para o próximo pagamento.
Alterando os produtos de uma Assinatura
Primeiramente, verifique se a opção "Permitir alterar produtos de uma assinatura no Minha Conta" está habilitada. A mesma está disponível no painel administrativo no menu Configurações de Admin >> Configurações Gerais.
Em seguida, no Minha Conta menu "Minhas Assinaturas", localize a lista de produtos e clique no botão "Alterar Produtos".
Será aberto uma modal com duas guias, uma para adição de novos produtos do mesmo grupo de assinatura e recorrência e a outra para remoção de produtos da assinatura atual.
Procure pelos produtos que deseja adicionar na assinatura atual (se preferir, utilize a busca). Logo em seguida, informe a quantidade desejada e revise os produtos selecionados no botão "Produtos Selecionados". Verifique o valor total e por último clique em "Salvar Alterações".
No próximo passo, será exibido um resumo das alterações com o valor da assinatura atual e o valor com os novos produtos. Além disso, será apresentado ao cliente a data da próxima recorrência e novamente o valor total, sem considerar o frete. Clique em "Sim" para confirmar a compra.
Para excluir produtos de uma assinatura atual, na mesma modal, acesse a guia "Minha Assinatura" e clique no ícone "lixeira", por fim confirme a exclusão clicando no botão "Sim".
Atenção: caso a assinatura contenha apenas 1 item, independente da quantidade, por regra não será possível removê-lo. Nesse caso, o cliente deve optar em cancelar a assinatura ou então adicionar outro item para então seguir com a remoção do mesmo. Se o cliente desejar alterar a quantidade de um item já vinculado a sua assinatura, o mesmo deverá excluir o produto e adicionar novamente de acordo com a quantidade necessária.
Para mais informações sobre como ativar a assinatura em sua loja, acesse o artigo Como criar Grupos de Assinatura.
Dados do Produto VarianteID em uma Assinatura
Caso precise realizar alguma customização que necessite do produto varianteID, é possível consultar essa informação por meio de um hidden disponível no código fonte da página em "Minhas Assinaturas".
Exemplo:
<input type="hidden" data-variante-id="1234" data-assinatura-id="3211" class="item-assinatura">
Caso o comprador tenha mais de um item na assinatura ou mais de um pedido, é exibido cada variante e linhas separadas.
Exemplo:
<input type="hidden" data-variante-id="256579" data-assinatura-id="3442227" class="item-assinatura">
<input type="hidden" data-variante-id="256818" data-assinatura-id="3442227" class="item-assinatura">
Produtos indisponíveis na Assinatura
Produtos que estiverem dentro do cenário Permitir Venda desmarcado ou Sem Estoque, serão automaticamente classificados como indisponíveis dentro do menu Minhas Assinaturas, mais especificamente na listagem dos produtos no Minha Conta.
Essa ação torna o processo de compra mais transparente para o consumidor final, uma vez que ele fica ciente de todos os itens que serão entregues e cobrados na próxima recorrência de sua assinatura.
Sendo assim, se por ventura seus clientes questionarem a indisponibilidade de algum produto na assinatura é devido a essa ação.
Informamos que assim que o produto ficar disponível, a mensagem de produto indisponível será automaticamente removida do Minha Conta.
Confira na imagem abaixo como a mensagem será apresentada para seu cliente:
Atenção: caso queira customizar a mensagem, solicite a sua agência a modificação da seguinte classe: <span class="error text-small">Produto indisponível</span>.
Cadastro
Alterar e-mail
Utilizado para os casos em que seu cliente desejar alterar o e-mail atual. No próximo login, o acesso será feito pelo novo e-mail. Além disso, os e-mails transacionais serão enviados para o novo e-mail.
Alterar senha
Seu cliente terá acesso a opção de alterar a senha atual por uma nova.
Meus dados
Nesta página, exibimos os dados pessoais do cliente que podem ser atualizados, tais como: nome completo, sexo, telefone, data de nascimento, etc. Além disso, caso sua loja trabalhe com informações adicionais no cadastro, será ofertado a possibilidade do cliente/comprador consultar os dados preenchidos e alterar.
Para o campo sexo, por padrão disponibilizamos “Feminino”, “Masculino” e uma terceira opção. Essa terceira opção pode ser cadastrada como “outro” ou “prefiro não informar”, por exemplo.
Bloquear alteração da Data de Nascimento
Para não permitir que seu cliente altere a data de nascimento, habilite a opção "Bloquear Alteração da Data de Nascimento", disponível no menu Configurações de Admin >> Configurações Gerais.
No Minha Conta, o campo continuará sendo exibido, porém não será editável (igual o campo CPF\CNPJ):
Recomendamos que lojas que ativam esta opção, também usem a configuração "Obrigatoriedade do campo Data de Nascimento", disponível nas configurações gerais para que o cadastro do cliente não fique com uma data padrão 01-01-2000, sendo somente possível seguir com a alteração da data de nascimento pelo painel administrativo ou então pela API Pública.
Essa configuração é recomendada, por exemplo, para lojas que trabalham com promoção para aniversariante.
Meus endereços
Listamos todos os endereços cadastrados pelo cliente. Além disso, o cliente pode adicionar, alterar ou excluir um endereço.
Avatar do usuário
Com este recurso é possível cadastrar uma figura de perfil para o seu cliente.
Para isso, realize o upload da imagem, utilizando a API Pública. Especificamente, dentro de Usuários no endpoint: "POST /usuários/{email}/avatar".
Quando seu cliente fizer o login na loja, a imagem do avatar estará disponível na URL: https://checkout.nomedasualoja.com.br/MinhaConta/Avatar.
Lembrando que é preciso substituir, na URL acima, os dados com as informações da sua loja.
Atenção: para exibir a imagem dentro do Minha Conta é necessário realizar uma customização via script, usando como base a URL citada acima. Portanto, sugerimos que verifique primeiramente com sua agência como proceder com essa alteração.