Extensión de pago avanzado OpenCart One Page – Manual del usuario

 

1.0 Introducción

Cada 1 de cada 10 usuarios en línea se ven obligados a abandonar su carrito solo por el proceso de pago largo y complicado. Además, puede optimizar el pago de su sitio a uno interesante incorporando la extensión de pago avanzado OpenCart One Page de Knowband. De hecho, el módulo emergente de pago receptivo de OpenCart convierte todo el proceso de pago en una sola ventana emergente basada en ajax. Además, que se activa en la pantalla cuando el cliente opta por comprar un producto de la tienda. Por lo tanto, One Page Checkout para OpenCart reduce el abandono del carrito al ofrecer todo el proceso de compra en una sola ventana emergente, sin cargar la página siguiente.

1.1 Características de One Page Checkout para OpenCart

La incorporación de One Page Checkout para la tienda OpenCart no es gran cosa, ya que ofrece una personalización simple sin involucrar ninguna habilidad técnica o modificaciones de código existentes. Por lo tanto, permita que sus clientes compren el producto rápidamente a través de una sola ventana emergente, brindándoles un pago más rápido. Además, una experiencia menos interrumpida. Por lo tanto, a continuación se enumeran los aspectos más destacados de esta extensión OpenCart One Page Checkout. 1. El módulo OpenCart One Page Checkout muestra los campos de pago totales en forma de una ventana emergente de pago basada en ajax receptiva en la interfaz. Además, del sitio web sin redirigir a otra URL. 2. Este One Page Checkout para OpenCart proporciona una manera perfecta de aumentar las suscripciones a boletines para el negocio en línea. 3. La ventana emergente de pago receptiva incorporada mediante el módulo de pago simplificado de OpenCart se puede habilitar o deshabilitar fácilmente con el botón de alternancia que se encuentra en el backend. 4. La función de registro de invitados de la ventana emergente de pago receptivo de OpenCart registra automáticamente al cliente en el sitio. Además, envíeles la contraseña de inicio de sesión en su correo electrónico. 5. Tiene la flexibilidad de habilitar o deshabilitar la funcionalidad de pago de invitados del módulo OpenCart One Page Checkout. 6. Con esta extensión de pago de una sola página de OpenCart, puede agregar código CSS a la página de pago avanzado. 7. El módulo de pago de una sola página de OpenCart ofrece una función de modo de prueba que le permite probar la funcionalidad avanzada de la página de pago en una IP específica. 8. Con el módulo de pago simplificado de OpenCart, brinde a los clientes el beneficio de las opciones de inicio de sesión social. Por ejemplo, Google y Facebook en la página de pago. 9. La extensión de pago rápido de OpenCart le permite mostrar/ocultar los campos de dirección de pago y envío de manera diferente para los clientes registrados e invitados de la tienda. 10. Las marcas de campo de dirección personalizadas son necesarias u opcionales con la ayuda de este módulo OpenCart One Page Supercheckout. 11. Al usar One Page Checkout para el sitio de OpenCart, puede proporcionar múltiples métodos de envío y pago a los clientes que se pueden configurar desde el backend. 12. El módulo emergente de pago receptivo de OpenCart le facilita la configuración de una imagen de logotipo y un título deseados para cada uno de los métodos de pago y envío que se muestran en la página de superpago. 13. La función ship2pay de la extensión de pago rápido de OpenCart selecciona automáticamente el método de pago correspondiente a cada método de envío seleccionado por el cliente. 14. La extensión emergente de pago receptivo de OpenCart ofrece un carrito configurable cuyos campos se pueden corregir según las necesidades comerciales. 15. El módulo OpenCart One Page Checkout es compatible con varias tiendas y varios idiomas. 16. La extensión de pago rápido OpenCart ofrece un diseño de respuesta móvil a los clientes. 17. La función Integrador de MailChimp del pago de una sola página de OpenCart sincroniza automáticamente los datos del cliente con la cuenta de MailChimp conectada del vendedor.

1.2 Interfaz frontal del módulo emergente de pago receptivo de OpenCart

Cuando el usuario hace clic en el botón “Agregar al carrito” correspondiente a un producto, verá el siguiente control deslizante de pago receptivo en su pantalla.

Sección Resumen del carrito de OpenCart One Page Advanced Checkout

Además, al hacer clic en el botón “Pagar”, pueden ver y completar el formulario de pago avanzado completo de una sola vez, como se muestra en las imágenes a continuación:

Sección de inicio de sesión de la cuenta

Si el cliente desmarca la casilla de verificación “Enviar a la misma dirección”, verá la sección de dirección de envío como se muestra a continuación:

Sección de Métodos de Envío y Pago

2.0 Guía de instalación de OpenCart One Page Advanced Checkout Extension

Antes de comenzar el proceso de instalación, debe comprar el módulo OpenCart One Page Checkout en la tienda Knowband. Además, una vez comprado, recibirá los siguientes archivos en su correo electrónico registrado.

• Código fuente de OpenCart One Page Advanced Checkout Extension en formato de archivo comprimido.
• Manual de usuario de la extensión OpenCart One Page Checkout.

Ahora, para instalar este OpenCart Advanced Checkout en su tienda en línea, siga los pasos dados: 1. Descomprima el archivo zip. Obtendrá las carpetas como se muestra en la imagen a continuación.

2. Copie todas las carpetas del archivo zip en el directorio raíz de la configuración de OpenCart a través del administrador de FTP. Entonces, OpenCart One Page Advanced Checkout ahora está instalado correctamente. Además, está listo para usar en tu tienda. Además, vaya al menú de administración. Además, haga clic en las extensiones y, por lo tanto, haga clic en el botón Configurar junto a One Page Advanced Checkout.

Interfaz de administración 3.0 de OpenCart Responsive Checkout Popup

Justo después de la instalación exitosa de One Page Checkout para OpenCart en el sitio web, puede configurar los campos del formulario de pago según sus requisitos. Además, debe navegar por la configuración en el orden dado: Panel de administración> Extensiones> Módulos> Pago avanzado de una página

La interfaz de administración fácil de entender de la extensión de pago rápido de OpenCart se divide en nueve secciones, a saber:

1. Ajustes generales
2. Configuración de acceso
3. Dirección de Pago
4. dirección de envío
5. Método de envío
6. Ship2Pay
7. Método de Pago
8. Carrito
9. Newsletter

Configuración general de 3.1

• Habilitar deshabilitar: Esta opción le permite habilitar o deshabilitar la funcionalidad completa de One Page Checkout para el sitio web de Opencart. Si está deshabilitado, se muestra a los clientes el pago estándar de Opencart.
• Habilitar la opción de boletín: Con esta opción, puede mostrar u ocultar el cuadro de suscripción al boletín de su sitio. Si el cliente marca la opción de boletín, se suscribirá a las actualizaciones del sitio (boletín).
• Registrar invitado automáticamente: Puede habilitar el registro automático para sus clientes invitados (usuarios que realizan el pago como invitado). Esta opción enviará automáticamente una contraseña al cliente para el uso posterior de la cuenta.
• Registrar Cuenta: Al habilitar esta opción, puede proporcionar campos de contraseña en el pago de una sola página donde el usuario puede ingresar su contraseña para registrarse.
• Mostrar invitado: Esta opción mostrará u ocultará la opción de invitado en la sección de inicio de sesión de pago. Con esta opción, los usuarios pueden realizar el pago como invitado de sus artículos.
• Agregar estilo personalizado: Esta opción le permite incluir un estilo personalizado adicional (código CSS), que se muestra en la parte frontal de su sitio web.
• Modo de prueba: Puede habilitar esta opción para probar la funcionalidad del módulo de pago de una página antes de ponerlo en marcha para los clientes.
• Añadir IP: Esta opción le permite ingresar la dirección IP específica donde desea probar las funciones avanzadas de supercheckout.

3.2 Configuración de inicio de sesión

• Habilitar el inicio de sesión de Facebook: Esta opción habilitará o deshabilitará la opción de inicio de sesión de Facebook que se muestra en el frente del formulario de pago de una página.
• Identificación de la aplicación de Facebook: Esta opción le permite establecer la ID de la aplicación de Facebook requerida para conectarse con su cuenta de Facebook.
• Secreto de la aplicación de Facebook: Esta opción establecerá la clave secreta de la aplicación de Facebook. Nota: Puede obtener el ID y la clave secreta de la aplicación de Facebook en https://developers.facebook.com/, que se ha analizado en la sección 3.2.1
• Habilitar el inicio de sesión de Google: Esta opción activará o desactivará la opción de inicio de sesión de Google que se muestra en la parte frontal del formulario de pago de una página.
• Identificación de la aplicación de Google: Esta opción le permite configurar la ID de la aplicación de Google requerida para conectarse con su cuenta de Google.
• ID de cliente de Google: Esta opción le permite configurar el ID de cliente de Google.
• Al final, Secreto de la aplicación de Google:Esta opción establecerá la clave secreta de Google App.

Nota: Puede obtener la ID de la aplicación de Google, la ID del cliente y la clave secreta de https://code.google.com/apis/console, que se discutió en la sección 3.2.2

3.2.1 Cómo configurar el inicio de sesión de Facebook

La aplicación de Facebook se puede crear siguiendo los pasos mencionados a continuación: 1: Vaya a la URL dada: https://developers.facebook.com/apps/ 2: Haga clic en el botón “Agregar una nueva aplicación”. 3 y 4: Ingrese el nombre de su aplicación y la identificación de correo electrónico, luego haga clic en el botón “Crear ID de aplicación”.

5 y 6: Después de hacer clic en Crear ID de aplicación, deberá pasar por un control de seguridad como se muestra:

7: Haga clic en la pestaña “Configuración”.

8-13: Dos opciones estarán disponibles en el menú desplegable, Básico y Avanzado, haga clic en “Básico”. Y luego ingrese su “Dominio de la aplicación”, “Correo electrónico de contacto”, “URL de privacidad”, “URL de términos y condiciones”, “Agregar logotipo”, “Seleccionar categoría” y haga clic en el botón “Guardar cambios”. App Domains: yourdomain.com es correcto yourdomain.com/store es incorrecto www.domain.com es incorrecto

14: Ahora haz clic en “+Agregar plataforma”.

15: Y seleccione el sitio web como plataforma

16: Ahora ingrese la URL de su sitio.

17 y 18: Haga clic en “Productos+” y seleccione iniciar sesión en Facebook.

19: Seleccione web como plataforma para la aplicación.

20: Ahora haga clic en guardar.

21 y 22: haga clic en Configuración y agregue un URI de redirección de OAuth válido. URI de redireccionamiento OAuth válidos: https://your_store_url/index.php?route=kbstepcheckout/kbstepcheckout&fblogin=1

23 y 24: Haga clic en “Revisión de la aplicación”. Y marque “Hacer público ‘el nombre de su aplicación'” en Sí.

Paso final: copie la ID de la aplicación y el secreto de la aplicación y péguelos en los campos proporcionados en el módulo.

3.2.2 Cómo configurar el inicio de sesión de Google

Siga los pasos a continuación para obtener la identificación del cliente y el secreto del cliente. 1. Vaya al enlace ” https://console.developers.google.com/project “. 2. Haga clic en la opción desplegable resaltada en el botón “2” y luego haga clic en “Crear un proyecto”.

3. Ingrese el nombre de su proyecto deseado y haga clic en “Crear”.

4. Vaya a Administrador de API, haga clic en Crear credenciales y seleccione la opción ID de cliente de OAuth.

5. Haga clic en el botón “Configurar pantalla de consentimiento”.

6. Ingrese “Id de correo electrónico”, “Nombre del producto” y luego haga clic en el botón “Guardar”.

7. Seleccione “Aplicación web”, ingrese “Nombre”, “URI redirigidos autorizados” como se menciona a continuación y haga clic en el botón “Crear”,

Use la siguiente URL de redirección

https://your_store_url/index.php?route=kbstepcheckout/kbstepcheckout

8. Copie la identificación del cliente y el secreto del cliente.

9. Pegue el ID del cliente y el secreto del cliente en el campo de texto que se muestra a continuación en el panel de administración del módulo de pago de una página de Prestashop.

Cómo generar la clave API de Google:

1) Vaya a API Manager, haga clic en el menú de la izquierda, haga clic en API y servicios y luego haga clic en Credenciales.

2) Haga clic en Crear credenciales y luego seleccione la clave API.

3) Copie la clave API e ingrese la misma en el campo ID de la aplicación de Google de la página de inicio de sesión del módulo final de administración

3.3 Dirección de pago

OpenCart One Page Checkout le permite mostrar u ocultar cualquier campo para la dirección de pago. Los campos se pueden habilitar o deshabilitar por separado para los clientes que iniciaron y cerraron sesión. Puede marcar cualquier campo como requerido, de manera diferente para los clientes que iniciaron y cerraron sesión en la tienda. Además, puede reordenar los campos de dirección con una simple acción de arrastrar y soltar.

3.4 Dirección de envío

 

El módulo emergente de pago receptivo de OpenCart le permite mostrar u ocultar cualquier campo para la dirección de envío. Los campos se pueden habilitar o deshabilitar por separado para los clientes que iniciaron y cerraron sesión. Con OpenCart One Page Advanced Checkout, puede marcar cualquier campo como requerido, de manera diferente para los clientes que iniciaron y cerraron sesión en la tienda. Además, puede reordenar los campos de dirección con una simple acción de arrastrar y soltar. Nota: Para incluir y mostrar más campos personalizados en la Dirección de pago, la Dirección de envío, la sección del carrito o la sección de la cuenta del proceso de pago, puede consultar la sección 3.10

Método de envío 3.5

• Mostrar métodos de envío: Esta opción mostrará/ocultará la lista completa de métodos de envío proporcionados en la página de pago avanzado.
• Estilo de visualización: Con esta opción, puede seleccionar el estilo de visualización para los métodos de envío. Puede ser solo la imagen del logotipo, solo el texto o ambos.
• Mostrar el título del método de envío: Esta opción habilitará o deshabilitará el título para el método de envío en particular.
• Seleccione el método de envío predeterminado: Con esta opción, puede seleccionar cualquier método de envío como método predeterminado.
• Posición: Esta opción establece el título deseado para el método de envío.
• Logo: Esta opción establece la imagen del logotipo para el método de envío.

Del mismo modo, puede modificar el título y la imagen del logotipo para todos los métodos de envío utilizando este módulo OpenCart One Page Advanced Checkout.

3.6 Enviar2Pagar

3.7 Método de pago

• Mostrar métodos de pago: Esta opción mostrará/ocultará la lista completa de métodos de pago proporcionados en la página de pago avanzado.
• Estilo de visualización: Con esta opción, puede seleccionar el estilo de visualización para los métodos de pago. Puede ser solo la imagen del logotipo, solo el texto o ambos.
• Seleccione el método de pago predeterminado: Con esta opción, puede seleccionar cualquier método de pago como método predeterminado.
• Posición: Esta opción establece el título deseado para el método de pago.
• Logo: Esta opción establece la imagen del logotipo para el método de pago.

Asimismo, puede modificar el título y la imagen del logotipo para todos los métodos de pago con la ayuda del supercheckout de una página.

3.8 Carrito

En esta sección de OpenCart One Page Supercheckout, puede personalizar el carrito y mostrarlo de la forma que desee en su tienda. El tamaño de la imagen de los artículos del carrito se puede modificar fácilmente configurando la altura y el ancho de la imagen.

• Tamaño de la imagen del producto: Esta opción le permite establecer el tamaño de la imagen para los productos que se muestran en la sección del carrito del pago de una página. Además, puede mostrar u ocultar los distintos campos del carrito para iniciar y cerrar la sesión de los clientes de la tienda. Campos como “Acepto las condiciones”. Además, ordene los comentarios marcados como opcionales u opcionales según los requisitos de su sitio.

3.9 Newsletter

• Habilitar MailChimp: Esta opción de Supercheckout de una página de Opencart le permite habilitar o deshabilitar la funcionalidad de integración de MailChimp para su tienda.
• Clave API de MailChimp: Con esta opción, puede configurar la clave API de MailChimp que conectará su sitio a la cuenta de MailChimp del vendedor.
• Lista de MailChimp: Con esta opción, puede obtener y seleccionar la lista particular conectada a la cuenta de MailChimp.

3.9.1 Cómo configurar MailChimp

1. Inicie sesión en su cuenta de Mail Chimp.
2. Haga clic en la pestaña de la esquina derecha> Elegir perfil> Extras> Claves API.
3. Aquí el administrador puede crear una clave API haciendo clic en el botón “Crear una clave”.
4. Copie la clave API.
5. El administrador también puede hacer una lista diferente para cada cliente de inicio de sesión social haciendo clic en “Lista” en la barra de menú superior.
6. Ahora pegue la clave de API en la sección Clave de API de chimpancé de correo proporcionado y haga clic en el botón “Obtener lista”.
7. Seleccione la lista del menú desplegable.

3.10 Cómo agregar editar o eliminar campos personalizados a la página Supercheckout

Para agregar campos personalizados a cualquier sección de One Page Checkout, puede ir a la opción “Campos personalizados” en la pestaña “Clientes” en la sección del lado izquierdo de la interfaz de administración.