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:

• 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:

• 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:

• 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.

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.

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

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

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.

– Agora selecione o site como sua plataforma.

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

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:

– Selecione a categoria e clique no botão Confirmar.

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

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

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.

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

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

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

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

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

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

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.

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

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.

• 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:

• 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.

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:

• 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:

• 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.

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.

Como criar novos campos personalizados:

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

• 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.

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.

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.

O administrador pode visualizar uma lista de políticas e também adicionar novas políticas GDPR, excluir e editar qualquer política.

• 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:

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

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

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.

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