Checkout Transparente?

Transcrição

1 Como Configurar Cielo Checkout Transparente? Para efetuar a configuração do módulo Cielo Checkout Transparente em sua loja virtual, é necessário que se tenha previamente um cadastro junto a Cielo. O módulo Checkout Transparente não efetua o redirecionamento para o ambiente da Cielo, desta forma todo o processo de pagamento é feito dentro da loja virtual. Instalação e Configuração do Módulo Primeiramente acesse o Painel Administrativo da sua loja virtual em Extensões > Formas de Pagamento, conforme mostra a imagem abaixo: No módulo Futura Checkout Cielo Transparente, caso não instalado clique em Instalar e depois Editar

2 Na tela de configuração efetue os registros conforme abaixo:

3 Após o preenchimento correto, a forma de pagamento Cartão de Crédito Cielo será exibida na finalização do pedido, conforme mostra imagem abaixo: Configuração de envio pela Transportadora TNT O módulo da Transportadora TNT calcula, exibe valor e prazo de entrega, no momento em que o usuário efetuar o cálculo do frete no carrinho e também na finalização do pedido.

4 O calculo é feito apenas para os usuários que estiverem logados na sua loja virtual, pois a TNT exige alguns dados do cliente para retornar os valores. Para que o módulo funcione, é necessário um contrato com a transportadora. Configuração do Modulo no Painel Administrativo Acesse o menu Extensões > Formas de envio O painel abrirá a tela abaixo, caso o módulo ainda não esteja instalado, clique em Instalar, e em seguida Editar.

5 Nesta tela preencha com as informações cadastradas na TNT. É importante que os dados dos campos obrigatórios estejam preenchidos exatamente com os mesmos dados do contrato acertado junto a transportadora. O campo Valor Adicional(%) é opcional e o mesmo trata-se de uma porcentagem que pode ser adicionada ao valor do frete retornado pela transportadora. O campo Prazo de entrega adicional Somado é uma quantidade de dias que pode ser somada ao prazo de entrega retornado pela TNT.

6

7 Como Configurar o Módulo Pag Seguro? Para efetuar a configuração do Pag Seguro, efetue o login em seu Painel Administrativo e em seguida acesse o caminho abaixo: Menu Extensões>Formas de Pagamento e escolha a opção PagSeguro. Caso o módulo não esteja instalado, clique no botão Instalar e em seguida no botão Editar para acessar a página de configuração do módulo. Antes de iniciar, é necessário que a conta utilizada no módulo esteja configurada para retornar informações dos pagamentos. Para isso, acesse sua conta do PagSeguro e clique na opção Minha Conta, conforme mostra imagem abaixo:

8 No menu lateral clique em Preferências>Integrações, conforme mostra imagem abaixo: E o site abrirá a página abaixo:

9 Nesta página será gerado o token de segurança, as url s de retorno e de parâmetros para o site. Cadastro da Url de Retorno A url de retorno é a página que o Pagseguro redirecionará o cliente após o mesmo efetuar o pagamento do pedido. Para cadastrá-la, acesse novamente o Painel administrativo do seu e-commerce e siga o caminho abaixo: Extensões>Formas de Pagamento> Clique em Editar e a página abrirá a tela abaixo:

10 Copie o link que se encontra na URL de Redirecionamento e cole no campo de Página de Redirecionamento Fixa, conforme a imagem abaixo: Em seguida, retorne ao Painel Administrativo, copie o link que se encontra em URL de Notificação, conforme mostra imagem

11 abaixo: Cole o link copiado no campo de Definir notificação de Transações, conforme mostra a imagem abaixo:

12 Após efetuar as configurações, clique no botão Configurações, validando assim o procedimento. Salvar Gerar Token de Segurança O Token de Segurança funciona como uma senha, e não deve ser divulgado a terceiros. Clique no botão Gerar Token, em seguida em Gerar Novo Token, conforme mostra imagem abaixo:

13 O token gerado será mostrado na página inicial, conforme abaixo: Copie o token gerado e retorne ao Painel Administrativo do ecommerce, cole o número no campo Token, como mostra abaixo:

14 Configuração de Painel Servidor Virtual. da Loja Para efetuar a configuração de s no painel, acesse o cpanel a partir do link abaixo: da sua loja).com.br:2083/ Exemplo: Entre com o usuário e senha, que foram enviados para o seu . Caso não tenha recebido as informações, por favor entre em contato através do efutura@futurasistemas.com.br requisitando o acesso.

15 Ao abrir o painel, selecione a opção Contas de Preencha os campos abaixo: Digite o endereço de que deseja utilizar; Senha: Escolha uma senha e insira neste campo;

16 Senha (novamente): Digite novamente a senha escolhida, lembrando que a mesma deverá atender o nível de segurança; Cota da caixa de correio: Neste campo é recomendado colocar um tamanho entre MB, caso deixe uma cota muito alta, poderá haver problemas com espaço de armazenamento do servidor. Após preencher os campos, clique em Criar conta. As caixas de s poderão ser acessadas através do link abaixo:

17 Ao acessar webmail pela primeira vez, será exibida uma tela para que seja escolhida a caixa de entrada do seu . Clique no botão Entendi conforme mostra imagem abaixo: Selecione um aplicativo de Webmail Padrão, que será o layout do seu

18 Após escolher a opção que melhor lhe atenda, clique em Definir como Padrão para que essa tela não seja exibida toda vez que acessar o seu . Visualizações das caixas de entrada: Roundcube

19 Horde SquirrelMail

20 Configuração do Aplicativo de Login com o Google O aplicativo de Login com o Google no e-commerce é um meio de agilizar o cadastro do cliente na Loja Virtual, facilitando o processo de acesso à área do cliente. Vale lembrar que é necessário possuir uma conta no Gmail seja comercial ou pessoal e efetuar o login com o seu usuário e senha. Para criar esta integração em seu e-commerce acesse o link abaixo: Desça a barra de rolagem até o rodapé da página e clique em Google API Console, conforme mostra imagem abaixo:

21 O Site abrirá a tela abaixo, neste mesmo ambiente clique em Selecionar um projeto e logo após Criar um projeto Preencha o nome do projeto e clique em criar.

22 No menu lateral esquerdo, clique na opção Credenciais, de acordo com a imagem abaixo: Na janela que se abriu, clique na opção Criar credenciais e escolha ID do Cliente O Auth

23 Na nova tela que foi aberta clique em Configurar tela de consentimento. Preencha os campos, levando em conta que o campo Nome do produto mostrado aos usuários é obrigatório, os demais são opcionais. Após preencher, clique no botão Salvar.

24 Escolha a opção Aplicativo da WEB e o site irá disponibilizar novos campos a serem preenchidos:

25 No campo Nome, preencha com o mesmo nome do aplicativo. Nos campos Origens JavaScript autorizadas e URIs de Redirecionamento autorizadas preencha com o nome do site, levando em conta http e https. Exemplo: e Quando preencher o domínio e sair do campo ira aparecer novas opções a serem preenchidas.

26 O preenchimento deverá estar como o exemplo abaixo, após definir clique na opção Criar, conforme mostra imagem abaixo: Será exibida uma janela com o ID do Cliente e a Chave Secreta, guarde este ID pois irá utilizá-lo nas configurações do login com o Gmail. Após salvá-lo, clique em OK para validar a operação.

27 Após fechar a tela, o ID do cliente também pode ser conferido acessando Credenciais.

28 Configuração do Aplicativo de Login com o Facebook O aplicativo de Login com o facebook no e-commerce é um meio de agilizar o cadastro do cliente na Loja Virtual, facilitando o processo de acesso à área do cliente. Vale lembrar que é necessário possuir uma conta no Facebook seja comercial ou pessoal e efetuar o login com o seu usuário e senha. Para criar esta integração em seu e-commerce acesse o link abaixo: Clique em Meus Aplicativos e logo após em Adicionar um novo aplicativo, conforme mostra imagem abaixo:

29 O site abrirá a seguinte tela: Preencha as informações, conforme abaixo: 1. Nome de exibição: É o nome do aplicativo que será chamado ao fazer o login; 2. de contato: Preencher com um ; 3. Categoria: Escolha Aplicativos para Páginas ;

30 4. Clicar em Criar um ID do Aplicativo. O site abrirá a tela Product Setup, neste momento clique na opção Get Started conforme mostra imagem abaixo: No menu lateral esquerdo, selecione a opção Configurações:

31 No menu suspenso que se abrirá, clique em Básico e em seguida na opção + Adicionar plataforma, conforme indicado abaixo: Clique na opção Site conforme mostra imagem abaixo:

32 Em URL do Site, digite o endereço da loja virtual completo, como por exemplo: com.br/ Após inserir a URL do site, preencha as informações, conforme imagem abaixo:

33 1 Nome de exibição: Preencher com o nome do aplicativo; 2 Domínios do aplicativo: Preencher com o domínio da loja virtual, ex: testelojaonline.futurasistemas.com.br; 3 de contato: Adicionar um de contato; 4 URL da Politica de Privacidade: Inserir o caminho completo da politica de privacidade. 5 URL dos termos de serviço: Inserir o caminho completo dos termos de serviço do app. 6 Escolher uma imagem para o aplicativo (tamanho ); 7 Clicar em Salvar Configurações.; Vale lembrar que alguns campos, tais como política de privacidade são opcionais, mas recomendamos preenchê-los para a aprovação do aplicativo que será abordado nos próximos passos. No menu lateral esquerdo, clique em Login do Facebook, na opção URIs de redirecionamento do OAuth válidos, preencha

34 com o endereço da loja virtual, ex: Após definir o Login clique em Salvar Alterações, conforme exemplo abaixo: Selecione a opção Revisão do Aplicativo no menu lateral esquerdo:

35 Na opção Tornar Nome do aplicativo público? Clique na opção que está marcada como Não para habilitar o Sim. Na tela de confirmação que irá se abrir, clique em Confirmar. Clique em Painel, no menu lateral esquerdo, Note que a bolinha em frente ao nome do seu aplicativo

36 estará verde, isso indica que o aplicativo disponível para todos os usuários. está Para finalizar, anote o ID do aplicativo, que será necessário para a configuração do login com a rede social Facebook na loja virtual.

37 Futura E-commerce - Cadastros O E-commerce é integralmente ligado ao sistema Futura Server, no qual as informações se replicam, sejam elas, compras feitas na loja virtual, baixa em contas a receber, cadastro de clientes e o cálculo automático da ST, automatizando assim a emissão de Notas Fiscais sem nenhum retrabalho O e-commerce Futura Sistemas também possui um layout responsivo, que permite o acesso da loja virtual em smartphones, tabletes e computadores compatíveis nas plataformas: Android, IOS ou Windows, mantendo a qualidade e design do site. Para começar a utilizar o Futura Server integrado com a Loja Virtual é necessário seguir os seguintes passos: Parâmetros Caminho:Configurações>Parâmetros Aba: e-futura Antes de efetuar qualquer cadastro é necessário habilitar a utilização da loja virtual no sistema Futura Server. Para isso, acesse o caminho indicado acima e o sistema abrirá a tela abaixo:

38 Utiliza Loja Virtual: Deixe esta opção marcada como SIM; Site e-commerce: Quando a replicação já estiver configurada, será possível indicar o link do e-commerce automaticamente através deste campo; Cadastro de Produtos Caminho: Cadastros>Estoque>Produtos Para os produtos se replicarem para a loja virtual é necessário que o cadastro dos produtos estejam preenchidos corretamente. Para isso, acesse o caminho indicado acima, clique em F2 Novo e o sistema abrirá a tela abaixo: Ao clicar em F2 Novo o sistema irá trazer o campo Digite o Código de Barra. Neste momento é possível cadastrar um código de barra específico para o determinado produto, podendo utilizar um leitor de código de barras para efetuar este procedimento.

39 Caso contrário, clique em OK e o sistema criará automaticamente um código de barras e abrirá a Aba Cadastro: Acessando a aba cadastro, será necessário informar: Referência: Está opção deverá ser preenchida para diferenciar o modelo do produto na loja virtual; Tipo de Produto: Por padrão vem preenchido com o a opção 00 Mercadoria para Revenda, mas deve-se alterar conforme a utilidade do produto. Descrição: O nome do produto de acordo com a Nota Fiscal de compra; Unidade: A unidade relativa ao produto; Unidade de Conversão: É possível utilizar mais de um tipo de unidade para a mercadoria, como por exemplo: Um determinado produto é vendido em Unidades e Caixas e o seu estoque é controlado também por unidades, onde em cada caixa constam 10 unidades desta mercadoria, dessa forma no campo Unidade de Conversão deverá ser inserida a quantidade

40 10, que representa que a cada caixa vendida 10 unidades estão saindo do estoque. Peso Liquido: Caso queira controlar o peso líquido da mercadoria; Peso Bruto: Caso queira controlar o peso bruto da mercadoria, para questão de envio via sedex preencha neste campo; Cubagem: (referente às medidas da caixa). Grupo Subgrupo: Necessário para que o produto seja identificado nas listagens de categorias na loja virtual, caso contrário, aparecerá apenas em buscas; Cor, Tamanho e Especificação: Dependendo do tipo de produto, poderá ser informado no cadastro as cores, tamanhos e algumas especificações. Marca: Para identificar na loja virtual as marcas referente a cada produto, sendo identificadas como Fabricante. Para inserir estas informações na mercadoria, primeiro é necessário cadastrá-las através dos seguintes menus: Cadastros>Estoque> Marca, Cor, Tamanho ou Especificação. Ultimas Compras: O sistema traz as últimas compras feitas para esse determinado produto. Ultimas Vendas: O sistema traz as últimas vendas feitas para esse determinado produto. Aba Aba Imagens: As imagens são de extrema importância, pois as mesmas são replicadas diretamente para o e-commerce. A imagem habilitada como principal será a primeira a aparecer no site, as demais imagens aparecerão como exibição detalhada do produto. Para inseri-las basta clicar no botão Novo e escolher a imagem desejada, lembrando que o tamanho da imagem necessita

41 ser no mínimo ; Aba e-futura: A aba e-futura possui informações exclusivas para enviar ao site, para isso é necessário cadastrar as informações corretamente, conforme mostra imagem abaixo:

42 Utiliza Produto na Loja Virtual: Apenas os produtos que estiverem com SIM nesta opção, serão replicados para o site; Descrição Completa: Este campo é utilizado para digitação de especificações e detalhes do produto, tudo que for digitado neste campo replicará para o site; Tags: Cada tag é uma chave (palavra) que quando procurada é possível visualizar todos os conteúdos que possuem o mesmo nome; Comprimento, largura e Altura: Informações necessárias para cálculo de envio, geralmente utilizado pelos correios e transportadoras; Comp. Progressivo (cm), Larg. Progressivo (cm), Alt. Progressivo (cm): Este campo é uma extensão do comprimento, largura e altura do produto, com a finalidade de permitir o envio de vários itens em uma única caixa Quando esses campos são preenchidos, os itens serão agrupados,

43 ao invés de somar as medidas irá incrementar o valor progressivo as medidas do item. Na imagem podemos verificar como ficará agrupado com e sem as medidas. Quantidade Mínima: Informe neste campo a quantidade mínima que o cliente poderá comprar deste produto na loja; Descrição e-futura: Neste campo informe à descrição do produto que será exibida na loja virtual; Meta Descrição: É uma descrição utilizada na qual os indexadores dos buscadores como, por exemplo, o Google, utiliza para melhorar a indexação de uma página; Meta Palavra Chave: São as palavras chaves utilizadas para melhorar a indexação na busca;

44 Cadastro de Grade de Produtos Assim como o Cadastro de Produtos, também é possível vincular a Grade ao e-commerce tornando mais fácil a classificação dos produtos por cor, tamanho ou especificação. Para aprender como cadastrar a Grade para se replicar á loja, acesse o link indicado abaixo: Grade de Produtos Futura Server Cadastro de Marca Caminho: Cadastros>Estoque>Marca Para Cadastrar a marca do produto acesse o caminho indicado acima, clique em F2 Novo e digite uma Descrição para a mesma.

45 Caso queira adicionar a imagem da Marca, clique em Trocar/Incluir e indique a imagem que deseja. Habilite a opção Site Utiliza. URL amigável: Deverá ser preenchido com a URL que ficará visível para os usuários ao acessar determinado conteúdo; *A Marca é encontrada como Fabricante no e-commerce Após esse procedimento, clique em F10 Gravar. Cadastro de Grupo Caminho: Cadastro>Estoque>Grupo/SubGrupo O cadastro de Grupo e Sub Grupo é utilizado para controlar e classificar os produtos e tornar mais fácil o filtro dos mesmos na loja virtual. Para cadastrar um grupo e subgrupo, acesse o caminho acima e clique em F2 Novo. Após clicar em F2 Novo o sistema vai abrir a tela para iniciar o cadastro, preencha os seguintes campos:

46 Descrição: Digite Eletrônicos. a descrição, conforme o exemplo Caso queira inserir imagem, clique no botão Trocar/Incluir e escolha a qual deseja. Sub Grupos Clique em Novo para inserir os subgrupos: Descrição: Digite a descrição dos subgrupos, como no exemplo acima foi utilizado: Notebooks, Tabletes, Celulares entre outros que fazem parte do grupo de Eletrônicos; Caso queira inserir imagem, clique no botão Trocar/Incluir e escolha a qual deseja e clique em F10 Gravar. Aba e-futura

47 Site exibe superior: Caso queira que os grupos de produtos apareçam como abas superiores no site, deixe esta opção como SIM; Site Utiliza: Para os subgrupos aparecerem no site, deixe esta opção como SIM; Ordem E-Commerce: Neste campo insira um numeral ao qual será a ordem que este subgrupo irá aparecer no site; URL Amigável: Deverá ser preenchido com a URL que ficará visível para os usuários ao acessar determinado conteúdo; Meta Descrição: É uma descrição utilizada na qual os indexadores dos buscadores como, por exemplo, o Google, utiliza para melhorar a indexação de uma página; Meta Palavra Chave: São as palavras chaves utilizadas para melhorar a indexação na busca; Botão Pre-Visualização: Este botão permitir-a que o usuário visualize como a edição do produto ficará no e-commerce, conforme mostra imagem abaixo:

48 Cadastro de Clientes Caminho: Cadastros>Cadastros>Clientes Para aprender o passo-a-passo de como cadastrar um cliente clique aqui. Após cadastrar o cliente é necessário preencher as informações da aba e-futura, conforme mostra imagem abaixo: Assina Notícias: Caso o cliente aceite receber s referente a empresa, deixe está opção como SIM; Aprovada no Site: Caso o cadastro feito pelo cliente no ecommerce replique como não aprovado, habilite está opção como SIM; Ao aprovar o cadastro do cliente feito na loja virtual o sistema irá enviar um para o endereço cadastrado contendo as seguintes informações:

49 Assunto: Aprovação de Cadastro na Loja (NOME FANTASIA DA EMPRESA) Corpo da mensagem: Obrigado por se cadastrar na loja (NOME FANTASIA DA EMPRESA)! Sua conta foi cadastrada em nossa loja, agora você pode acessá-la utilizando seu ( AQUI) e senha através da nossa loja: Ao acessar sua conta, você poderá visualizar o histórico de seus pedidos, imprimir faturas, fazer downloads que tenha comprado, modificar as informações de sua conta e muito mais. Att, (NOME DA FANTASIA DA EMPRESA) Obs: As informações que se encontram entre parênteses necessitam estar adicionadas nos cadastros de cliente e empresa para o sistema fazer o preenchimento correto. Status do Site: Para ser possível a compra deste cliente pelo site é preciso que o status dele esteja como ativo no cadastro; Informações adicionais: Há dois tipos de cadastros que podem ser utilizados no e-commerce: Anexar: Replica os cadastros feitos no e-commerce para o Futura Server. Este procedimento não duplica os cadastros; Padrão: Neste caso os cadastros se duplicam; É importante ressaltar que para definir cada um destes tipos é necessário contatar a equipe da Futura Sistemas! Como Receber uma Venda/Orçamento da Loja Virtual no

50 Futura Server Caminho: Vendas>Pedido de Vendas As compras efetuadas no e-commerce são replicadas automaticamente para o Futura Server. Para encontra-las, acesse o caminho indicado acima e filtre apenas os pedidos do e-commerce, conforme imagem abaixo: Pedidos: Quando o tipo for Orçamento o pedido virá em aberto. Caso contrário o pedido virá como baixado. Pagamentos: Todas as formas de pagamentos utilizadas exceto boleto, irão gerar contas a receber no sistema. Obs: Quando o pagamento for do tipo boleto o sistema só irá gerar uma conta a receber e criar um pedido baixado, quando o arquivo retorno recebido do banco for importado para o sistema Futura Server.

51