OpenCart One Page Advanced Checkout Extension – Manual del usuario

1.0 Introducción

Cada 1 de los usuarios en línea de 10 está obligado a abandonar su carrito solo por el largo y complicado proceso de pago. Puede optimizar el registro de su sitio a uno interesante incorporando OpenCart One Page Advanced Checkout Extension de Knowband. El módulo emergente de verificación de respuesta OpenCart convierte todo el proceso de compra en una única ventana emergente basada en ajax que se activa en la pantalla cuando el cliente opta por comprar un producto de la tienda. Este Checkout de una página 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.

Características de 1.1 de Checkout de una página para OpenCart

La incorporación de One Page Checkout para la tienda OpenCart no es un gran problema, ya que ofrece una personalización simple sin involucrar ninguna habilidad técnica o modificación de código existente. Entonces, permita que sus clientes compren rápidamente el producto a través de una sola ventana emergente, dándoles un pago más rápido y menos experiencia de interrupción. A continuación se enumeran los aspectos más destacados de esta extensión de CheckCart One Page Checkout. 1. El módulo OpenCart One Page Checkout muestra el total de campos de pago en forma de una ventana emergente de pago basada en ajax en la parte frontal del sitio web sin redirigir a otra URL. 2. Este Checkout de una página para OpenCart proporciona una manera perfecta de aumentar las suscripciones al boletín para el negocio en línea. 3. La ventana emergente de verificación de respuesta incorporada usando el módulo de verificación simplificada OpenCart se puede habilitar o deshabilitar fácilmente usando el botón de alternancia que se encuentra en el backend. 4. La función de registro de invitados de la ventana emergente Checkout Checkive Checkout registra automáticamente al cliente con el sitio y le envía 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 de pago de una página de OpenCart. 6. Al usar esta extensión de pago de página única 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 de la página de pago avanzado en una IP específica. 8. Con el módulo de pago simplificado OpenCart, brinde a los clientes el beneficio de las opciones de inicio de sesión social como Google y Facebook a través de la página de pago. 9. La extensión de pago rápido de OpenCart le permite mostrar / ocultar los campos de pago y dirección de envío de forma diferente para los clientes registrados y invitados de la tienda. 10. Los campos de dirección personalizados pueden marcarse como obligatorios u opcionales con la ayuda de este módulo de SuperCheckout de OpenCart One Page. 11. Con 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 servidor. 12. El módulo emergente de verificación de respuesta OpenCart le facilita la configuración de la imagen del logotipo y el título deseados para cada uno de los métodos de pago y envío que se muestran en la página de supercheckout. 13. La función ship2pay de la extensión de pago rápido 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 Checkout Checkout Checkout ofrece un carro configurable cuyos campos se pueden arreglar según las necesidades del negocio. 15. El módulo OpenCart One Page Checkout es compatible con múltiples tiendas y en varios idiomas. 16. La extensión de pago rápido OpenCart ofrece un diseño de respuesta móvil para los clientes. 17. La función MailChimp Integrator de CheckCart Single Page sincroniza automáticamente los datos del cliente con la cuenta MailChimp conectada del vendedor.

Interfaz frontal 1.2 del módulo emergente OpenCart Responsive Checkout

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

Sección de resumen del carrito de

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

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

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

Sección de Facturación y Envío

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

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

screenshot-opencartdemo-knowband-com-2019-07-26-11_15_27
Sección de envío y método de pago

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

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

Antes de iniciar el proceso de instalación, debe comprar el módulo de pago de una página de OpenCart en la tienda Knowband. 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 del usuario de OpenCart One Page Checkout extension.

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

Checkout avanzado de una página de OpenCart
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. Por lo tanto, OpenCart One Page Advanced Checkout ahora está instalado con éxito y está listo para usar en su tienda. Vaya al menú de administración y haga clic en las extensiones y, por lo tanto, haga clic en el botón de configuración que se encuentra al lado de Comprobación avanzada de una página.

Interfaz de administración 3.0 de OpenCart Responsive Checkout Popup

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

2

3

La interfaz de administración de OpenCart, que es fácil de entender, se extiende en nueve secciones, a saber: 1. Configuración general 2. Configuración de inicio de sesión 3. Dirección de pago 4. Dirección de envío 5. Método de envío 6.Ship2Pago 7. Método de pago 8. Hoja informativa

Configuración general de 3.1

4

  • Habilitar deshabilitar: Esta opción le permite habilitar o deshabilitar la funcionalidad completa del sitio web de One Page Checkout para Opencart. Si está deshabilitado, el pago estándar de Opencart se muestra a los clientes.
  • Habilitar 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 del boletín, se suscribirán a las actualizaciones del sitio (boletín).
  • Registrar invitado automáticamente: Puede habilitar el registro automático para sus clientes invitados (usuarios que realizan la verificación de invitados). Esta opción enviará automáticamente una contraseña al cliente para un uso posterior de la cuenta.
  • Registrar Cuenta: Al habilitar esta opción, puede dar campos de contraseña en la página de pago en la que el usuario puede ingresar su propia 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. Usando esta opción, los usuarios pueden realizar la verificación de invitados para su artículo.
  • Añadir 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 activarlo 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.

Configuración de inicio de sesión 3.2

5

  • Habilitar el inicio de sesión de Facebook: Esta opción habilitará o inhabilitará la opción de inicio de sesión de Facebook que se muestra al frente de una página de formulario de pago.
  • ID de la aplicación de Facebook: Esta opción le permite configurar la ID de la aplicación de Facebook requerida para conectarse con la 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 de la aplicación de Facebook y la clave secreta 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 habilitará o inhabilitará la opción de inicio de sesión de Google que se muestra al frente de un formulario de pago de página.
  • ID de la aplicación de Google: Esta opción le permite configurar la ID de la aplicación de Google requerida para conectarse con la cuenta de Google.
  • ID de cliente de Google: Esta opción le permite configurar el ID de cliente de Google.
  • GoogleEsta

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

3.2.1 Cómo configurar Facebook Login

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

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

7

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

8

Paso 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 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”. Dominios de aplicaciones: yourdomain.com es correcto yourdomain.com/store es incorrecto www.domain.com es incorrecto

9

Paso 14: Ahora haga clic en “+ Agregar plataforma”.

10
Paso 15: Y seleccione Sitio Web como Plataforma

11
Paso 16: ahora ingresa la URL de tu sitio.

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

13
Paso 19: seleccione web como la plataforma para la aplicación.

14
Paso 20: Ahora haz clic en guardar.

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

16
Paso 23 y 24: Haga clic en “Revisión de la aplicación”. Y marca “Hacer” el nombre de tu aplicación “Público” a Sí.

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

18

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.Go para vincular “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”.

19

3. Ingrese el nombre del proyecto que desee y haga clic en “Crear”.

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

21

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

22

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

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

24
Utilice la siguiente URL de redireccionamiento http: //su_store_url/index.php? Fc = module & module = supercheckout & controller = supercheckout & login_type = google 8. Copie el ID del cliente y el secreto del cliente.

25

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

26

Dirección de pago 3.3

27

OpenCart One Page Checkout le permite mostrar u ocultar cualquier campo para la dirección de pago. Los campos pueden habilitarse o deshabilitarse por separado para los clientes que han iniciado sesión y que se han desconectado. Puede marcar cualquier campo según sea necesario, de forma diferente para los usuarios que han iniciado sesión y que han finalizado la sesión. Además, puede reordenar los campos de dirección con una simple acción de arrastrar y soltar.

Dirección de envío 3.4

28

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 conectados y desconectados. Con el pago avanzado de OpenCart One Page, puede marcar cualquier campo según sea necesario, de manera diferente para los clientes que inician y cierran 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, Dirección de envío, sección del carrito o sección de la cuenta de pago, puede consultar la sección 3.10

Método de envío 3.5

29

  • Mostrar métodos de envío: Esta opción mostrará / ocultará la lista completa de métodos de envío provistos 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. Solo puede ser imagen de logo, solo texto o ambos.
  • Mostrar Título del Método de Envío: Esta opción habilitará o inhabilitará 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 el método predeterminado.
  • Cargo: 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

3.6 Ship2Pay

30

Método de pago 3.7

31

  • Mostrar los métodos de pago: Esta opción mostrará / ocultará la lista completa de métodos de pago provistos 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. Solo puede ser imagen de logo, solo texto o ambos.
  • Seleccione el método de pago predeterminado: Con esta opción, puede seleccionar cualquier método de pago como el método predeterminado.
  • Cargo: 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.

Del mismo modo, puede modificar el título y la imagen del logotipo para todos los métodos de pago con la ayuda de

Carro 3.8

En esta sección de OpenCart One Page Supercheckout, puede personalizar el carrito y mostrarlo como lo 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.

32

  • Tamaño de la imagen del producto: Esta opción le permite configurar el tamaño de la imagen para los productos que se muestran en la sección del carrito de la compra de una página. Además, puede mostrar u ocultar los diversos campos del carrito para iniciar y cerrar sesión clientes de la tienda. Los campos como “Aceptar las condiciones” y el comentario de la orden se pueden marcar como opcionales u opcionales según los requisitos de su sitio.

3.9 Newsletter

33

  • 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 de la API de MailChimp: Con esta opción, puede configurar la clave de la API de MailChimp que conectará su sitio con la cuenta de MailChimp del vendedor.
  • Lista de MailChimp: Con esta opción, puede buscar y seleccionar la lista particular conectada a la cuenta de MailChimp.

3.9.1 Cómo configurar MailChimp

1. Inicia sesión en tu cuenta de Mail Chimp. 2. Haga clic en la pestaña de la esquina derecha> Elegir Perfil> Extras> Claves de API. 3. Aquí el administrador puede crear una clave API haciendo clic en el botón “Crear una clave”. 4. Copia la clave API. 5.Admin también puede hacer una lista diferente para cada cliente de Social Login haciendo clic en “Lista” en la barra de menú superior. 6. Ahora pegue la clave de la API en la sección de la clave de la API del chimpancé del 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 Checkout de una página, 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.

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 *