Prestashop Una página Supercheckout – Manual del Usuario

1. Introducción

Prestashop es uno de la plataforma de comercio electrónico ampliamente utilizado debido a los temas impresionantes, características y extensiones están disponibles para los propietarios de tiendas. Cada propietario de la tienda quiere proporcionar una experiencia de compra fácil y rápido a sus clientes para hacer sus negocios más exitosos. El proceso de pago se convirtió en el punto clave de este proceso. Por lo tanto, Prestashop una página de pago Addon es una solución para este problema.

1.1 Beneficios para los comerciantes:

Vamos a echar un vistazo rápido a los beneficios de tener una extensión de pago y envío Prestashop Un paso en su tienda:

  • propietarios de tiendas pueden diseñar su propia página de pago de acuerdo con el tema del sitio web
  • Compatible con dispositivos de almacenamiento y múltiples
  • Dirigido a los clientes en varios idiomas
  • pasos de comprobación pertinentes menos y
  • Mejor experiencia del cliente
  • Elimina el tiempo de recarga de la página y mantiene la información de pago en una sola página
  • Los campos personalizados pueden añadirse según se desee

1.2 Características de Prestashop módulo de pago y envío One Step

  • fácil personalización
  • Sencilla y rápida de sesión
  • Informe de errores a clientes
  • El pago múltiple y formas de envío
  • Móvil y Tablet Responsive
  • Libres y Virtuales / Productos Digitales
  • Cesta de la personalización en la Página del pago
  • Campos Personalizados
  • Integración MailChimp
  • Característica Ship2Pay
  • Custom CSS y JS
  • SEO friendly
  • Multilingüe Soporte
  • Mostrar / Ocultar todos los campos
  • Registro de Clientes automática

Guía 2. Instalación

2.1 Copiar carpeta del módulo “SuperCheckout” bajo sus directorio_raíz / modules / de su tienda a través de FTP o usar interfaz de Prestashop para cargar el complemento.

2.2  Después de la copia, el módulo se incluirá en la página del anuncio módulo en el panel de administración como se muestra a continuación dada pantalla.

Para la versión 1.6

para-versión-1-6

Para la versión 1.6

para-versión-1-7

2.3 Si el módulo no se muestra en su página de listado de módulo, buscarla mediante el filtrado de módulo con los siguientes datos.

Palabra clave: Supercheckout

Autor: Knowband

Categoría: Pedido

Filtrar por: Instalado No instalado y / Activado y Desactivado

Nota:

  1. Cuando se haga clic en el botón de instalación, un cuadro de pop-up aparecerá que mostrará los mensajes de advertencia. Puede ignorar estos mensajes y seguir adelante. No habrá ningún impacto negativo de este mensaje de advertencia en su tienda.
  2. Después de instalar el módulo Prestashop Supercheckout, un botón “configurar” se encuentra al frente de este plugin en el módulo de página de la ficha como se muestra en la pantalla siguiente:

Para la versión 1.6

para-versión-1-6

Para la versión 1.7

para-versión-1-7

Manual de Usuario 3.

  1. Para acceder a este módulo, haga clic en el botón de configuración del módulo de supercheckout. Al hacer clic, interfaz del módulo será abierto y siguiendo pantalla de visualización será como se indica a continuación:

supercheckout-módulo

3.1 Configuración general

  1. Activar / desactivar: Para activar el plugin, conmutar el botón de activación de OFF a ON. El valor por defecto estará apagado.
  2. Habilitar invitado Pedido: Al activar esta opción, almacenar permitirá al cliente de pago y envío como invitado. El valor por defecto será OFF
  3. Register visitantes: Al activar esta opción, almacenar registrará automáticamente invitados y enviar correo electrónico de registro de cliente correspondiente. El valor por defecto estará apagado.
  4. Por defecto Pedido Opción: Hay 3 opciones que se mostrarán en el extremo frontal. Con estas opciones, administrador puede configurar qué opción se mostrará a los clientes en la página supercheckout. Estas opciones son:
  •  Conectarse: Si se selecciona esta opción, el cliente verá el formulario de acceso en la sección de inicio de sesión.
  • Invitado: Si se selecciona esta opción, el cliente verá sólo el campo de correo electrónico en la sección de inicio de sesión.
  • Registrar: Si se selecciona esta opción, el cliente verá el formulario de inscripción en la sección de inicio de sesión.

En el frente, el cliente también puede cambiar la opción de pago y envío. Por defecto, se seleccionará la opción de inicio de sesión.

       5. Modo de prueba: Si desea probar el plug-in antes de hacerlo en vivo en su tienda puede habilitar esta opción. Si bien esta opción se habilita a sus clientes son redirigidos a la página normal de la caja, pero se puede abrir la página SuperCheckout directamente a través de la URL. La dirección URL de la misma aparece debajo de esta opción una vez que lo habilite.

3.2 Personalizador

Esta pestaña tiene las características que utilizan el cual el administrador puede modificar la parte delantera de pago mediante la adición de un poco de CSS o JS en sus campos. Esta ficha ya tiene la función para cambiar los colores de los botones que aparecen en la comprobación. Sea cual sea el CSS se colocará en el campo CSS personalizado que CSS aparecerá en la parte delantera de la tienda y el mismo es el caso con el campo JS personalizado.

personalizador

3.3 Inicio de sesión Tab

  1. Esta pestaña contiene básicamente la configuración para activar / desactivar Facebook y Google de registro y de inicio de sesión como se muestra a continuación.

Entrar Tab

     2. Habilitar Facebook Inicia sesión Para habilitar Facebook Iniciar sesión Registro y cambiar el botón de OFF a ON. Pero antes de hacer eso hacer llegar Facebook App ID y secreto de APP http://developers.facebook.com sin estas teclas, esta funcionalidad no funcionará. Por defecto, esta funcionalidad estará desactivada.

     3. Habilitar Google ingreso: Para habilitar Google registro e inicio de sesión cambiar el botón de OFF a ON. Pero antes de hacer eso hacer llegar Google App ID, ID de cliente y el secreto de APP https://code.google.com/apis/console sin estas teclas, esta funcionalidad no funcionará. Por defecto, esta se desactivará.

4. Lea el Anexo A para configurar Google y Facebook login.

3.4 MailChimp Tab

Chimpancé electrónico es un servicio de marketing de correo electrónico mediante el cual se puede enviar a granel boletín / oferta correos electrónicos a sus clientes. Chimpancé electrónico también ofrece muchas plantillas atractivos y muchas más características. Nuestro módulo le permite añadir directamente al cliente de correo electrónico a la lista de chimpancé electrónico tan pronto como se registra con nuestro módulo de una página de pago.

Para poder utilizar el correo chimpancé es necesario tener una clave de API.

3.3.1 Cómo configurar el correo de chimpancé?

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

Ajustes 3.3.2 Correo: Chimpancé

Ajustes de correo Chimp

  1. Activar / Desactivar: Para habilitar el chimpancé correo, cambiar el botón de activación de OFF a ON. El valor por defecto será “OFF”.
  2. Casilla suscribirse al Cliente: Marque esta opción si desea suscribirse a los clientes por correo chimpancé tan pronto como sale de campo de correo electrónico. Tenga en cuenta que esta función no se les va a suscribirse a la lista de Prestashop. Nuestra integración de correo chimpancé es responsable suscribirse únicamente a la lista de correo de chimpancé.
  3. Chimpancé electrónico API Clave: Introduzca su correo de chimpancé clave de API y haga clic en el botón “Obtener lista”.
  4. Listas de Correo del chimpancé: Seleccione la lista deseada y guardar los ajustes.

Tab 3.5 Direcciones

direcciones-tab

  1. Esta ficha contiene la configuración para los campos de los que se va a mostrar en el registro del cliente, dirección de entrega y la sección de la dirección de facturación en la parte frontal. Como se muestra en pantalla a continuación:
  2. Se compone de dos secciones. El de la izquierda si para clientes de visitantes y el más adecuado para los clientes registrados.
  3. Para hacer un campo mostrar / ocultar en la página de pago seleccione la casilla justo a la izquierda de Mostrar etiqueta.
  4. Para hacer un campo como obligatorio (campo obligatorio) marque la casilla justo a la izquierda del Requerir etiqueta.
  5. Los campos también pueden ser ordenados por el requisito. Para reorganizar acaba de celebrar icono () y arrastre y suelte el campo verticalmente, donde sea necesario.
  6. En el ahorro, los campos se reordenan según los cambios.
  7. Esta ficha también tiene más características a nombre de validación en línea y permitirá ahorrar función de dirección. Si la validación en línea está activada, los campos como nombre, apellido, código postal son validados en cuanto se llenan, que permite al cliente saber que él / ella está entrando en el valor incorrecto. Si la función de ahorro de direcciones está activada, un botones con el texto “SAVE” aparece justo debajo del campo de dirección y utilizando ese botón, el cliente puede salvar a su / su dirección antes de realizar el pedido.

Guardar imagen BOTÓN:

Salvar

3.6 Forma de pago Tab

1. Esta pestaña contiene los ajustes para los métodos de pago que se muestran en la página de pago, como la activación / desactivación o la selección de un método predeterminado

Tab Forma de pago

2. Método de visualización: Para activar / desactivar los métodos de pago en la página de pago conmutar el botón de encendido a apagado o viceversa. Esto desactivará el bloque método de pago de página de pago. Por defecto, esta se active.

3. Estilo de visualización: Hay 3 opciones para mostrar cómo sus métodos de pago serán de visualización en la página de pago. Por defecto, los métodos de pago serán pantalla con su nombre. Si selecciona el estilo con la imagen, por favor, la imagen de tamaño (95 x 20) subir para el pago correspondiente en el directorio módulo de pago apropiado.

4. selecciona el método por defecto: Esta será una lista desplegable de todos los módulos de pago instalado hacia abajo. Aquí puede seleccionar el método de pago, que se muestra como seleccionada en ese momento, cuando el cliente entra en la página de pago.

3.7 Método de entrega Tab

  1. Esta pestaña contiene configuraciones para los métodos de entrega se muestran en la página de pago como activación / desactivación o la selección de un método predeterminado

Envío Método Tab

2. Método de visualización: Para activar / desactivar los métodos de entrega en la página de pago conmutar el botón de ON a OFF o viceversa. Esto desactivará el bloque de método de entrega de página de pago. Por defecto, esta se active.

3. Estilo de visualización: Hay 3 opciones para mostrar cómo sus métodos de entrega serán de visualización en la página de pago. Por defecto, los métodos de entrega serán pantalla con su nombre. Si selecciona el estilo con la imagen, por favor, la imagen de tamaño (95 x 20) para cargar el método de entrega correspondiente.

4. Seleccionado método por defecto: Esta será una lista desplegable de todos los métodos de entrega activos hacia abajo. Aquí puede seleccionar el método de entrega, que se muestra como seleccionada en ese momento, cuando el cliente entra en la página de pago. La selección se diferencian de acuerdo con la ubicación del cliente. Si el método seleccionado mapas con la ubicación del cliente, entonces el método se muestra como seleccionado en el momento de la página de pago de carga.

3.8 Los campos pestaña personalizada

Esta ficha se utiliza para añadir campos personalizados en la página de pago frente. Esta ficha contiene la lista de campos y opciones de personalización para añadir, editar o eliminar cualquier campo.

Estos campos personalizados se pueden utilizar para obtener algunos datos adicionales del cliente y mostrarlo en diferentes posiciones es decir Envío formulario de dirección, Formulario dirección de pago, la compra de bloque o bloque de registro del cliente.

custom-fields-Tab1
3.8.1 Cómo agregar un campo personalizado? 

Los siguientes son los pasos para agregar un campo personalizado:

  1. Haga clic en el botón “Añadir nuevo”.
  2. Una ventana emergente mostrará, llenar todos los campos necesarios y añadir sus características deseadas.
  3. Haga clic en el botón “Guardar”.

a medida campo2

Ejemplo 1 – Si el administrador quisiera añadir un desplegable con la etiqueta “¿Quiere ser miembro?”

Los siguientes son los pasos a seguir –

1.Add un nuevo campo personalizado como se muestra a continuación.

a medida field3

Configurar su posición como “formulario de dirección de envío”.

2. Ir al front-end, añadir el producto al carrito y proceder a la “caja”. En la página de pago se mostrará el campo personalizado como se muestra a continuación.

a medida campo4

3. El administrador puede comprobar los datos obtenidos a partir del cliente siguiendo los pasos –

(a) Ir a la pestaña “Pedidos”.
(b) Haga clic en el botón “Ver” para un fin en particular que desea comprobar.
(c) La información del cliente se mostrará en la pestaña “SUPERCHECKOUT campos personalizados” como se muestra a continuación.

a medida Field5

4. El cliente también puede comprobar el campo personalizado siguiendo pasos-

(a) Ir a la página “Mi cuenta”.
(b) Haga clic en “Historial de pedidos y detalles”
(c) Haga clic en el botón “Detalles”
(d) La imagen de abajo se mostrará.

a medida Field6
Ejemplo 2 – Si el administrador quisiera añadir un texto-área con la etiqueta “regalo del mensaje”. Los siguientes son los pasos a seguir –

1. Añadir un nuevo campo personalizado como se muestra a continuación.

a medida campo8

Configurar su posición como “formulario de dirección de envío”.

2. Ir al front-end, añadir el producto al carrito y proceder a la “caja”. En la página de pago se mostrará el campo personalizado como se muestra a continuación.

a medida field9
3. El administrador puede comprobar los datos obtenidos a partir del cliente siguiendo los pasos –

(a) Ir a la pestaña “Pedidos”.
(b) Haga clic en el botón “Ver” para un fin en particular que desea comprobar.
(c) La información del cliente se mostrará en la pestaña “SUPERCHECKOUT campos personalizados” como se muestra a continuación.

a medida field22
5.Customer También puede comprobar el campo personalizado siguiendo pasos-

(a) Ir a la página “Mi cuenta”.
(b) Haga clic en “Historial de pedidos y detalles”
(c) Haga clic en el botón “Detalles”
(d) La imagen de abajo se mostrará.

a medida field33

3.8.2 Cómo editar un campo personalizado?

Para editar un campo personalizado, haga clic en el icono ‘Editar’ se muestra en la parte delantera de cualquier fila. Se abrirá un formulario se muestra a continuación. Los valores de la forma que ya se llenarán.

a medida field66

Administrador tendrá que hacer clic en el botón ‘Guardar’ para salvar los datos editados.

3.8.3 Cómo eliminar un campo personalizado?

Para eliminar un campo de administración personalizada tendrá que hacer clic en el icono de eliminación se muestra al lado de cada fila de la tabla. Se pide confirmación para eliminar una fila.

a medida field44

3.9 Carro Tab

  1. Esta ficha contiene la configuración para la compra, la orden total y confirmar el pedido como se muestra a continuación:
  2. Su división en tres secciones:
  • Carro
  • Total del pedido
  • Confirmar

Picture8

3.9.1 Cesta

1. Pantalla carrito: Por la compra por defecto pantalla será habilitar.

2. Para mostrar / ocultar opciones de resumen del carrito de la comprobación de página de pago desmarcar la casilla presente en frente de etiqueta de la opción Resumen del carrito.

3. Tamaño del producto: Esto mostrará la pantalla lo que el tamaño de imagen de producto estará en una página de pago. Por defecto este campo se mostrará con sus valores por defecto

3.9.2 Orden total 

Para mostrar / ocultar opciones de resumen del carrito de la comprobación de página de pago desmarcar la casilla presente en frente de etiqueta de la opción Resumen del carrito.

3.9.3 Confirmar 

Para mostrar / ocultar opciones de resumen del carrito de la comprobación de página de pago desmarcar la casilla presente en frente de etiqueta de la opción Resumen del carrito.

3.10 Diseño Tab

  1. Esta pestaña contiene los ajustes para el diseño de página de pago en el catálogo como se muestra a continuación:

picture1222

2. Para cambiar la anchura de cualquier columna ajustar el control deslizante presente en la parte superior como se muestra a continuación:

Picture11

3. Bloque de diferentes pasos también se puede reorganizar de una columna a la otra o en la misma columna que se muestra a continuación:

Picture10

4. En el ahorro, el bloque se reordenará de la página de pago de acuerdo con los cambios

3.11 Preguntas Tab

Esta pestaña contiene varias preguntas (con respuestas a ellos) que se hacen por nuestros clientes. Le recomendamos que vaya a través de las preguntas antes de levantar cualquier billete para este plug-in.

Preguntas frecuentes
Tab 3.12 Otros Plug-ins

En esta ficha se redirige a la página de revelador que tiene lista de otros plug-ins desarrollados por nosotros. Si te gusta este plug-in entonces usted puede probar nuestros otros plug-ins también.

4. Anexo A

4.1 Cómo realizar la configuración de la cara libro acceso?

Siga los pasos siguientes para obtener ID de aplicación y secreta aplicación.

1. Haga clic en el enlace “ https://developers.facebook.com/apps/ ”.

2. Haga clic en el botón “Añadir una nueva aplicación”.

faqs11

3. Introduzca su nombre y correo electrónico de identificación de aplicaciones, a continuación, haga clic en el botón “Crear ID de aplicación”.

faqs211
4. Haga clic en la pestaña “Configuración”.

faqs232

5. Haga clic en “Añadir Plataforma”.

faqsw3e23

6. Seleccione la opción “Sitio Web” como plataforma.

faqs2222
7. Introduzca su “App Domain”, “URL del sitio” “Correo electrónico de contacto” y haga clic en el botón “Guardar cambios”.

Aplicación Dominios:
yourdomain.com es correcta
yourdomain.com/store es incorrecta
www.domain.com es incorrecta

faqs33e3
8. Bajo la pestaña “App Review”, permitir su función en vivo.

faqs222
9. Copia ID de la aplicación y la aplicación clave secreta.

faqs666
10. Pega App ID y la clave secreta en el campo de texto se muestra a continuación.

faqseee
4.2 Cómo configurar Google acceso?

Siga los pasos siguientes para obtener ID de cliente y el secreto de cliente.

1.Go para enlazar “ https://console.developers.google.com/project ”.

2. Haga clic en la opción desplegable en relieve en el botón “2” y luego haga clic en “Crear un proyecto”.

google-login1

3. Introduzca el nombre del proyecto deseado y haga clic en “Crear”.

google-inicioDeSesión2
4. Ir a la API del Administrador, haga clic en Crear Credenciales y seleccione la opción de ID de cliente de OAuth.

google-login3
5. Haga clic en el botón “Configuración de pantalla de consentimiento”.

google-login4

6. Introduzca “ID de correo electrónico”, “Nombre” y haga clic en el botón “Guardar”.

google-login5
7. Seleccione “aplicación web”, Enter “Nombre“, ‘Autorizado redirigida URI’ como se menciona a continuación y haga clic en ‘Crear’,

google-login6
Después de usar el URL de redirección

http:? //your_store_url/index.php fc = módulo y módulo = supercheckout y controlador = supercheckout y login_type = google

8. Copia Cliente ID y clave secreta de cliente.

google-login7

9. Pega ID de cliente y el secreto de cliente en el campo de texto se muestra a continuación en el panel de administración del módulo.

google-login8

Enlace del producto: https://www.knowband.com/es/prestashop-one-page-supercheckout 
YouTube Enlace: https://www.youtube.com/watch?v=1yLcXToR6-g 
administración Demostración: https: //ps.knowband .com / demo5 / 16 / admin1 / index.php controlador = ADMINLOGIN y token = aea1bb3fb1bab860c86c4db00ce5949e y redirigir = AdminModules y demo_lang = es? 
Frente demostración: https://ps.knowband.com/demo5/16/en /

También podría gustarte:

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 *