PrestaShop Smart One Page Checkout Addon – Manual do Usuário

1.0 Introdução

Agora torne o processo geral de checkout fácil e rápido, implementando o checkout de uma página. Knowband oferece Prestashop Smart One Checkout de página adicional que substitui o processo de pagamento padrão pelo pagamento antecipado de uma página. O comerciante on-line pode tornar o processo geral fácil e conveniente para os usuários on-line

Os compradores on-line podem visualizar um pop-up de checkout de uma página ao mesmo tempo quando clicam no botão "Adicionar ao carrinho". O complemento de checkout simplificado Prestashop torna o processo de checkout muito simples e eficaz para usuários online. Não é necessário seguir o longo processo de checkout enquanto faz compras on-line. O administrador da loja pode ativar o modo de teste antes de implementá-lo. O administrador pode definir a aparência dos botões de pagamento. Ao simplificar o processo de pagamento, o comerciante on-line pode aumentar as vendas e os lucros.

1.1 Recursos oferecidos pelo PrestaShop Smart One Page Checkout Addon

  • Os usuários on-line podem visualizar o pop-up de checkout ao mesmo tempo em que clicam no botão "Adicionar ao carrinho" na página do produto. Este módulo oferece pop-up baseado em AJAX.
  • O comerciante on-line pode permitir que visitantes e clientes registrados façam checkout com facilidade.
  • O administrador pode ativar o modo de teste e verificá-lo antes de implementá-lo.
  • O administrador pode adicionar endereços IP específicos, se ele não quiser oferecer uma saída inteligente de uma página a todos os clientes.
  • O complemento de pagamento em uma página do Prestashop Smart permite que o comerciante on-line defina a aparência do botão de pagamento. O administrador pode visualizar facilmente a cor do botão na interface do administrador. O comerciante online também pode inserir códigos CSS e JS personalizados.
  • O administrador pode oferecer login no Facebook e opção de login do Google na página de checkout. Na interface do administrador, o administrador pode obter as etapas de configuração do aplicativo Google e Facebook.
  • O administrador pode configurar os sites integradores de email Klaviyo, MailChimp e Sendinblue e salvar os detalhes de identificação de email dos assinantes.
  • Este complemento de checkout rápido do Prestashop oferece funcionalidade de preenchimento automático de endereço.
  • O administrador pode selecionar os métodos de pagamento e entrega disponíveis com facilidade na interface administrativa deste checkout avançado de uma página do Prestashop.
  • O administrador também pode ocultar os métodos de pagamento dos métodos de envio.
  • O administrador também pode verificar o consentimento do cliente digitando o ID de e-mail / número de referência do pedido.
  • O complemento Prestashop Smart One Page Checkout oferece conformidade com GDPR.
  • O complemento Prestashop Smart One Page Checkout é compatível com vários idiomas, compatível com várias lojas e oferece bom funcionamento.

Instalação 2.0

Primeiro, adquira o complemento Prestashop Smart One Page Checkout e faça o download do arquivo zip na seção Downloads da sua conta Knowband.

Você receberá o smartonepagecheckout.zip (código fonte do módulo) e o Manual do Usuário após o download do arquivo zip. Para instalar o módulo na loja, siga as etapas abaixo mencionadas: 1) Descompacte o arquivo smartonepagecheckout.zip. 2) Copie todo o conteúdo, ou seja, os arquivos e pastas da pasta descompactada. Cole o mesmo na pasta "Módulos" do diretório da sua loja. Siga o caminho do endereço abaixo mencionado

Configurações de administrador do 3.0

O administrador da loja online pode aplicar facilmente as configurações da interface do administrador e implementar a funcionalidade inteligente de checkout de uma página. Estas são as opções de configuração, como mostrado abaixo:

  • Configurações gerais
  • Customizer
  • Conecte-se
  • E-mail Marketing
  • Endereços
  • Método de pagamento
  • Método de Entrega
  • Ship2pay
  • Os campos personalizados
  • carrinho
  • consentimento do cliente
  • Configurações GDPR

Configurações gerais do 3.1

Nas configurações gerais, o comerciante on-line pode aplicar essas configurações conforme descrito abaixo:

Prestashop Smart One Checkout de página adicional

  • Habilitar desabilitar:?Activate or deactivate the module functionality.
  • Ativar check-out de convidado:Ative a opção de check-out de convidado alternando o botão.
  • Registrar Visitante: Permitir opção de registro de convidado.
  • Endereço de entrega do carrinho virtual:Habilite esta opção para mostrar o endereço de entrega. Ao desativar esta opção, ele mostrará o endereço da fatura e ocultará o endereço de entrega dos produtos virtuais.
  • Opção de entrega no checkout:?Admin can select guests or register as a default option at the checkout page.
  • Modo de teste:Habilite a opção se desejar testar o módulo antes da implementação.
  • Adicionar endereço IP:?Enter the IP addresses if you want to show smart one-page checkout on specific IP addresses. Separate every IP address with a comma.

NÃO personalize

Nas configurações do Personalizador, o administrador pode definir a aparência do botão inteligente de checkout de uma página e também aplicar configurações avançadas de aparência, como mostrado abaixo:

Prestashop Smart One Checkout de página adicional

  • Cor do plano de fundo do botão:Defina a cor de fundo do botão.
  • Cor da borda do botão:Defina a cor da borda do botão na interface do administrador.
  • Botão Cor do texto:?Set the button text color from here.
  • Cor da parte inferior da borda do botão:Defina o botão da borda inferior aqui.
  • Nome do produto Cor:Aqui, defina a cor do nome do produto.
  • CSS customizado:Digite o código CSS personalizado para as configurações avançadas de aparência e funcionalidade.
  • JS personalizado:?Enter JS codes for more appearance settings.

Login 3.3

Nas configurações de login, o administrador pode oferecer opções de login social para usuários online, como as opções de login do Facebook e do Google:

Prestashop Smart One Checkout de página adicional

  • Mostrar pop-up: Se essa configuração estiver ativada, a Página de login do Facebook ou do Google será aberta em um pop-up depois de clicar nas opções de login.
  • Ativar login no Facebook:?Enable this option for showing the Facebook login button.
  • ID do aplicativo do Facebook:?Admin can check the configure steps for Facebook app ID generation and enter the Facebook app id here. Visit 3.3.1 Seção para obter etapas para gerar o ID do aplicativo do Facebook e o segredo do aplicativo.
  • Segredo do aplicativo do Facebook:?Here, Enter Facebook App Secret.
  • Ativar login do Google:?Activate if you want to show Google login option on the checkout page.
  • ID do cliente do Google:?Admin can check the steps to configure Google App and enter Google client Id here.
  • Segredo do aplicativo do Google:Digite o segredo do aplicativo do Google aqui. Visita 3.3.2 Seção para obter etapas para gerar o ID do aplicativo e o ID do cliente do Google.

3.3.1 Como configurar o Login do Facebook

Para gerar o ID do aplicativo do Facebook e o segredo do aplicativo, siga estas etapas: –

Clique neste URL: https://developers.facebook.com/apps/

Clique no "Adicionar um novo aplicativo"Botão.

Etapa 3 e 4: Digite o nome do seu aplicativo e o ID do e-mail e clique no botão "Criar ID do aplicativo"Botão.

ID e segredo do aplicativo do Facebook

Depois de concluir a verificação de segurança, você pode criar com êxito o ID do aplicativo.

Agora clique no botão "Configuração"e selecione a opção de configuração de login do Facebook.

ID e segredo do aplicativo do Facebook

Depois disso, clique nas configurações na opção de login do Facebook.

ID e segredo do aplicativo do Facebook

No "URL de redirecionamento válido do OAuth", insira o URL fornecido abaixo:

ID e segredo do aplicativo do Facebook
https://psm.knowband.com/smartonepagecheckout/17/index.php?fc=module&module=kbstepcheckout&controller=kbstepcheckout&login_type=fb

Save these changes.

Agora, na seção de configurações, haverá duas opções disponíveis na lista suspensa, Básica e Avançada. Você precisa clicar em "básico"configurações e clique no botão"+ Adicionar plataforma"Botão.

ID e segredo do aplicativo do Facebook

Agora selecione o site como sua plataforma.

ID e segredo do aplicativo do Facebook

Nas configurações básicas, insira estes detalhes: Na etapa 8, insira Domínio do aplicativo: psm.knowband.com

ID e segredo do aplicativo do Facebook

Para a Etapa 9, use o URL do site: https://psm.knowband.com/smartonepagecheckout/17/ Depois disso, salve as alterações.

Etapa 11 e 12: Vá para o painel e ative a opção de tornar o aplicativo público:

ID e segredo do aplicativo do Facebook

Selecione a categoria e clique no botão Confirmar.

ID e segredo do aplicativo do Facebook

Copie o ID do aplicativo e o Segredo do aplicativo aqui:

ID e segredo do aplicativo do Facebook

Etapa 17, 18: Digite o ID do aplicativo e o segredo do aplicativo nos campos fornecidos no módulo.

ID e segredo do aplicativo do Facebook

3.3.2 Como configurar o login do Google

Siga as etapas abaixo para obter um ID e um segredo do cliente.

Vá para o link " https://console.developers.google.com/project “.

Clique no "Criar um projeto"opção.

picture13

Selecione o país e verifique se concorda com os termos e condições. Depois disso, clique no botão continuar.

picture14

Etapa 4, 5: Digite o nome do projeto desejado e clique no botão "Create"opção.

picture15

Etapa 6,7 e 8: Vá para o API Manager, clique em Criar credenciais e selecione a opção ID do cliente OAuth.

picture16

Clique no "Configurar tela de consentimento"Botão.

picture17

Etapa 10, 11: Entrar "Identificação do email","Nome do Produto"e depois clique em"Salvar"Botão.

picture18

Etapa 12,13 e 14,15: Selecione "Aplicativo da Web", Entrar "Nome “”URIs redirecionados autorizados"como mencionado abaixo e clique em"Create"Botão.

picture19

Use origens javascript autorizadas: https://psm.knowband.com/smartonepagecheckout/17/ Use URL de redirecionamento autorizado: https://psm.knowband.com/smartonepagecheckout/17/index.php?fc=module&module=kbstepcheckout&controller=kbstepcheckout&login_type Google

Etapa 16, 17, 18: Copie o ID do cliente e o segredo do cliente.

picture20

Etapa 18, 19: Cole o ID do cliente e o segredo do cliente no campo de texto mostrado abaixo:

picture21

3.4 Email Marketing

O comerciante on-line pode configurar os sites integradores de email Klaviyo, MailChimp e Sendinblue e salvar os detalhes de identificação de email dos assinantes. O administrador da loja pode salvar os detalhes da ID de e-mail do usuário facilmente.

Prestashop Smart One Checkout de página adicional

  • Habilite o MailChimp:Ative esta opção para salvar os detalhes da identificação de email no MailChimp.
  • Chave da API do MailChimp: Digite a chave da API aqui.
  • Lista do MailChimp:?Choose the list in which you want to save the email id details.
  • Ative o SendinBlue:O comerciante online também pode configurar o Sendinblue.
  • Chave da API SendinBlue:Digite a chave da API SendinBlue aqui.
  • Lista azul:?Select the list from available options.
  • Ative o Klaviyo:Ative a opção Klaviyo para salvar o ID do email.
  • Chave da API do Klaviyo:O comerciante on-line pode inserir a chave da API do Klaviyo aqui.
  • Lista Klaviyo:?Select the list from here.

3.5 Endereços

Nas configurações de endereço, o administrador pode configurar as opções de preenchimento automático de endereço, como mostrado abaixo:

Prestashop Smart One Checkout de página adicional

  • Validações em linha:?Admin can activate or deactivate inline validators.
  • Ativar país de detecção automática:?Activate country auto-detect functionality.
  • Ativar preenchimento automático de endereço do Google:Ative para abordar automaticamente a funcionalidade de preenchimento.
  • Chave da API do Google:O administrador pode verificar as etapas para configurar a chave da API do Google e inseri-la aqui.

O administrador também pode exibir detalhes do campo de clientes convidados e registrados:

Pontos importantes:

  • Para exibir / ocultar um campo na página de checkout de uma página do Prestashop Smart, marque a caixa de seleção à esquerda do rótulo Mostrar.
  • Para tornar um campo deste complemento de checkout Prestashop de checkout inteligente como obrigatório (campo obrigatório), marque a caixa de seleção à esquerda de Exigir etiqueta.
  • Os campos da Prestashop Smart One Page Checkout Extension também podem ser reorganizados de acordo com o requisito. Para reorganizar, mantenha pressionada a tecla Arrastar para classificar e arraste e solte o campo verticalmente, sempre que necessário.
  • Ao salvar, os campos serão reorganizados conforme as alterações.

Complemento de checkout rápido do Prestashop

3.6 Método de pagamento

Na seção forma de pagamento, o administrador pode definir as condições relacionadas à forma de pagamento, conforme mostrado abaixo:

Complemento de checkout rápido do Prestashop

  • Métodos de exibição: Para ativar / desativar os métodos de pagamento na página de checkout inteligente, alterne o botão de ON para OFF ou vice-versa. Isso desativará o bloqueio da forma de pagamento na página de checkout. Por padrão, esta opção do
  • O complemento de pagamento do Prestashop Smart será ativado.
  • Estilo de exibição: Existem 3 opções neste campo do Prestashop Smart One Step Checkout Addon para exibir como seus métodos de pagamento serão exibidos na página de checkout.
  • Método padrão selecionado: Escolha o método de pagamento padrão na lista que será exibida conforme selecionado no momento, quando o cliente entrar na página de checkout.

O administrador pode alterar o logotipo e o título dos métodos de pagamento disponíveis.

3.7 Método de entrega

Nesta seção do complemento de checkout rápido do Prestashop, o administrador pode aplicar as configurações relacionadas aos métodos de entrega:

Complemento de checkout rápido do Prestashop

  • Métodos de exibição: Para ativar / desativar os métodos de entrega na página de checkout, mude o botão de ON para OFF ou vice-versa. Isso desativará o bloqueio do método de entrega na página de checkout. Por padrão, isso será ativado.
  • Estilo de exibição:Existem 3 opções neste campo do complemento de checkout rápido Prestashop para exibir como seus métodos de entrega serão exibidos na página de checkout.
  • Método padrão selecionado: Escolha o método de entrega padrão na lista disponível, que será exibida conforme selecionada no momento, quando o cliente entrar na página de checkout.

O administrador pode alterar o logotipo e o título dos métodos de pagamento disponíveis.

3.8 Ship2pay

A partir daqui, o administrador pode ocultar os métodos de pagamento para todos os métodos de envio disponíveis. O administrador só precisa clicar no método de pagamento para exibi-lo ou ocultá-lo.

Complemento de checkout rápido do Prestashop

Campos personalizados 3.9

O administrador também pode criar campos personalizados conforme os requisitos. Na seção Campos personalizados, o administrador pode visualizar a lista de todos os campos personalizados criados. O administrador pode editar, excluir e criar novos campos personalizados com facilidade.

Complemento de checkout rápido PrestashopComo criar novos campos personalizados:

Para adicionar um novo campo personalizado, o administrador precisa clicar no botão "+" e inserir esses detalhes, como mostrado abaixo:

Complemento de checkout rápido Prestashop

  • Legenda do campo:Digite o rótulo para o novo campo personalizado.
  • Texto de ajuda:Digite o texto de ajuda para este novo campo personalizado.
  • Tipo:Selecione o tipo de campo de entrada personalizado, como caixa de texto, caixa de seleção, área de texto, botão de opção, caixas de seleção e data.
  • Posição:Selecione a posição em que deseja mostrar este campo personalizado.
  • Valor padrão:?For select box, radio or checkboxes admin needs to set value. By default, this value will be n.
  • Tipo de validação:Defina o tipo de validação a partir das opções disponíveis, como int, URL, nome, email e data.
  • Requeridos:?Make this field as a required field.
  • Ativo:Ative o campo ativando esta opção.

O administrador pode clicar no botão bin para excluir os campos personalizados e clicar no botão editar para alterar as configurações do campo personalizado.

Carrinho 3.10

O administrador pode ativar a opção "Exibir carrinho" para mostrar o carrinho. O administrador pode selecionar os campos que ele deseja mostrar ao convidado e logar nos clientes.

Complemento de checkout rápido Prestashop

3.11 Consentimento do cliente

Digite o número de referência do pedido ou o ID de e-mail do cliente na seção de filtro de consentimento do cliente.

Complemento de checkout rápido Prestashop

Configurações 3.12 GDPR

Ativando Excluir do Email Marketing Services on Request: Ative ou desative as configurações conforme os requisitos. Ao ativar a opção, o administrador pode excluir os detalhes do cliente dos serviços de marketing por email, mediante solicitação.

Complemento de checkout rápido PrestashopO administrador pode visualizar uma lista de políticas e também adicionar novas políticas GDPR, excluir e editar qualquer política.

GDPR

  • Etiqueta da política de privacidade:?Admin can set the label for privacy policy in different languages.
  • URL da página para vincular o rótulo:?Admin can select the page to link the label.
  • Requeridos:Torne esta política obrigatória.
  • Ativo:?Enable the option for activating this privacy policy.

Interface 4.0 Front-end

Após uma configuração bem-sucedida, o administrador pode oferecer uma opção de pagamento simples e sem complicações. Os usuários on-line receberão pop-up inteligente de check-out de uma página assim que clicarem em "opção de adicionar ao carrinho". Verifique a captura de tela abaixo para obter mais detalhes:

Complemento de checkout rápido Prestashop

Depois disso, os usuários on-line precisam clicar em "continuar com a finalização da compra" para mais processos.

Complemento de checkout rápido Prestashop

Aqui, os usuários on-line precisam selecionar um endereço de entrega ou adicionar um novo endereço.

Complemento de checkout rápido Prestashop

Depois disso, os usuários online podem selecionar o método de envio e o método de pagamento. Depois disso, eles podem confirmar o pedido facilmente.

Checkout avançado de uma página do Prestashop

Usuários on-line podem verificar o resumo do pedido nesta página facilmente.



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 *