Opencart One Page Checkout – User Manual


1.0 Introducción

La mayoría de los visitantes abandonan la caja del producto deseado solo porque encuentran que el proceso es complejo y largo para completar. En última instancia, esto conduce a un número cada vez mayor de carros abandonados. Para controlar las tasas de abandono de carritos y salidas, Knowband ha ofrecido Pago de una página de OpenCart Pro complemento para tiendas OpenCart. Al implementar One Page Checkout para su sitio de comercio electrónico, puede mejorar las tasas de conversión, ya que reemplaza la página de pago de varios pasos con un pago de una sola página.

Vista móvil:

Características destacadas de la extensión OpenCart One Page Checkout:

  1. La extensión ofrece la funcionalidad de pago como invitado mediante la cual los usuarios pueden completar sus pedidos de manera fácil y rápida como clientes invitados sin crear una nueva cuenta en la tienda en línea.
  2. La extensión OpenCart Fast Checkout permite a los clientes iniciar sesión rápidamente en el sitio web utilizando sus cuentas de Google, Facebook y Paypal.
  3. El administrador puede personalizar fácilmente los campos en la página de pago desde el back-end de la extensión OpenCart One Page Checkout Pro. El administrador de la tienda puede mostrar u ocultar cualquiera de los campos de la página de pago o puede hacerlos opcionales u obligatorios para que los usuarios los completen. El administrador también puede reorganizar los campos de posición con la función de arrastrar y soltar.
  4. El propietario de la tienda puede personalizar fácilmente la apariencia de la página de pago, incluido el cambio del color de los botones, el color del botón de fondo, el color del texto, etc.
  5. El Supercheckout de OpenCart One Page ofrece compatibilidad en múltiples tiendas y en varios idiomas.
  6. La extensión OpenCart One Step Checkout admite casi todos los principales métodos de envío y pago que aumentan la confianza de los clientes para elegir el método deseado en la página de pago.
  7. El comerciante electrónico puede aplicar cualquiera de los diseños de diseño de 3 diseños de pago diferentes, es decir, 1 columna, 2 columnas o 3 columnas. Los campos se pueden reorganizar fácilmente arrastrando y soltando.
  8. El módulo OpenCart Quick Checkout ofrece integración con MailChimp, Klaviyo y SendinBlue que le permite sincronizar la base de datos de sus usuarios automáticamente con estas cuentas suyas sin ningún esfuerzo manual.
  9. El comerciante electrónico también puede personalizar la apariencia de la extensión a través de CSS y JS personalizados.
  10. El módulo OpenCart Responsive One Step Checkout ofrece la función de modo de prueba mediante la cual el propietario de la tienda puede verificar y ver las personalizaciones realizadas antes de que las personalizaciones estén activas en el sitio web.
  11. El módulo de pago simplificado de OpenCart ofrece la función Ship2Pay mediante la cual el propietario de la tienda puede asignar métodos de pago particulares con métodos de entrega seleccionados. Oculta todos los demás métodos de pago al seleccionar un método de entrega en particular y muestra solo aquellos métodos de pago que están asignados al método de entrega seleccionado para el usuario.

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

Antes de iniciar el proceso de instalación, debe comprar el Extensión OpenCart One Page Checkout de la tienda Knowband. Una vez comprado, recibirá los siguientes archivos en su correo electrónico registrado.

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

Ahora, para instalar este pago de una sola página de OpenCart 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.

Pasos para instalar el archivo OCMOD
  • Después de descomprimir la carpeta, encontrará un archivo supercheckout_pro.ocmod.xml como se muestra a continuación:
  • Ahora, en el panel de administración, haga clic en Extensiones en el menú del lado izquierdo. Luego haga clic en Extension Installer ( Inicio-> extensión).

  • Ahora, cargue supercheckout_pro.ocmod.xml. Se muestra un mensaje de éxito una vez que se carga el archivo.
  • Después de cargar el archivo, vaya a Inicio-> Modificación
  • Encontramos un archivo con el nombre Supercheckout Pro v2.8 (esto significa que su ocmod se ha instalado correctamente). Haga clic en el icono “+” correspondiente para habilitarlo. El icono verde se vuelve rojo como se muestra a continuación.
  • Finalmente, haga clic en el botón Actualizar (esto es obligatorio).

Entonces, Pago de una página de OpenCart Pro ahora está instalado con éxito y está listo para usar en su tienda. Vaya al menú de administración y haga clic en Extensiones y luego en Módulos. Haga clic en el botón Configurar junto a Knowband Supercheckout.

3.0 Interfaz de administración de Módulo de pago de un paso receptivo de OpenCart

Justo después de la instalación exitosa del sitio web One Page Checkout para OpenCart, puede configurar los campos del formulario de pago según sus requisitos. Tienes que navegar por la configuración en el orden indicado: Panel de administrador > extensiones > Módulos >Supercheckout de banda de conocimiento

La sencilla interfaz de administración de Pago de una página de OpenCart Pro se divide en diez secciones, a saber: 1. Configuración general 2. Personalizador 3. Configuración de inicio de sesión 4. Dirección de pago 5. Dirección de envío 6. Método de envío 7. Ship2Pay 8. Método de pago 9. Carrito 10. Diseño 11. Boletín de noticias Cada una de estas secciones se ha discutido a continuación:

Configuración general de 3.1

  • Habilitar deshabilitar: Con esta opción, puede habilitar o deshabilitar la funcionalidad completa de la OpenCart One Page Checkout Pro plugin de OFF a ON.
  • Habilitar la opción de boletín: Puede habilitar o deshabilitar la opción Boletín informativo en la página Supercheckout. Una vez que haya habilitado este botón, los siguientes serán los casos: a.) La opción Boletín será visible para el cliente de pago como invitado, solo si ha habilitado la opción Registrar invitado automáticamente. b.) La opción del boletín siempre estará visible para el cliente si está creando una nueva cuenta. c.) La opción del boletín de noticias nunca será visible para los clientes registrados.
  • Registrar invitado automáticamente: Puede habilitar esta opción para registrar automáticamente a los clientes invitados en su tienda. Al habilitar esta opción, puede registrar a sus clientes en la tienda y enviarles una contraseña generada en su correo electrónico.
  • Registrar Cuenta: Al habilitar este campo, puede mostrar un campo de contraseña en la página de superpago para que los nuevos usuarios puedan establecer fácilmente la contraseña deseada para su cuenta.
  • Seleccione la opción predeterminada al finalizar la compra: Con esta opción, puede establecer una opción predeterminada en la sección de inicio de sesión de su OpenCartSuperpago de una páginapágina de las opciones como Invitado, Iniciar sesión y Registrarse.
  • Desactivar invitado: Puede habilitar o deshabilitar la funcionalidad de invitado para los usuarios en la sección de inicio de sesión de One Page Checkout.
  • Agregar estilo personalizado:Con esta opción, puede agregar o incluir un estilo personalizado en la página de Supercheckout. Para aplicar CSS personalizado en la página Supercheckout, puede escribir ese CSS en el cuadro de texto que está a la derecha de la etiqueta Agregar estilo personalizado. Por ejemplo: puede cambiar el color de los botones en la página Supercheckout.
  • Agregue la cantidad mínima para mostrar el banner de envío gratuito: Desde esta pestaña, el administrador puede agregar una cantidad mínima que se requiere después de lo cual los clientes serán elegibles para obtener el envío gratuito de su pedido.
  • Habilitar la detección automática de país: Después de habilitar esta función, la extensión detectará y completará el país del usuario automáticamente en la sección de país.
  • Validación en línea: Con esta función, la extensión muestra un error cada vez que el usuario no completa un campo obligatorio en la página de pago.
  • Habilite el relleno automático de direcciones de Google: Tan pronto como el usuario comienza a escribir su dirección, la extensión sugiere su dirección si esta función está habilitada.
  • Modo de prueba: Esta opción le ayuda a habilitar o deshabilitar la funcionalidad del modo de prueba de este Extensión OpenCart One Page Checkout.
  • Prueba de URL:Una vez que habilita el modo de prueba, puede establecer una URL de supercheckout donde puede probar la funcionalidad de una página de pago.

Personalizador

Desde la pestaña Personalizador, puede personalizar el color de fondo del botón, el color del borde del botón Vista previa del botón, el color del texto del botón, el color inferior del borde del botón, el color de fondo del botón Mi cuenta, el color de fondo del botón de inicio de sesión, el color de fondo del botón de inicio de sesión, el color de fondo del botón de cierre de sesión, el cupón Color de fondo del botón de código, Color de fondo del botón de código de cupón, etc.

  • Color de fondo de la barra de envío gratis: Esta sección le permite cambiar el color de fondo de la barra de envío gratuito en la página de pago.
  • CSS y JS personalizados: Esta sección le permite personalizar la apariencia de la página de pago con CSS y JS personalizados.

3.2 Login

En esta pestaña, encontrará opciones para configurar las opciones de inicio de sesión de Facebook, Google y Paypal como se muestra a continuación.

  • Habilitar el inicio de sesión de Facebook: Con esta opción, puede habilitar / deshabilitar la opción de inicio de sesión de Facebook en One Page Checkout.
  • ID de aplicación de Facebook: Esta opción le permite configurar la ID de la aplicación de Facebook que se puede generar utilizando la cuenta de desarrollador de Facebook.
  • Secreto de la aplicación de Facebook: Con esta opción, configure la clave secreta generada con la cuenta de desarrollador de Facebook.
  • Habilitar el inicio de sesión de Google:Con esta opción, puede habilitar / deshabilitar la opción de inicio de sesión de Google en One Page Checkout.
  • ID de la aplicación de Google:Esta opción le permite configurar el ID de GoogleApp.
  • ID de cliente de Google: Este campo le permite configurar el ID de cliente de Google creado desde la consola de Google.
  • Secreto de Google App:Con esta opción, puede configurar la clave secreta de la aplicación generada con la consola de Google.
  • Habilite el inicio de sesión de Paypal: Con esta opción, puede permitir que sus clientes inicien sesión a través de sus cuentas de Paypal.
  • ID de cliente de Paypal: Esta opción le permite agregar su ID de cliente de Paypal.
  • Secreto del cliente de Paypal: Esta opción le permite agregar su ID secreta de cliente de Paypal.

Para obtener instrucciones detalladas para generar la ID de la aplicación, la clave secreta de la aplicación y la ID del cliente, vaya a la siguiente sección.

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

La aplicación de Facebook se puede crear siguiendo los pasos que se mencionan 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 la aplicación y la identificación de correo electrónico, luego haga clic en el botón “Crear identificación de la 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 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”. Dominios de la aplicación: 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 el sitio web como plataforma

11
Paso 16: Ahora ingrese la URL de su sitio.

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

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

14
Paso 20: Ahora haga clic en guardar.

15
Paso 21 y 22: haga clic en Configuración y agregue un URI de redireccionamiento de OAuth válido. URI de redireccionamiento de OAuth válidos: 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 marque “Hacer” público el nombre de su aplicación “en Sí.

17
Paso final: copie el ID de la aplicación y el secreto de la aplicación y péguelo 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. 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”.

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: //your_store_url/index.php? Fc = module & module = supercheckout & controller = supercheckout & login_type = google 8. Copie el ID de 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

3.3 Dirección de pago

Esta pestaña contiene la configuración de los campos que se mostrarán en la sección Dirección de pago o facturación en la página de pago como se muestra a continuación.

  1. Consta de dos secciones. El de la izquierda es para clientes invitados y el de la derecha para clientes registrados.
  2. Para hacer que un campo se muestre / oculte en la página de pago, marque la casilla de verificación a la izquierda de Mostrar etiqueta.
  3. Para hacer que un campo sea obligatorio (campo obligatorio), marque la casilla de verificación a la izquierda de Requerir etiqueta.
  4. Los campos también se pueden reorganizar según los requisitos. Para reorganizar, simplemente mueva el cursor al icono de arrastrar y arrastre y suelte el campo donde sea necesario, como se muestra a continuación.
  5. Al guardar, los campos se reorganizarán según los cambios.

3.4 Dirección de envío

Esta pestaña contiene configuraciones para los campos que se mostrarán en la sección Dirección de envío en la página de pago como se muestra a continuación.

  1. Consta de dos secciones. El de la izquierda es para clientes invitados y el de la derecha para clientes registrados.
  2. Para hacer que un campo se muestre / oculte en la página de pago, marque la casilla de verificación a la izquierda de Mostrar etiqueta.
  3. Para hacer que un campo sea obligatorio (campo obligatorio), marque la casilla de verificación a la izquierda de Requerir etiqueta.
  4. Los campos también se pueden reorganizar según los requisitos. Para reorganizar, simplemente mueva el cursor al icono de arrastrar y arrastre y suelte el campo donde sea necesario, como se muestra a continuación.
  5. Al guardar, los campos se reorganizarán según los cambios.

Método de envío 3.5

Esta pestaña contiene la configuración del método de envío que se muestra en la página de pago. Básicamente contiene configuraciones para habilitar / deshabilitar y configurar el método de envío predeterminado como se muestra a continuación:

  • Mostrar métodos de envío: Con esta opción, puede mostrar / ocultar los métodos de envío en la página de pago. Para ello, debe cambiar el botón de ON a OFF o viceversa.
  • Estilo de visualización: Esta opción le permite seleccionar el estilo de visualización para los métodos de envío que ha agregado para su sitio web. Puede elegir cualquier estilo entre tres opciones como Solo texto, Solo imagen o Texto con imágenes.
  • Mostrar título del método de envío: Con esta opción, puede habilitar o deshabilitar el título de los métodos de envío que se muestran en la página de pago.
  • Seleccione un método de envío predeterminado: Esta opción le ayuda a seleccionar cualquier método como método de envío predeterminado para su tienda.
  • Titulo: Con esta opción, puede establecer títulos correspondientes a cada uno de los métodos de envío agregados y configurados para su tienda. Puede establecer el título en inglés o francés.
  • Logo: Esta opción le permite establecer un logotipo deseado, correspondiente a cada uno de los métodos de envío configurados para su tienda.

3.6 Ship2Pay

La función ship2pay que ofrece el módulo OpenCart Supercheckout desactiva automáticamente los métodos de pago según el método de envío seleccionado por el cliente. Es decir, el administrador puede asignar algunas opciones de pago particulares con algunas opciones de envío particulares en la tienda.

3.7 Método de pago

Esta pestaña contiene configuraciones para los métodos de pago que se muestran en la página de pago, como habilitar / deshabilitar o seleccionar un método predeterminado.

  • Mostrar métodos de pago:Con esta opción, puede mostrar / ocultar los métodos de pago en la página de pago. Para ello, debe cambiar el botón de ON a OFF o viceversa.
  • Estilo de visualización:Esta opción le permite seleccionar el estilo de visualización para los métodos de pago que ha agregado para su sitio web. Puede elegir cualquier estilo entre tres opciones como Solo texto, Solo imagen o Texto con imágenes.
  • Seleccione un método de pago predeterminado:Esta opción le ayuda a seleccionar cualquier método como método de pago predeterminado para su tienda.
  • Titulo: Con esta opción, puede configurar títulos correspondientes a cada uno de los métodos de pago agregados y configurados para su tienda. Puede establecer el título en inglés o francés.
  • Logo:Esta opción le permite configurar el logo deseado correspondiente a cada uno de los métodos de pago configurados para su tienda.

3.8 Carro

En esta sección, encontrará los campos del carrito divididos en dos secciones, la de la izquierda es para clientes invitados y la de la derecha para clientes registrados o conectados.

  1. Para mostrar / ocultar el carrito desde la página de pago, marque la casilla de verificación que se encuentra delante de la etiqueta Mostrar carrito.
  2. Para habilitar / deshabilitar cualquier columna en el carrito, marque / desmarque la casilla de verificación frente a esa columna respectiva.
  3. Para habilitar / deshabilitar las imágenes emergentes para el producto, marque / desmarque la casilla de verificación frente a la columna respectiva.
  4. Para cambiar el tamaño de la ventana emergente de la imagen, ingrese el ancho y la altura de la ventana emergente en el cuadro de texto frente a la etiqueta Tamaño de imagen del producto.
  5. Las opciones de Cupón, Puntos de Recompensa y Cupón también se pueden deshabilitar o habilitar marcando / desmarcando la casilla de verificación frente al campo respectivo. Tenga en cuenta que el cuadro de texto de puntos de recompensa solo será visible en la página de Supercheckout una vez que se cumplan las siguientes tres condiciones. a.) El cliente debe iniciar sesión. b.) Debe tener al menos 1 punto de recompensa en su cuenta. c.) Debe tener un producto en el carrito que se pueda comprar con puntos de recompensa.

Confirmar:

  1. Esta pestaña se divide nuevamente en dos secciones, la izquierda es para clientes invitados y la derecha para clientes registrados o conectados.
  2. Para habilitar el cuadro de comentarios para el pedido por parte del cliente, marque la casilla de verificación frente a Deje un comentario para la etiqueta del pedido y para deshabilitar desmarque la misma casilla de verificación.
  3. Para habilitar, estoy de acuerdo con el término o cualquier otra información guardada en el administrador de la tienda, marque / desmarque la casilla de verificación frente a Acepto la etiqueta de condiciones.

3.9 Ficha Diseño

Esta pestaña contiene los ajustes para el diseño de OpenCart One Page Checkout Pro como se muestra a continuación:

1 columna

2 columna

3 columna

Puede cambiar fácilmente el ancho de cualquier columna y ajustar el control deslizante presente en la parte superior como se muestra a continuación.

 

Además, puede reposicionar diferentes bloques de la página de pago con una simple acción de arrastrar y soltar. Al guardar, el bloque se reorganizará en la página de pago según los cambios.

3.10 Newsletter

Haciendo clic en la pestaña Newsletter de Módulo de pago de un paso receptivo de OpenCart, puede configurar MailChimp, SendinBlue y Klaviyo Integrator como se muestra a continuación:

  • Habilitar MailChimp: Puede habilitar o deshabilitar la funcionalidad del Integrador de MailChimp para su tienda. Puede habilitar esta opción si desea aumentar las suscripciones al boletín informativo para su tienda.
  • Clave API de MailChimp: Esta opción te ayuda a configurar la clave API de Mailchimp para capturar los correos electrónicos de los clientes.
  • Lista de MailChimp: Una vez configurada la llave con esto Extensión de pago rápido OpenCart, puede buscar y seleccionar la Lista de MailChimp.

Lo mismo se puede hacer con SendinBlue y Klaviyo.

4.0 Interfaz frontal de Extensión de pago de OpenCart One Step

Cuando el usuario hace clic en el botón “Agregar al carrito” correspondiente a un producto y realiza su pago, verá el siguiente superpago en su pantalla.

Extensión OpenCart One Page Checkout: https://www.knowband.com/opencart-one-supercheckout-pro

Demostración de administrador de pago de una página de OpenCart: https://opencartdemo.knowband.com/demo/index.php?module=oc_onepagecheckout_knowband&demo=admin&lang=en

Demostración frontal de pago de una página de OpenCart: https://opencartdemo.knowband.com/demo/index.php?module=oc_onepagecheckout_knowband&demo=front&lang=en

Pago de una página de OpenCart desde el mercado oficial de OpenCart: https://www.opencart.com/index.php?route=marketplace/extension/info&extension_id=15353

Esto también te interesaría:

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 *