Extensão de Checkout Avançado OpenCart One Page – Manual do Usuário


1.0 Introdução

Cada 1 em cada 10 usuários on-line obrigam a abandonar o carrinho apenas por causa do checkout longo e complicado. Além disso, você pode otimizar o checkout do seu site para um interessante, incorporando o OpenCart One Page Advanced Checkout Extension da Knowband. Na verdade, o módulo pop-up de checkout responsivo do OpenCart transforma todo o processo de checkout em um único pop-up baseado em ajax. Além disso, que é acionado na tela quando o cliente opta por comprar um produto na loja. Assim, este One Page Checkout for OpenCart reduz o abandono de carrinho ao oferecer todo o processo de compra em um único pop-up, sem carregar a próxima página.

1.1 Recursos do One Page Checkout para OpenCart

Incorporar o One Page Checkout para a loja OpenCart não é grande coisa, pois oferece personalização simples sem envolver habilidades técnicas ou modificações de código existentes. Assim, permita rapidamente que seus clientes comprem o produto por meio de um único pop-up, proporcionando-lhes uma finalização da compra mais rápida. Além disso, uma experiência de menos interrupção. Assim, abaixo listados estão os destaques marcantes desta extensão OpenCart One Page Checkout. 1. O módulo OpenCart One Page Checkout exibe os campos de check-out totais na forma de um pop-up de check-out baseado em ajax responsivo no front-end. Além disso, do site sem redirecionar para outro URL. 2. Este One Page Checkout para OpenCart fornece uma maneira perfeita de aumentar as assinaturas de newsletter para o negócio online. 3. O pop-up de checkout responsivo incorporado usando o módulo de checkout simplificado do OpenCart pode ser facilmente ativado ou desativado usando o botão de alternância fornecido no back-end. 4. O recurso de registro de convidado do pop-up de checkout responsivo OpenCart registra automaticamente o cliente no site. Além disso, envie-lhes a senha de login em seu e-mail. 5. Você tem a flexibilidade de ativar ou desativar a funcionalidade de checkout de convidado do módulo OpenCart One Page Checkout. 6. Usando esta extensão de checkout OpenCart Single Page, você pode adicionar código CSS à página de checkout avançado. 7. O módulo de checkout de página única do OpenCart oferece um recurso de modo de teste que permite testar a funcionalidade avançada da página de checkout em um IP específico. 8. Com o módulo de checkout simplificado do OpenCart, ofereça aos clientes o benefício das opções de login social. Por exemplo, Google e Facebook na página de checkout. 9. A extensão de checkout rápido do OpenCart permite que você mostre/oculte os campos de endereço de pagamento e entrega de forma diferente para clientes conectados e convidados da loja. 10. As marcas de campo de endereço personalizado são necessárias ou opcionais com a ajuda deste módulo OpenCart One Page Supercheckout. 11. Usando One Page Checkout para o site OpenCart, você pode fornecer vários métodos de envio e pagamento para os clientes que são configuráveis ​​no back-end. 12. O módulo pop-up de checkout responsivo do OpenCart facilita a configuração de uma imagem de logotipo e título desejados para cada um dos métodos de pagamento e envio exibidos na página supercheckout. 13. O recurso ship2pay da extensão de checkout rápido OpenCart seleciona automaticamente o método de pagamento correspondente a cada método de envio selecionado pelo cliente. 14. A extensão pop-up de checkout responsivo OpenCart oferece um carrinho configurável cujos campos podem ser corrigidos de acordo com as necessidades de negócios. 15. O módulo OpenCart One Page Checkout é compatível com várias lojas e vários idiomas. 16. A extensão de checkout rápido OpenCart oferece um layout responsivo móvel para os clientes. 17. O recurso MailChimp Integrator do checkout OpenCart Single Page sincroniza automaticamente os dados do cliente com a conta MailChimp conectada do vendedor.

1.2 Interface frontal do módulo pop-up de checkout responsivo OpenCart

Quando o usuário clicar no botão “Adicionar ao carrinho” correspondente a um produto, ele verá o seguinte controle deslizante de checkout responsivo na tela.

Seção de resumo do carrinho do OpenCart One Page Advanced Checkout

opencart-one-page-checkout-extension-cart-summary

Além disso, ao clicar no botão “Checkout”, eles podem visualizar e preencher o formulário de checkout avançado completo de uma só vez, conforme mostrado nas imagens abaixo:

Seção de login da conta

opencart-one-page-checkout-extension-account-login

opencart-one-page-checkout-extension-account-login-1

Se o cliente desmarcar a caixa de seleção “Enviar para o mesmo endereço”, ele verá a seção de endereço de entrega conforme mostrado abaixo:

screenshot-opencartdemo-knowband-com-2019-07-26-11_15_27
Seção de envio e método de pagamento

opencart-one-page-checkout-extension-shipping-payment

2.0 Guia de instalação do OpenCart One Page Advanced Checkout Extension

Antes de iniciar o processo de instalação, você deve comprar o módulo OpenCart One Page Checkout na loja Knowband. Além disso, uma vez adquirido, você receberá os seguintes arquivos em seu e-mail registrado.

  • Código-fonte do OpenCart One Page Advanced Checkout Extension em formato de arquivo compactado.
  • Manual do usuário da extensão OpenCart One Page Checkout.

Agora, para instalar este OpenCart Advanced Checkout em sua loja online, siga os passos indicados: 1. Descompacte o arquivo zip. Você obterá as pastas como mostrado na imagem abaixo

Check-out avançado de uma página do OpenCart
2. Copie todas as pastas do arquivo zip no diretório raiz da configuração do OpenCart via gerenciador de FTP. Portanto, o OpenCart One Page Advanced Checkout foi instalado com sucesso. Além disso, está pronto para usar em sua loja. Além disso, vá para o menu de administração. Além disso, clique nas extensões e, assim, clique no botão Configurar ao lado de One Page Advanced Checkout.

3.0 Interface de administração do pop-up de check-out responsivo do OpenCart

Logo após a instalação bem-sucedida do site One Page Checkout for OpenCart, você pode configurar os campos do formulário de checkout de acordo com seus requisitos. Além disso, você deve navegar pelas configurações na ordem fornecida: Painel do administrador > Extensões > Módulos > Check-out avançado de uma página

opencart-one-page-checkout-extension-admin-interface

opencart-one-page-checkout-extension-admin-interface-1

A interface de administração simples de entender da extensão de checkout rápido do OpenCart é dividida em nove seções, a saber:

  1. Configurações gerais
  2. Configurações de Login
  3. Endereço de Pagamento
  4. Morada de entrega
  5. método de envio
  6. Ship2Pay
  7. Pagamentos
  8. Carrinho
  9. Newsletter

Configurações gerais do 3.1

opencart-one-page-checkout-extension-admin-interface-general-settings

  • Habilitar desabilitar: Esta opção permite ativar ou desativar a funcionalidade completa do One Page Checkout para o site Opencart. Se desativado, o checkout padrão do Opencart é mostrado aos clientes.
  • Ativar opção de boletim informativo: Usando esta opção, você pode mostrar ou ocultar a caixa de assinatura do boletim informativo do seu site. Se o cliente marcar a opção de boletim informativo, ele se inscreverá nas atualizações do site (newsletter).
  • Registrar Convidado Automaticamente: Você pode habilitar o registro automático para seus clientes convidados (usuários que realizam check-out de convidados). Esta opção enviará automaticamente uma senha ao cliente para uso posterior da conta.
  • Registar Conta: Ao habilitar esta opção, você pode fornecer campos de senha no checkout de página única, onde o usuário pode inserir sua senha para se registrar.
  • Convidado de exibição: Esta opção mostrará ou ocultará a opção de convidado na seção de login do checkout. Usando esta opção, os usuários podem realizar checkout de convidados para seus itens.
  • Adicionar estilo personalizado: Esta opção permite incluir estilo personalizado adicional (código CSS), exibido na frente do site.
  • Modo de teste: Você pode ativar esta opção para testar a funcionalidade do módulo de checkout de uma página antes de torná-lo ativo para os clientes.
  • Adicionar IP: Esta opção permite que você insira o endereço IP específico onde deseja testar os recursos avançados do supercheckout.

3.2 Configurações de Login

opencart-one-page-checkout-extension-admin-interface-login-settings

  • Ativar login no Facebook: Esta opção ativará ou desativará a opção de login do Facebook exibida na frente do formulário de checkout de uma página.
  • ID do aplicativo do Facebook: Esta opção permite que você defina o ID do aplicativo do Facebook necessário para se conectar à sua conta do Facebook.
  • Segredo do aplicativo do Facebook: Esta opção definirá a chave secreta do aplicativo do Facebook. Observação: você pode obter o ID do aplicativo do Facebook e a chave secreta em https://developers.facebook.com/, discutido na seção 3.2.1
  • Ativar login do Google: Esta opção ativará ou desativará a opção de login do Google exibida na frente do formulário de checkout de uma página.
  • ID do aplicativo do Google: Esta opção permite que você defina o Google App ID necessário para se conectar à sua conta do Google.
  • ID de cliente do Google: Esta opção permite que você defina o ID do cliente do Google.
  • Finalmente, Segredo do Google App:Esta opção definirá a chave secreta do Google App.

Observação: você pode obter o ID do aplicativo do Google, o ID do cliente e a chave secreta em https://code.google.com/apis/console, discutido na seção 3.2.2

3.2.1 Como configurar o Login do Facebook

O aplicativo do Facebook pode ser criado seguindo as etapas mencionadas abaixo:- 1: Vá para o URL fornecido: https://developers.facebook.com/apps/ 2: Clique no botão “Adicionar um novo aplicativo”. 3 e 4: Digite o nome do aplicativo e o ID do e-mail e clique no botão “Criar ID do aplicativo”.

6
5&6: Após clicar em Create App ID você terá que passar por uma verificação de segurança conforme mostrado:

opencart-one-page-checkout-extension-admin-interface-create-app

7: Clique na guia “Configuração”.

opencart-one-page-checkout-extension-admin-interface-settings

8-13: Duas opções estarão disponíveis no menu suspenso, Básico e Avançado, clique em “Básico”. Em seguida, digite seu “Domínio do aplicativo”, “E-mail de contato”, “URL de privacidade”, “URL de termos e condições”, “Adicionar logotipo”, “Selecionar categoria” e clique no botão “Salvar alterações”. Domínios de aplicativos: seudominio.com está correto seudominio.com/loja está incorreto www.dominio.com está incorreto

opencart-one-page-checkout-extension-admin-interface-app-basics

14: Agora clique em “+Adicionar plataforma”.

10
15: E selecione Site como Plataforma

11
16: Agora digite a URL do seu site.

12
17&18: Clique em “Produtos+” e selecione login no Facebook.

13
19: Selecione web como plataforma para o aplicativo.

14
20: Agora clique em salvar.

15
21 e 22: Clique em Configurações e adicione URIs de redirecionamento OAuth válidos. URIs de redirecionamento OAuth válidos: https://your_store_url/index.php?route=kbstepcheckout/kbstepcheckout&fblogin=1

16
23 e 24: Clique em “Revisão do aplicativo”. E marque “Tornar ‘o nome do seu aplicativo’ Público” como Sim.

17
Etapa final: copie o ID do aplicativo e o segredo do aplicativo e cole-o nos campos fornecidos no módulo.

opencart-one-page-checkout-extension-admin-interface-copy-app-id-secret

3.2.2 Como configurar o Login do Google

Siga as etapas abaixo para obter o ID do cliente e o segredo do cliente. 1. Acesse o link ” https://console.developers.google.com/project “. 2. Clique na opção suspensa destacada no botão “2” e depois clique em “Criar um projeto”.

opencart-one-page-checkout-extension-admin-interface-google-login-create-project

3. Digite o nome do projeto desejado e clique em “Criar”.

20
4. Acesse o API Manager, clique em Create Credentials e selecione a opção OAuth client ID.

opencart-one-page-checkout-extension-admin-interface-google-login-create-credentials

5. Clique no botão “Configurar tela de consentimento”.

opencart-one-page-checkout-extension-admin-interface-configure-consent-screen

6. Digite “Id do e-mail”, “Nome do produto” e clique no botão “Salvar”.

23
7. Selecione “Aplicativo da Web”, digite “Nome”, “URIs redirecionados autorizados” conforme mencionado abaixo e clique no botão “Criar”,

24
Use o seguinte URL de redirecionamento https://your_store_url/index.php?route=supercheckout/supercheckout 8. Copie o ID do cliente e o segredo do cliente.

Copie o ID do cliente e o segredo do cliente.

9. Cole a ID do cliente e o segredo do cliente no campo de texto mostrado abaixo no painel de administração do módulo de checkout de uma página Prestashop.prestashop-one-page-checkout-modules-admin-panel

Como gerar a chave de API do Google:

1) Vá para API Manager, clique no menu à esquerda, clique em API & Services e, em seguida, clique em Credentials.

google-api-key-api-manager

2) Clique em Criar credenciais e selecione a chave API.

crie-credenciais-então-selecione-a-chave-api

3) Copie a chave API e insira-a no campo Google App Id da página de login do módulo admin end

google-app-id-field-of-the-admin

3.3 Endereço de Pagamento

opencart-one-page-checkout-extension-admin-interface-payment-address

O OpenCart One Page Checkout permite que você mostre ou oculte qualquer campo para o endereço de pagamento. Os campos podem ser habilitados ou desabilitados separadamente para clientes logados e desconectados. Você pode marcar qualquer campo como obrigatório, diferentemente para clientes logados e desconectados da loja. Além disso, você pode reordenar os campos de endereço usando uma simples ação de arrastar e soltar.

3.4 Endereço de entrega

opencart-one-page-checkout-extension-admin-interface-shipping-address

 

O módulo pop-up de checkout responsivo do OpenCart permite que você mostre ou oculte qualquer campo para o endereço de entrega. Os campos podem ser habilitados ou desabilitados separadamente para clientes logados e desconectados. Usando o OpenCart One Page Advanced Checkout, você pode marcar qualquer campo como obrigatório, diferentemente para clientes logados e desconectados da loja. Além disso, você pode reordenar os campos de endereço usando uma simples ação de arrastar e soltar. Observação: para incluir e mostrar mais campos personalizados no endereço de pagamento, endereço de entrega, seção de carrinho ou seção de conta do checkout, você pode consultar a seção 3.10

3.5 Método de Envio

opencart-one-page-checkout-extension-admin-interface-shipping-métodos

  • Exibir métodos de envio: Esta opção mostrará/ocultará a lista completa de métodos de envio fornecidos na página de checkout avançado.
  • Estilo de exibição: Com esta opção, você pode selecionar o estilo de exibição dos métodos de envio. Pode ser apenas a imagem do logotipo, apenas o texto ou ambos.
  • Exibir título do método de envio: Esta opção ativará ou desativará o título para o método de envio específico.
  • Selecione o método de envio padrão: Com esta opção, você pode selecionar qualquer método de envio como método padrão.
  • Função:
    Esta opção define o título desejado para o método de envio.
  • Logo: Esta opção define a imagem do logotipo para o método de envio.

Da mesma forma, você pode modificar o título e a imagem do logotipo para todos os métodos de envio usando este módulo de check-out avançado de uma página do OpenCart.

3.6 Ship2Pay

opencart-one-page-checkout-extension-admin-interface-ship-2-pay

Método de pagamento 3.7

opencart-one-page-checkout-extension-admin-interface-payment-methods

  • Exibir métodos de pagamento: Esta opção mostrará/ocultará a lista completa de métodos de pagamento fornecida na página de checkout avançado.
  • Estilo de exibição: Com esta opção, você pode selecionar o estilo de exibição dos métodos de pagamento. Pode ser apenas a imagem do logotipo, apenas o texto ou ambos.
  • Selecione o método de pagamento padrão: Com esta opção, você pode selecionar qualquer método de pagamento como método padrão.
  • Função:
    Esta opção define o título desejado para a forma de pagamento.
  • Logo: Esta opção define a imagem do logotipo para o método de pagamento.

Da mesma forma, você pode modificar o título e a imagem do logotipo para todos os métodos de pagamento com a ajuda de uma página supercheckout.

3.8 carrinho

Nesta seção do OpenCart One Page Supercheckout, você pode personalizar o carrinho e exibi-lo da maneira que desejar em sua loja. O tamanho da imagem dos itens do carrinho pode ser facilmente modificado definindo a altura e a largura da imagem.

opencart-one-page-checkout-extension-admin-interface-cart

  • Tamanho da imagem do produto: Esta opção permite que você defina o tamanho da imagem para os produtos mostrados na seção de carrinho do checkout de uma página. Além disso, você pode mostrar ou ocultar os vários campos do carrinho para fazer login e logout dos clientes da loja. Campos como “Concordo com as condições”. Além disso, solicite comentários marcados como opcionais ou opcionais de acordo com os requisitos do seu site.

Boletim 3.9

opencart-one-page-checkout-extension-admin-interface-newsletter

  • Habilitar MailChimp: Esta opção do supercheckout de uma página do Opencart permite ativar ou desativar a funcionalidade de Integração MailChimp para sua loja.
  • Chave da API do MailChimp: Com esta opção, você pode definir a chave API MailChimp que conectará seu site à conta MailChimp do vendedor.
  • Lista MailChimp: Usando esta opção, você pode buscar e selecionar a lista específica conectada à conta MailChimp.

3.9.1 Como configurar o MailChimp

  1. Faça login na sua conta do Mail Chimp.
  2. Clique na guia do canto direito > Escolha Perfil > Extras > Chaves de API.
  3. Aqui, o administrador pode criar uma chave de API clicando no botão “Criar uma chave”.
  4. Copie a chave de API.
  5. O administrador também pode criar uma lista diferente para cada cliente de login social clicando em “Lista” na barra de menu superior.
  6. Agora cole a chave de API na seção Chave de API do chimpanzé de correio fornecido e clique no botão “Obter lista”.
  7. Selecione a lista no menu suspenso.

3.10 Como adicionar editar ou excluir campos personalizados na página do Supercheckout

Para adicionar campos personalizados a qualquer seção do One Page Checkout, você pode ir para a opção “Campos personalizados” na guia “Clientes” na seção do lado esquerdo da interface administrativa.

opencart-one-page-checkout-extension-admin-interface-add-edit-delete-custom-fields

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 *