OpenCart One Page Checkout Pro – Manual do usuário

Como instalarOpenCart One Page Checkout Pro plugin no seu servidor

1. Baixe o zip do OpenCart e descompacte em uma pasta. Depois de descompactar a estrutura de pastas do plugin Supercheckout Pro será semelhante, como mostrado na tela abaixo

supercheckout1

2. Abra o diretório de upload e você verá a seguinte estrutura de pastas.

supercheckout2

3. Faça o login via FTP e arraste todas as pastas para o diretório raiz do seu servidor. Você não precisa alterar o nome da pasta do tema padrão para o nome da pasta do tema.

supercheckout3

Você deve ter o VQMOD instalado para este plug-in funcionar. Se o VQMOD não estiver instalado, faça o download e instale a partir do URL abaixo: https://code.google.com/p/vqmod/ 4. Você encontrará o plugin pronto para ser instalado nos Módulos do seu OpenCart.

600

5. Clique no link Instalar para instalar o plugin. Isso também adicionará uma opção suspensa à sua barra de menus, que listará todos os plug-ins por Velocity instalados em sua loja para navegação rápida. Esta lista suspensa também possui uma caixa de mensagem, usando a qual podemos informá-lo sobre o novo plug-in lançado ou a nova atualização.

supercheckout5

6. Exclua os arquivos Vqcache da pasta vqmod / vqcache. 7. Para acessar o plug-in do Super Checkout, clique no botão de edição que está à direita do módulo Supercheckout Pro, conforme mostrado abaixo.

601

8. Ao clicar no botão editar, o módulo para o plug-in será aberto. Ele contém barra de navegação no topo, menu à esquerda e conteúdo principal no centro, como mostrado abaixo.

602

1. Guia Configurações gerais

1. Para ativar / desativar o plug-in, alterne o botão de ativação OFF para ON / ON para OFF, isso é apenas à direita de Ativar / Desativar rótulo. Atualize a página inicial da sua loja toda vez que você alterar a configuração de ativação / desativação. 2. Para alterar a visualização padrão de Nenhum para Banner ou Produto Relacionado ou vice-versa na caixa de diálogo pop-up, selecione uma opção no botão de opções. 3. Quando você seleciona o botão de opção de banner, um botão Adicionar banner (Max 3) aparecerá na tela. 4. Clique no botão Adicionar banner para adicionar um banner. Ao clicar nesse botão, você será solicitado a inserir o URL do banner e selecionar a imagem do banner.

6

5. Escreva o URL completo da sua página da web onde você deseja redirecionar o usuário clicando no banner. 6. Selecione uma imagem para que o banner seja exibido na caixa de diálogo pop-up do Gerenciador de imagens, conforme mostrado abaixo. Clique em Procurar para abrir o Gerenciador de Imagens.

7

7. Você pode remover um banner clicando no botão Remover banner.

2. Guia de login

  1. Esta aba basicamente contém a configuração para ativar / desativar Facebook de google registro e login como mostrado abaixo.s1
  2. Para ativar o Registro e Login do Facebook, alterne o botão de OFF para ON, que fica à direita do rótulo Ativar login do Facebook. Mas antes disso, obtenha o Facebook APP ID e o APP SECRET em www.developers.facebook.com.
  3. Digite o ID da APP e o APP SECRET em seus respectivos campos e salve. Você encontrará o botão de login do Facebook na sua página de checkout.
  4. Para ativar o registro e o login do Google, alterne o botão de OFF para ON, que fica à direita do rótulo Ativar login do Google. No entanto, antes disso, obtenha o ID do aplicativo do Google, o ID do CLIENTE e o APP SECRET em https://code.google.com/apis/console. Para obter instruções detalhadas sobre como obter o ID da APP, faça o download do guia de configuração do Facebook e do Google na conta do OpenCart.
  5. Digite o ID da APP, o ID do CLIENTE e o APP SECRET em seus respectivos campos e salve. Você encontrará o botão de login do Google na sua página de checkout.

3. Ficha de endereço de pagamento

  1. Essa guia contém configurações para os campos que devem ser mostrados na seção Pagamento ou endereço de cobrança na página de finalização, conforme mostrado abaixo.800
  2. Consiste em duas seções. O da esquerda se for para Clientes Convidados e o da direita para clientes registrados.
  3. Para exibir / ocultar um campo na página de check-out, marque a caixa de seleção à esquerda de Mostrar rótulo.
  4. Para tornar um campo obrigatório (campo obrigatório) marque a caixa de seleção à esquerda de Exigir rótulo.
  5. Os campos também podem ser reorganizados de acordo com o requisito. Para reorganizar basta mover o cursor para o ícone de arrastar e arrastar e soltar o campo onde for necessário, conforme mostrado abaixo.801
  6. Ao salvar, os campos serão reorganizados de acordo com as alterações.

4. Aba de endereço de entrega

  1. Essa guia contém as configurações para os campos que devem ser mostrados na seção Endereço de entrega na página de checkout, conforme mostrado abaixo.802
  2. Consiste em duas seções. O da esquerda se for para Clientes Convidados e o da direita para clientes registrados.
  3. Para exibir / ocultar um campo na página de check-out, marque a caixa de seleção à esquerda de Mostrar rótulo.
  4. Para tornar um campo obrigatório (campo obrigatório) marque a caixa de seleção à esquerda de Exigir rótulo.
  5. Os campos também podem ser reorganizados de acordo com o requisito. Para reorganizar basta mover o cursor para o ícone de arrastar e arrastar e soltar o campo onde for necessário, conforme mostrado abaixo.803
  6. Ao salvar, os campos serão reorganizados de acordo com as alterações.

5. Aba Método de Envio

  1. Essa guia contém configurações para o método de envio, mostrado na página de checkout. Basicamente, contém configurações para ativar / desativar e configurar o método de envio padrão, conforme mostrado abaixo:804
  2. Para ativar / desativar os métodos de envio na página de checkout, alterne o botão de ON para OFF ou vice-versa. Isso desativará o bloqueio do método de envio da página de checkout. Mas você deve selecionar um método de envio padrão (se instalado) para aplicar as despesas de envio ao pedido.
  3. Para ativar / desativar o título do método de envio, alterne o botão de LIGADO para DESLIGADO ou vice-versa. Isso fará com que o título de envio seja ativado ou desativado na página de checkout.
  4. Para obter um método de envio padrão selecionado na página de checkout, selecione o método de envio padrão na lista suspensa. Se o método de envio selecionado não estiver instalado, ele selecionará automaticamente o método de envio instalado.

6. Guia Método de pagamento

  1. Essa guia contém configurações para os métodos de pagamento mostrados na página de checkout, como ativar / desativar ou selecionar um método padrão.805
  2. Para ativar / desativar os métodos de pagamento na página de checkout, alterne o botão de ON para OFF ou vice-versa. Isso desativará o bloqueio do método de pagamento da página de checkout. Mas você deve selecionar um método de pagamento padrão (se houver algum instalado) para obter um método de pagamento na página de checkout.
  3. O Supercheckout também permite exibir o nome do método de pagamento com ou sem o logotipo. Você também pode configurá-lo para exibir apenas a imagem do método de pagamento. Selecione o botão de opção desejado, que está exatamente à direita do rótulo de estilo de exibição.

7. Confirmar guia

  1. Essa guia contém a configuração do carrinho e a confirmação do pedido, conforme mostrado abaixo:
  2. Sua divisão em duas seções a. Carrinho b. confirme

Carrinho de Compras:

  1. Essa guia é novamente dividida em duas seções, a da esquerda é para Clientes Convidados e a Direita para Clientes Registrados ou Registrados.806
  2. Para exibir / ocultar carrinho na página de checkout, desmarque a caixa de seleção presente na frente do rótulo Exibir carrinho.
  3. Para ativar / desativar qualquer coluna no carrinho, marque / desmarque a caixa de seleção na frente da respectiva coluna.
  4. Para ativar / desativar as imagens popup para a verificação do produto / desmarque a caixa de seleção na frente da respectiva coluna.
  5. Para alterar o tamanho do pop-up para imagens Digite a largura e a altura do pop-up na caixa de texto na frente do rótulo Tamanho da imagem pop.
  6. As opções Coupon, Reward Points e Voucher também podem ser desativadas ou ativadas marcando / desmarcando a caixa de seleção na frente daquele campo. Por favor, note que a caixa de texto do ponto de recompensa só será visível na página Supercheckout, uma vez que as três condições sejam cumpridas. a) O cliente deve estar logado. b) Ele deve ter pelo menos 1 ponto de recompensa em sua conta. c.) Ele deve ter um produto no carrinho que pode ser comprado com pontos de recompensa.

Confirme:

  1. Essa guia é novamente dividida em duas seções, a da esquerda é para Clientes Convidados e a Direita para Clientes Registrados ou Registrados.
  2. Para ativar a caixa de comentários para o pedido por cliente, marque a caixa de seleção na frente desse campo Deixe um comentário para o rótulo do pedido e desative a desmarcar a mesma caixa de seleção.
  3. Para permitir concordar com o termo ou qualquer outra informação salva no administrador da loja, marque / desmarque a caixa de seleção na frente de Eu concordo com o rótulo de condições.

8. ?Design Tab

  1. Essa guia contém as configurações para o design da página de checkout no catálogo, conforme mostrado abaixo:807
  2. Para alterar a largura de qualquer coluna, ajuste o controle deslizante presente na parte superior, conforme mostrado abaixos10
  3. Bloco de diferentes etapas também pode ser reorganizado de uma coluna para outra ou na mesma coluna, conforme mostrado abaixo:s11
  4. Ao salvar, o bloco será reorganizado na página de checkout conforme as alterações

9. Guia Idioma

Usando a guia de idioma, você pode gerar a tradução do idioma do arquivo de idioma de confirmação. 1. Primeiro você precisa adicionar um idioma em seu Loja OpenCart. Para adicionar o novo idioma para ir Sistema -> Localização -> Idioma e adicionar agora o idioma. 2. O idioma adicionado será exibido no módulo supercheckout, conforme exibido abaixo.

1001

3. Escolha o idioma em que você precisa traduzir e escolha o website, ou seja, Front End / Admin End, que você precisa traduzir. 4. Com base na seleção, vários campos em várias guias serão preenchidos como em Configurações gerais, Login, Configuração de endereço de pagamento / envio etc. 5. Por padrão, ele exibirá a tradução em inglês. Adicionar tradução de vários textos. 6. Depois de adicionar a tradução do texto, você pode executar a seguinte ação usando os botões abaixo. uma. Download: O botão Download fará o download do arquivo de idioma traduzido. Você precisa fazer o upload do arquivo no diretório de idioma do supercheckout. 1.1: Se for o caso do front end, você precisa fazer o upload do arquivo de idioma na pasta catalog / language / [[YOUR_LANG]] / supercheckoutPro 2.1: No caso de admin, você precisa fazer o upload do arquivo de idioma baixado em admin / language // [ [YOUR_LANG]] / pasta do módulo b. Download & Share: O botão Download & Share baixará o arquivo de idioma e uma cópia do arquivo de idioma será compartilhada com o Velocity. c. Salvar como Rascunho: Salvar como botão Rascunho salvará a tradução para uso futuro. d. Gerar: O botão Gerar tentará fazer o upload do arquivo de idioma no diretório desejado, se as permissões do servidor permitirem salvar os arquivos. e. Gerar e Enviar: O botão Gerar tentará fazer o upload do arquivo de idioma no diretório desejado se as permissões do servidor permitirem salvar os arquivos e uma cópia dos arquivos for compartilhada com o Velocity

10. Themer tab

Ao clicar na primeira guia, você terá a opção de alterar o tema do painel de administração Supercheckout.

1100

11. Obter guia de suporte

Ao clicar na guia Obter Suporte, você será redirecionado para o nosso site de suporte, onde poderá entrar em contato com nosso suporte para obter ajuda. Use esta aba caso você tenha alguma dúvida / problema ou encontre algum bug.

Como obter detalhes da API do Facebook?

Passos:

    • Vamos para https://developers.facebook.com/
    • Clique em Aplicativos -> Criar um novo aplicativo.
    • Siga as instruções na tela.
    • Você receberá o segredo da API ID & App (clique no botão show)
    • Agora vá para Configurações no menu esquerdo

1201

    • Clique no link Adicionar Plateform como mostrado abaixo

1202

    • Selecione o site.
    • Insira o domínio do aplicativo e o URL do site, conforme mostrado na tela abaixo.

1203

  • Clique no botão Salvar alterações.
  • Depois disso, vá para a guia Status & Review e faça o aplicativo Live.

Como obter detalhes da API do Google?

 

1204

  • Na tela Consentimento, selecione Endereço de e-mail, insira qualquer nome de projeto e pressione o botão Salvar.

1205

  • Em seguida, clique em App & Auth -> Credentials na coluna da esquerda.

1206

  • Uma tela como abaixo aparecerá.

1207

  • Clique em CREATE NEW CLIENT ID. Um pop-up como abaixo será exibido.

1208

  • Digite os detalhes conforme mostrado na tela acima.
    1. Tipo de aplicativo: aplicativo da Web
    2. Origens de JavaScript autorizadas: seu nome de domínio, ou seja, https://www.example.com
    3. URI de redirecionamento autorizado: caminho da página de super checkout

https://www.example.com/index.php?route=supercheckout/supercheckout

  • Clique em Criar ID do cliente. Como a tela abaixo aparecerá. Copie o ID do cliente, o segredo do cliente na tela abaixo.

1209

  • Clique na seção CREATE NEW KEY de acesso público à API. Um pop-up aparecerá. Clique no botão da chave do servidor e, em seguida, clique no botão Criar sem adicionar nada na caixa de entrada.
  • A etapa acima gerará a chave da API.

Isso também lhe interessaria:

Joe Parker

We boast of the best in the industry plugins for eCommerce systems and has years of experience working with eCommerce websites. We provide best plugins for platforms like - Magento, Prestashop, OpenCart and Shopify. We also provide custom module development and customization services for the website and modules.

Leave a Reply

Your email address will not be published. Required fields are marked *