Extensão avançada de checkout do OpenCart One Page – Manual do usuário

1.0 Introdução

Todos os usuários on-line 1 fora 10 é obrigado a abandonar seu carrinho apenas por causa do checkout longo e complicado. Você pode otimizar o checkout do seu site para um interessante, incorporando a Extensão de Checkout Avançado do OpenCart One Page da Knowband. O módulo popup de check-out responsivo do OpenCart transforma todo o processo de checkout em um único popup baseado em ajax que é acionado na tela quando o cliente opta por comprar um produto da loja. Este One Page Checkout para OpenCart reduz o abandono de carrinho, oferecendo todo o processo de compra em um único popup, sem carregar a próxima página.

Recursos do 1.1 do Checkout de uma página para o OpenCart

Incorporar o One Page Checkout para a loja OpenCart não é grande coisa, pois oferece personalização simples, sem envolver quaisquer habilidades técnicas ou modificações de código existentes. Assim, permita rapidamente que seus clientes comprem o produto através de um único popup, dando-lhes um check-out mais rápido e menos experiência de interrupção. Abaixo estão listados os destaques marcantes desta extensão do OpenCart One Page Checkout. 1. O módulo OpenCart One Page Checkout exibe o total de campos de checkout na forma de um popup de checkout baseado em ajax responsivo no frontend do website sem redirecionar para outra URL. 2. Este One Page Checkout para OpenCart fornece uma maneira perfeita para impulsionar as assinaturas de newsletter para o negócio on-line. 3. O pop-up de check-out responsivo incorporado usando o módulo de check-out 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 convidados do pop-up de check-out responsivo do OpenCart registra automaticamente o cliente no site e envia a senha de login em seu e-mail. 5. Você tem a flexibilidade de habilitar ou desabilitar a funcionalidade de check-out de hóspedes do módulo OpenCart One Page Checkout. 6. Usando esta extensão de checkout do OpenCart Single Page, você pode adicionar código CSS à página de checkout avançada. 7. O módulo de checkout de página única do OpenCart oferece o 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 check-out simplificado do OpenCart, ofereça aos clientes o benefício de opções de login social, como o Google e o 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 os clientes logados e convidados da loja. 10. Os campos de endereço personalizados podem ser marcados como obrigatórios ou opcionais com a ajuda deste módulo OpenCart One Page Supercheckout. 11. Usando o site One Page Checkout para OpenCart, você pode fornecer vários métodos de envio e pagamento aos clientes, que podem ser configurados a partir do back-end. 12. O módulo pop-up de check-out responsivo do OpenCart facilita a configuração de uma imagem e título de logotipo desejados para cada um dos métodos de pagamento e envio exibidos na página do supercheckout. 13. O recurso ship2pay da extensão de checkout rápido do OpenCart seleciona automaticamente a forma de pagamento correspondente a cada método de envio selecionado pelo cliente. 14. A extensão popup de check-out responsivo do OpenCart oferece um carrinho configurável cujos campos podem ser corrigidos de acordo com as necessidades do negócio. 15. O módulo OpenCart One Page Checkout é compatível com vários armazenamentos e multilíngües. 16. A extensão de checkout rápido do OpenCart oferece um layout responsivo para dispositivos móveis aos clientes. 17. O recurso MailChimp Integrator da verificação de página única do OpenCart sincroniza automaticamente os dados do cliente com a conta MailChimp conectada do vendedor.

1.2 Interface Frontal do OpenCart Responsive Checkout Popup Module

Quando o usuário clica no botão “Adicionar ao carrinho” correspondente a um produto, ele verá o seguinte controle deslizante de verificação responsiva em sua tela.

Seção de resumo do carrinho de

screenshot-opencartdemo-knowband-com-2019-07-26-11_08_51-1

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

screenshot-opencartdemo-knowband-com-2019-07-26-11_11_11

Seção de endereço de cobrança e envio

screenshot-opencartdemo-knowband-com-2019-07-26-11_13_21

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

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

screenshot-opencartdemo-knowband-com-2019-07-26-11_21_19

2.0 Guia de Instalação da Extensão de Checkout Avançado do OpenCart One Page

Antes de iniciar o processo de instalação, você precisa comprar o módulo OpenCart One Page Checkout da loja Knowband. Uma vez comprado, você receberá os seguintes arquivos em seu e-mail cadastrado.

  • Código-fonte do OpenCart One Page Extensão Avançada de Checkout no formato de arquivo zipado.
  • Manual do usuário do OpenCart One Page Checkout.

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

OpenCart One Page Advanced Checkout
2. Copie todas as pastas do arquivo zip no diretório raiz da configuração OpenCart via gerenciador de FTP. Portanto, o OpenCart One Page Advanced Checkout agora está instalado com sucesso e está pronto para ser usado em sua loja. Vá para o menu admin e clique nas extensões e, assim, clique no botão configure ao lado de One Page Advanced Checkout.

3.0 Admin Interface do OpenCart Responsive Checkout Popup

Logo após a instalação bem-sucedida do site One Page Checkout para OpenCart, você pode configurar os campos de formulário de checkout de acordo com seus requisitos. Você precisa navegar pelas configurações na seguinte ordem: Painel Administrativo> Extensões> Módulos> Checkout Avançado de Uma Página

2

3

A interface de administração simples e fácil de usar do OpenCart é dividida em nove seções, a saber: 1.General Settings 2.Login Settings 3.Payment Address 4.Shipping Endereço 5.Shipping Method 6.Ship2Pay 7.Payment Método 8.Cart 9. Boletim de Notícias

Configurações gerais do 3.1

4

  • Habilitar desabilitar: Esta opção permite ativar ou desativar a funcionalidade completa do site One Page Checkout para Opencart. Se desativado, o checkout padrão do Opencart é mostrado para os 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 verificar a opção de boletim informativo, ele assinará as atualizações do site (boletim informativo).
  • Registrar convidado automaticamente: Você pode habilitar o registro automático para seus clientes convidados (usuários que realizam o checkout do hóspede). Essa opção enviará automaticamente uma senha ao cliente para uso posterior da conta.
  • Registar Conta: Ao ativar essa opção, você pode fornecer campos de senha na verificação de página única, onde o usuário pode inserir sua própria senha para registrar.
  • Exibir convidado: Esta opção mostrará ou ocultará a opção guest na seção de login do checkout. Usando essa opção, os usuários podem realizar a verificação de seus itens para os convidados.
  • Adicionar estilo personalizado: Essa opção permite que você inclua um estilo personalizado adicional (código CSS), exibido na frente do site.
  • Modo de teste: Você pode ativar essa opção para testar a funcionalidade do módulo de verificação de uma página antes de torná-la ativa 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.

Configurações de login do 3.2

5

  • Ativar login no Facebook: Esta opção irá ativar ou desativar a opção de login do Facebook exibida na frente do formulário de checkout de uma página.
  • Facebook App ID: Esta opção permite que você defina o ID do aplicativo do Facebook necessário para se conectar à conta do Facebook.
  • Segredo do aplicativo do Facebook: Esta opção irá definir a chave secreta do aplicativo do Facebook. Nota: Você pode obter o ID do aplicativo do Facebook e a chave secreta em https://developers.facebook.com/, que foi 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 no formulário de finalização de compra de uma página.
  • ID do aplicativo do Google: Essa opção permite que você defina o ID do aplicativo do Google necessário para se conectar à conta do Google.
  • ID do cliente do Google: Esta opção permite que você defina o ID do cliente do Google.
  • Googleeste

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, que foi 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: – Etapa 1: Acesse a URL fornecida: https://developers.facebook.com/apps/ Etapa 2: clique no botão “Adicionar um novo aplicativo”. Etapa 3 & 4: insira o nome do aplicativo e o ID de e-mail e clique no botão “Criar ID do aplicativo”.

6
Passo 5 & 6: Depois de clicar em Criar ID do aplicativo, você terá que passar por uma verificação de segurança, conforme mostrado:

7

Passo 7: Clique na aba “Configuração”.

8

Passo 8-13: Duas opções estarão disponíveis no menu suspenso, Básico e Avançado, clique em “Básico”. Em seguida, insira seu “Domínio App”, “E-mail de contato”, “URL de privacidade”, “URL dos Termos e Condições”, “Adicionar logotipo”, “Selecionar categoria” e clique no botão “Salvar alterações”. Domínios do aplicativo: yourdomain.com está correto yourdomain.com/store está incorreto www.domain.com está incorreto

9

Passo 14: Agora clique em “+ Adicionar Plataforma”.

10
Etapa 15: selecione o site como plataforma

11
Etapa 16: agora digite o URL do seu site.

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

13
Etapa 19: selecione web como a plataforma do aplicativo.

14
Passo 20: Agora clique em salvar.

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

16
Etapa 23 & 24: clique em “Revisão de aplicativo”. E marque “Tornar ‘o nome do seu aplicativo’ Público” para Sim.

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

18

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.Go link “https://console.developers.google.com/project”. 2. Clique na opção drop-down destacada no botão “2” e depois clique em “Criar um projeto”.

19

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

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

21

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

22

6. Digite “Email Id”, “Product Name” e clique no botão “Salvar”.

23
7. Selecione “Web application”, entre com “Name”, “Authorized Redirected URIs” como mencionado abaixo e clique no botão “Create”,

24
Use a seguinte URL de redirecionamento: http: //your_store_url/index.php? Fc = module & module = supercheckout & controller = supercheckout & login_type = google 8. Copie o ID do cliente e o segredo do cliente.

25

9. Cole o ID do cliente e o Segredo do cliente no campo de texto mostrado abaixo no painel de administração do módulo de check-out de uma página do Prestashop.

26

Endereço de pagamento 3.3

27

O OpenCart One Page Checkout permite que você mostre ou oculte qualquer campo para o endereço de pagamento. Os campos podem ser ativados ou desativados separadamente para clientes conectados e desconectados. Você pode marcar qualquer campo conforme necessário, diferentemente para clientes conectados e desconectados da loja. Além disso, você pode reordenar os campos de endereço usando a ação simples de arrastar e soltar.

Endereço de envio 3.4

28

O módulo popup de check-out responsivo do OpenCart permite que você mostre ou oculte qualquer campo para o endereço de entrega. Os campos podem ser ativados ou desativados separadamente para clientes conectados e desconectados. Usando o OpenCart One Page Advanced Checkout, você pode marcar qualquer campo conforme necessário, diferentemente para os clientes logados e desconectados da loja. Além disso, você pode reordenar os campos de endereço usando a ação simples de arrastar e soltar. Observação: para incluir e mostrar mais campos personalizados em Endereço de pagamento, Endereço de entrega, seção de carrinho ou seção de conta de checkout, você pode consultar a seção 3.10

Método de envio 3.5

29

  • Exibir métodos de envio: Esta opção mostrará / ocultará a lista completa dos métodos de envio fornecidos na página de checkout avançada.
  • Estilo de exibição: Com essa opção, você pode selecionar o estilo de exibição para os métodos de envio. Pode ser apenas imagem do logotipo, apenas texto ou ambos.
  • Mostrar 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 essa opção, você pode selecionar qualquer método de envio como o método padrão.
  • Título: 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 de todos os métodos de envio usando este

3.6 Ship2Pay

30

Método de pagamento 3.7

31

  • Exibir formas de pagamento: Esta opção mostrará / ocultará a lista completa dos métodos de pagamento fornecidos na página de checkout avançada.
  • Estilo de exibição: Com essa opção, você pode selecionar o estilo de exibição para as formas de pagamento. Pode ser apenas imagem do logotipo, apenas texto ou ambos.
  • Selecione o método de pagamento padrão: Com essa opção, você pode selecionar qualquer método de pagamento como o método padrão.
  • Título: Esta opção define o título desejado para o método 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 de todos os métodos de pagamento com a ajuda de

Carrinho 3.8

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

32

  • 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 da verificação de uma página. Além disso, você pode mostrar ou ocultar os vários campos do carrinho para os clientes conectados e desconectados da loja. Campos como “Concordo com as condições” e comentário de pedido podem ser marcados como opcionais ou opcionais de acordo com os requisitos do seu site.

Boletim 3.9

33

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

3.9.1 Como configurar o MailChimp

1.Login para sua conta do Mail Chimp. 2.Clique no separador do canto direito> Escolher perfil> Extras> Chaves de API. Admin 3.Here pode criar uma chave de API, clique no botão “Criar uma chave”. 4.Copie a chave da API. 5.Admin também pode fazer lista diferente para cada cliente de login social, clique em “Lista” na barra de menu superior. 6.Now Cole a chave da API na seção Chave da API do chimp 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 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 lateral esquerda da interface de administração.

34


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 *