OnePageCheckoutPS

¿Qué es OnePageCheckoutPS?

OnePageCheckoutPS es un módulo de checkout de una página para PrestaShop que optimiza el proceso de compra consolidando todos los pasos en una única página. El módulo proporciona una experiencia de compra rápida y eficiente, permitiendo a los clientes completar sus pedidos sin distracciones, con soporte para múltiples layouts personalizables, autenticación social, campos adicionales configurables y métodos de pago diversos.

Características Principales

Requisitos del Sistema

Método 1: Instalación desde el Back Office

Método 2: Instalación por FTP

Posibles Problemas de Instalación

Si experimentas errores de override al instalar o activar el módulo, no intentes resolverlo por tu cuenta si no tienes experiencia técnica. Contacta con nuestro equipo de soporte para recibir ayuda personalizada y resolver el conflicto de manera segura.

General

En esta sección de configuración encontrarás las opciones de parametrización que definirán el comportamiento general del módulo.

Sandbox

Activa esta opción para permitir probar el módulo en tu tienda antes de habilitarlo para los clientes. Cuando está activado, el módulo solo será visible y funcional desde las direcciones IP que especifiques en el campo "IP", permitiendo hacer pruebas controladas sin afectar a otros visitantes.

IP

Lista las direcciones IP desde las cuales el módulo será visible cuando el modo Sandbox está activado. Solo los visitantes que accedan desde estas IPs verán y podrán usar el checkout del módulo. Puedes añadir tu IP actual automáticamente haciendo clic en el botón "+" junto al campo.

ID de cliente

Cliente interno utilizado para calcular y mostrar precios reales a los visitantes sin necesidad de registro o inicio de sesión.

Habilitar registros de depuración persistentes

Al activar esta opción, el módulo guarda un historial de acciones y valores del proceso de checkout. Esta información resulta útil para que el equipo de desarrollo analice y resuelva cualquier incidencia que se haya producido en tu tienda.

Habilitar checkout de invitado

Cuando está activa esta opción, permite que los visitantes no registrados realicen compras sin necesidad de crear una cuenta, completando el checkout como invitados.

Confirmar dirección de envío antes del checkout

Cuando está activa esta opción, muestra un checkbox de confirmación con la dirección de envío seleccionada, permitiendo al cliente confirmar su dirección antes de finalizar el pedido.

Elige el transportista que usas para recoger en tienda

Cuando está activada la opción "Confirmar dirección de envío antes del checkout", esta opción permite seleccionar los transportistas que utilizas para el servicio de recogida en tienda (Click & Collect, Local Pickup, etc.). Los clientes que seleccionen uno de estos transportistas en el proceso de checkout no verán el checkbox de confirmación de dirección de envío en el paso de pago, permitiendo un checkout más rápido para este tipo de envíos.

Redirigir directamente a la página de checkout

Cuando esta opción está activa, al proceder con la compra el cliente es dirigido directamente a la página de checkout, sin pasar por la página del carrito tradicional.

Ocultar la etiqueta de impuestos cuando no se aplica ningún impuesto (0%)

Activa esta opción para que la etiqueta "impuestos incluidos" desaparezca cuando el impuesto aplicable es del 0%. PrestaShop ignora la regla de impuestos por provincia y muestra esa etiqueta aunque no se esté aplicando ningún impuesto, lo que puede confundir al cliente.

Reemplazar el formulario de registro e inicio de sesión con el formulario de checkout

Cuando está activada, esta opción reemplaza el formulario de autenticación (login y registro) nativo de PrestaShop por el formulario personalizado del módulo.

Separar las páginas de inicio de sesión y registro

Esta sub-opción aparece cuando "Reemplazar el formulario de registro e inicio de sesión con el formulario de checkout" está activada. Al habilitarla, la página de inicio de sesión muestra únicamente el formulario de login y la página de registro solo el formulario de registro. Si la desactivas, ambos formularios se muestran juntos.

Mostrar formulario de registro de checkout en: Mis direcciones

Cuando está activada, esta opción reemplaza la sección "Mis direcciones" de PrestaShop por el formulario de direcciones personalizado del módulo, permitiendo que los clientes gestionen sus direcciones de envío y facturación con el estilo del checkout.

Mostrar formulario de registro de checkout en: Mis datos personales

Cuando está activada, esta opción reemplaza el formulario de datos personales de la cuenta del cliente por el formulario personalizado del módulo.

Registro

En esta sección de configuración encontrarás las opciones relacionadas con el proceso de registro y autenticación de clientes.

Forzar registro o inicio de sesión de cliente

Al activar esta opción, los clientes que no hayan iniciado sesión son redirigidos a la página de autenticación antes de poder acceder al checkout. Resulta útil en tiendas que solo venden a clientes registrados.

Habilitar políticas de privacidad

Cuando esta opción está activa, se mostrará un checkbox para que los clientes acepten las políticas de privacidad para poder completar el proceso de registro en la página de checkout.

Adicionalmente, se activará una sub-opción en la configuración que permite seleccionar qué página CMS de tu tienda se mostrará cuando el cliente haga clic en el enlace de políticas de privacidad.

Habilitar registro sin correo electrónico

Permite que los clientes completen el checkout sin proporcionar una dirección de correo electrónico, generando automáticamente un email temporal para la cuenta.

Marcar creación de cuenta por defecto

Cuando esta opción está activa, el checkbox de creación de cuenta se marca por defecto en el formulario de registro del checkout.

Esta configuración solo aplica en la página de checkout. Si el cliente accede directamente a las páginas de inicio de sesión o registro (authentication), será obligatorio crear una cuenta y no se permite el registro como invitado.

Mostrar recomendaciones de política de contraseñas

Habilita esta opción para mostrar recomendaciones y sugerencias de seguridad a los clientes mientras crean sus contraseñas, ayudándoles a cumplir con la política de contraseña establecida y crear contraseñas más seguras.

Solicitar confirmación de contraseña

Controla si el formulario de registro incluye el campo de confirmación de contraseña. Desactiva esta opción para pedir la contraseña una sola vez y acortar así el formulario.

Inicio de Sesión OTP

En esta sección de configuración encontrarás las opciones para habilitar y configurar el sistema de autenticación mediante contraseña de un solo uso (OTP), incluyendo tiempo de expiración, intentos permitidos y gestión de códigos caducados.

Configurar tarea CRON

Esta sección muestra una URL que puedes copiar para configurar una tarea programada (CRON) en tu servidor. La tarea CRON ejecutará automáticamente la eliminación de los códigos OTP caducados de forma periódica. Se recomienda configurar esta tarea para que se ejecute cada hora, manteniendo así la base de datos limpia sin intervención manual.

Habilitar inicio de sesión con OTP

Cuando esta opción está activa, los clientes registrados pueden iniciar sesión utilizando un código de un solo uso (OTP) enviado a su correo electrónico, en lugar de la contraseña tradicional, facilitando el acceso a su cuenta sin necesidad de recordar contraseñas.

Tiempo de expiración de OTP (minutos)

Define el tiempo en minutos durante el cual un código OTP es válido después de ser generado. Una vez que expira el tiempo especificado, el cliente deberá solicitar un nuevo código para iniciar sesión.

Máximo de intentos de verificación

Define el número máximo de intentos fallidos permitidos al ingresar el código OTP. Una vez alcanzado este límite, el código se bloquea y el cliente deberá solicitar uno nuevo para continuar.

Eliminar códigos OTP caducados ahora

Este botón ejecuta la eliminación inmediata de todos los códigos OTP que han expirado. Úsalo cuando necesites limpiar manualmente los códigos caducados sin esperar a que se ejecute la tarea programada (cron). Al hacer clic, se eliminarán todos los códigos vencidos de la base de datos.

Estadísticas de OTP

Esta sección muestra un panel con métricas del uso del sistema OTP en los últimos 30 días, incluyendo:

• Total de Solicitudes (30 días): Número total de códigos OTP generados y enviados a los clientes en los últimos 30 días
• Inicios de Sesión Exitosos: Cantidad de verificaciones de OTP completadas correctamente
• Intentos Fallidos: Cantidad de intentos fallidos de verificación de códigos OTP
• Tasa de Éxito: Porcentaje calculado de verificaciones exitosas respecto al total de solicitudes

Estas estadísticas te ayudan a monitorear la efectividad del sistema de autenticación OTP entre tus clientes.

Direcciones

En esta sección encontrarás opciones para gestionar las direcciones de envío y facturación, incluyendo validaciones, autocompletado automático, máscara de teléfono y otras funcionalidades avanzadas que optimizan la experiencia del cliente al ingresar sus datos de dirección.

Configurar tarea CRON

Esta sección muestra una URL que puedes copiar para configurar una tarea programada (CRON) en tu servidor. La tarea CRON ejecutará automáticamente la eliminación de las direcciones vacías creadas por el módulo durante el proceso de checkout. Esto ayuda a mantener la base de datos limpia de direcciones incompletas que los clientes no finalizaron.

Solicitar dirección de facturación

Al activar esta opción, se muestra en el paso de direcciones del checkout un checkbox que permite al cliente decidir si desea ingresar una dirección de facturación distinta a la de envío. Al marcarlo, se habilita el formulario correspondiente para introducir los datos de dirección de facturación.

Posición de la dirección de facturación

Esta sub-opción aparece cuando "Solicitar dirección de facturación" está habilitada y define en qué orden se piden las direcciones en el checkout. Puedes elegir entre "Después de la dirección de envío" (comportamiento habitual) o "Antes de la dirección de envío", útil en tiendas donde los datos de facturación son el punto de partida de la compra.

Obligatorio

Esta sub-opción solo está disponible cuando la dirección de facturación se muestra después de la dirección de envío. Al activarla, los clientes deberán completar la dirección de facturación para poder finalizar el pedido.

Solicitar factura

Al activar esta opción, se añade al formulario de dirección un selector "Particular / Empresa" que solicita los datos fiscales correspondientes a cada caso: DNI en el caso de particulares, o nombre de empresa y número de IVA en el caso de empresas. Para clientes de Italia, las empresas deben indicar además un código SDI o un correo PEC.

Mostrar solicitud de factura en

Esta sub-opción determina en qué formulario aparece el selector de facturación. Puedes mostrarlo en el formulario de dirección de facturación, en el de dirección de envío, o en ambos.

Permitir solo facturas de empresa

Al habilitar esta opción se oculta la pestaña "Particular", de forma que el cliente solo puede solicitar la factura como empresa. Está pensada para tiendas que no emiten facturas a particulares.

Obligatorio (solicitud de factura)

Al activarla, desaparece el interruptor que permite al cliente renunciar a la factura: el selector de tipo de facturación y sus campos se muestran siempre y son obligatorios. Úsala en tiendas que emiten factura en todos los pedidos.

Mostrar lista de ciudades usando Geonames.org

Habilita una lista desplegable de ciudades basada en la base de datos gratuita de Geonames.org. Cuando esta opción está activa, las ciudades se muestran automáticamente según la provincia seleccionada, facilitando la selección correcta por parte del cliente.

Usar autocompletado de Geonames.org desde código postal

Al habilitar esta opción, el código postal se utiliza como base para mostrar sugerencias automáticas de ciudades mientras el cliente lo va ingresando, utilizando el servicio gratuito de Geonames.org. Al seleccionar una de las opciones sugeridas, se completan automáticamente los campos de código postal y ciudad.

Usar autocompletado de dirección desde Google

Al habilitar esta opción, se integra la API de Google para mostrar sugerencias de direcciones en el campo dirección mientras el cliente escribe. Al seleccionar una sugerencia, se autocompletan automáticamente los campos de dirección, ciudad y código postal, siempre que la información esté disponible.

Esta funcionalidad aplica tanto para la dirección de envío como para la dirección de facturación, mejorando la precisión de los datos.

CLAVE API de Google

Este campo se muestra al habilitar la opción "Usar autocompletado de dirección desde Google". Aquí debes ingresar la API Key de Google necesaria para activar la funcionalidad de autocompletado de direcciones.

La clave debe generarse desde la Google Cloud Console, por lo que es necesario contar con una cuenta de Google e iniciar sesión.

Por seguridad y para controlar el uso, se recomienda aplicar una restricción a la clave: restringe el uso por dominio (restricción de aplicación mediante "Referentes HTTP" con el dominio de tu tienda) y limita la clave únicamente a la API Places API (New) (restricción de API).

Puedes consultar el proceso de creación de la API Key y su configuración en los siguientes enlaces oficiales de Google:

• 👉 Crear y restringir la API Key
• 👉 Places API (New) — descripción general

Validar DNI único

Al marcar esta opción, el sistema validará que el número de DNI ingresado no esté ya registrado en direcciones de otros clientes, evitando duplicados.

Validar identificación de España, Chile, Italia y Portugal

Activa esta opción para habilitar la validación automática del formato de identificación para clientes de estos países. El sistema verificará que el DNI o documento de identidad cumpla con el formato correcto para cada país.

Mostrar máscara de teléfono

Al activar esta opción, se habilita la funcionalidad de máscara en los campos de teléfono, permitiendo seleccionar el país y agregar automáticamente su prefijo internacional al ingresar el número de teléfono fijo o móvil.

Mostrar automáticamente el prefijo internacional al seleccionar el país

Esta sub-opción se habilita cuando "Mostrar máscara de teléfono" está activa. Al marcarla, el prefijo internacional del país seleccionado (por ejemplo, +34 para España) se muestra automáticamente en los campos de teléfono.

Habilitar validación de formato de número de teléfono

Esta sub-opción también depende de "Mostrar máscara de teléfono". Al activarla, el sistema valida que el número de teléfono tenga la longitud y formato correcto para el país seleccionado.

Mostrar dirección de envío para compras de productos virtuales

Activa esta opción si deseas que se solicite una dirección de envío incluso cuando los productos en el carrito son virtuales (descargas, servicios, etc.).

Eliminar direcciones vacías

Este botón ejecuta la eliminación inmediata de todas las direcciones vacías creadas por el módulo. Úsalo cuando necesites limpiar manualmente las direcciones incompletas sin esperar a que se ejecute la tarea programada (CRON). Al hacer clic, se eliminarán todas las direcciones vacías de la base de datos.

Envío

Esta sección te permite configurar las opciones relacionadas con los métodos de envío.

Visualización progresiva del costo de envío

Al activar esta opción, el costo de envío se muestra de forma progresiva según el progreso del cliente en el checkout. Fuera del checkout, el carrito mostrará "Por calcular" hasta que el cliente ingrese su dirección. Una vez que el cliente complete su dirección de envío durante el checkout, el costo real se calcula y se muestra automáticamente.

Esta funcionalidad mejora la experiencia del cliente al evitar mostrar costos de envío incorrectos cuando la dirección aún no está completa, y luego muestra el costo preciso una vez que toda la información necesaria está disponible.

Mostrar descripción de transportistas

Al activar esta opción, se muestra la descripción de cada transportista en el paso de envío del checkout, proporcionando información adicional que puede ayudar al cliente a elegir el método de envío más adecuado.

Mostrar imagen de transportistas

Habilita esta opción para mostrar la imagen o logo de cada transportista en el paso de envío. Las imágenes ayudan a identificar visualmente las opciones de envío disponibles.

Elegir un transportista predeterminado

Permite seleccionar qué transportista aparecerá preseleccionado por defecto cuando el cliente acceda al paso de envío. Puedes elegir un transportista específico, o usar las opciones automáticas "Mejor precio" (selecciona el más económico) o "Mejor calificación" (selecciona el mejor valorado).

Mostrar cuadro de texto para mensaje de pedido

Si activas esta opción, se mostrará un campo de texto en el paso de envío donde los clientes pueden dejar un mensaje o comentario relacionado con su pedido (por ejemplo, instrucciones de entrega, preferencias de horario, etc.).

Obligatorio

Esta sub-opción aparece cuando "Mostrar cuadro de texto para mensaje de pedido" está activada. Al habilitarla, el cliente deberá escribir obligatoriamente un mensaje antes de poder continuar con el proceso de compra.

Forzar el requerimiento de provincia

Al activar esta opción, la provincia pasa a ser obligatoria para poder mostrar las opciones de envío. Si la desactivas, la provincia no se exige ni siquiera en países que tienen provincias configuradas, algo práctico en tiendas donde la provincia no influye en las tarifas de los transportistas ni en los impuestos.

Módulos de transporte que requieren provincia

Este campo aparece cuando "Forzar el requerimiento de provincia" está desactivada. Aquí puedes indicar, separados por comas, los nombres técnicos de los módulos de transporte que sí necesitan provincia. Cuando alguno de ellos está activo, la provincia vuelve a ser obligatoria.

Forzar el requerimiento de código postal

Al habilitar esta opción, el código postal se exige en todos los países. Si permanece desactivada, el requisito lo determina la configuración de cada país en PrestaShop o los módulos de transporte que lo necesiten.

Módulos de transporte que requieren código postal

Este campo aparece cuando "Forzar el requerimiento de código postal" está desactivada. Indica, separados por comas, los nombres técnicos de los módulos de transporte que necesitan código postal (por ejemplo: envialacarrier, packlink). Con cualquiera de ellos activo, el código postal pasa a ser obligatorio.

Forzar el requerimiento de ciudad

Activa esta opción para que la ciudad sea obligatoria en todos los países. Con la opción desactivada, el requisito lo determinan únicamente los módulos de transporte que lo necesiten.

Módulos de transporte que requieren ciudad

Este campo aparece cuando "Forzar el requerimiento de ciudad" está desactivada. Indica, separados por comas, los nombres técnicos de los módulos de transporte que necesitan ciudad (por ejemplo: shippingconfiguratorpro, chilexpress_oficial, seur). Con cualquiera de ellos activo, la ciudad pasa a ser obligatoria.

Pago - General

En esta sección encontrarás las opciones generales de configuración relacionadas con los métodos de pago en el proceso de checkout.

Mostrar imágenes de métodos de pago

Activa esta opción para mostrar los logos o imágenes de cada método de pago disponible, facilitando la identificación visual de las opciones de pago por parte del cliente.

Mostrar descripción detallada de métodos de pago

Al habilitar esta opción, se muestra información detallada de cada método de pago. Esto ayuda a los clientes a comprender mejor cómo funciona cada opción antes de seleccionarla.

Requerir aceptación de términos y condiciones antes de comprar

Cuando activas esta opción, aparecerá un checkbox obligatorio que el cliente debe marcar para aceptar los términos y condiciones antes de finalizar la compra.

ID CMS de términos y condiciones

Esta sub-opción aparece cuando "Requerir aceptación de términos y condiciones antes de comprar" está activada. Aquí seleccionas la página CMS de tu tienda que contiene los términos y condiciones que los clientes deben aceptar.

Mostrar el mensaje de entrega en el paso de pago

Si activas esta opción, el mensaje de entrega se mostrará también en el paso de pago, permitiendo al cliente visualizar y actualizar sus instrucciones de entrega antes de completar el pedido.

Mostrar cuadro de descuento en el paso de pago móvil

Habilita esta opción para que el cuadro de descuento (cupones) se muestre en el paso de pago cuando los clientes acceden desde dispositivos móviles, facilitando el uso de códigos promocionales en pantallas pequeñas.

Métodos de pago que requieren una página diferida

Algunas pasarelas necesitan mostrar su propio formulario o cargar su SDK en una página adicional después de que el cliente pulse "Comprar ahora" (por ejemplo Stripe, PayPal o Redsys). En este campo puedes listar, separados por comas, los nombres técnicos de esos módulos de pago. El resto de métodos procesarán el pedido directamente con un solo clic.

Pago - Configuración

Esta sección te permite personalizar de forma avanzada cada método de pago instalado en tu tienda, incluyendo títulos, descripciones, logos entre otros.

Seleccionar módulo de pago

Desplegable que te permite elegir qué método de pago deseas configurar. Una vez seleccionado, se mostrarán todas las opciones de personalización disponibles para el método de pago.

Opciones de personalización

Restablecer toda la configuración

Botón ubicado en la parte superior de la sección, permite restablecer la configuración de todos los métodos de pago simultáneamente a sus valores predeterminados.

Carrito

Esta sección agrupa todas las opciones relacionadas con la visualización y comportamiento del carrito de compras dentro del checkout, incluyendo información de productos, totales, descuentos y funcionalidades adicionales.

Mostrar cuadro de cupón

Al activar esta opción, se muestra un campo donde los clientes pueden introducir códigos de cupones de descuento durante el proceso de checkout.

Mostrar monto restante para calificar para envío gratis

Habilita esta opción para mostrar al cliente cuánto dinero le falta añadir al carrito para calificar al envío gratuito, incentivando la compra de productos adicionales.

Mostrar el carrito expandido en dispositivos móviles

Al activar esta opción, el resumen del carrito se mostrará expandido por defecto en dispositivos móviles, permitiendo al cliente ver todos los productos sin necesidad de hacer clic adicional.

Habilitar enlace del carrito de compras

Esta opción controla la ejecución de hooks de otros módulos en el carrito de compras.

Permitir editar productos en el carrito

Habilita esta opción para que los clientes puedan modificar las cantidades de los productos directamente desde el carrito durante el proceso de checkout, sin necesidad de volver atrás.

Mostrar peso

Activa esta opción para mostrar el peso de cada producto en el listado del carrito, información útil para envíos que dependen del peso total.

Mostrar disponibilidad

Al habilitar esta opción, se muestra el estado de disponibilidad de cada producto (en stock, disponible, etc.) en el carrito.

Mostrar referencia

Activa esta opción para mostrar la referencia o código SKU de cada producto en el listado del carrito del checkout.

Mostrar precio unitario

Al habilitar esta opción, se muestra el precio unitario del producto cuando la cantidad es mayor a 1. Esto facilita que el cliente comprenda claramente el cálculo del precio total en función de la cantidad seleccionada.

Mostrar botón de carrito vacío

Al activar esta opción, aparece un botón que permite al cliente eliminar todos los productos del carrito de una sola vez.

Mostrar zoom en imagen del producto

Habilita esta opción para que al pasar el cursor sobre la imagen de un producto en el carrito, se muestre una versión ampliada de la misma.

Mostrar tiempo de entrega del producto

Activa esta opción para mostrar el tiempo estimado de entrega de cada producto en el carrito.

Eliminar enlace de los productos

Al habilitar esta opción, las imágenes y nombres de los productos en el carrito dejan de ser enlaces clickeables a las páginas de producto, evitando que el cliente abandone el checkout.

Mostrar subtotal de productos

Activa esta opción para mostrar el subtotal de productos en el resumen del carrito.

Mostrar descuento total

Habilita esta opción para mostrar el total de descuento aplicado en el resumen del carrito.

Mostrar total de envío

Al activar esta opción, se muestra el coste del envío seleccionado en el resumen de totales del carrito.

Mostrar total de envoltura para regalo

Activa esta opción para mostrar el coste del envoltorio de regalo (si está disponible y el cliente lo ha seleccionado) en el resumen del carrito.

Mostrar total

Habilita esta opción para mostrar el importe total final en el resumen del carrito.

Mostrar total sin impuestos

Al activar esta opción, se muestra el total del pedido excluyendo impuestos en el resumen del carrito.

Mostrar total de impuestos

Activa esta opción para mostrar el total de impuestos aplicados en el resumen del carrito.

Configuración de URL de retorno

En esta sección se muestra una URL que debes configurar en cada red social que desees integrar. Esta URL de retorno es necesaria para que las redes sociales puedan redirigir a los usuarios de vuelta a tu tienda después de autenticarse.

Información sobre uso del hook

Si deseas utilizar los botones de inicio de sesión social en otro lugar de tu página, puedes usar el siguiente código en tu plantilla:

{hook h='displayOpcSocialNetwork' mod='onepagecheckoutps'}

Información sobre Apple Key File

Si vas a usar Apple como red social, debes subir el archivo de clave al directorio raíz de tu tienda vía FTP en la carpeta /upload/apple_key/NOMBRE_ARCHIVO. Luego, debes configurar el nombre del archivo en el campo Key_file de la red social.

Agregar red social

Para agregar una nueva red social, haz clic en el botón con icono "+" que se encuentra en la parte superior de la tabla de redes sociales configuradas. Se abrirá un formulario donde podrás seleccionar la red social y configurar sus credenciales.

Red social

Desplegable que te permite seleccionar qué red social deseas configurar (Google, Facebook, PayPal, Apple, TikTok). Cada red social tiene sus propios campos de configuración específicos.

Habilitado

Este switch te permite activar o desactivar la red social seleccionada. Cuando está desactivado, los clientes no verán la opción de iniciar sesión con esa red social.

Campos de configuración por red social

Dependiendo de la red social seleccionada, aparecerán diferentes campos para configurar las credenciales de autenticación:

• Google: ID, Secret
• Facebook: ID, Secret
• PayPal: ID, Secret
• Apple: ID, Team ID, Key ID, Key_file
• TikTok: ID, Secret

Estos campos son proporcionados por cada plataforma cuando creas una aplicación para autenticación OAuth.

Estadísticas de redes sociales

La sección muestra estadísticas de uso de cada red social configurada:

• Total de conexiones realizadas
• Última actualización de datos
• Estado de cada red social (activa/inactiva)

Gestión de redes sociales

En la tabla principal puedes:

• Ver todas las redes sociales configuradas
• Activar o desactivar redes sociales
• Eliminar redes sociales que ya no necesitas

Habilitar reCAPTCHA v3

Al activar esta opción, se habilita la protección de Google reCAPTCHA v3 en los formularios de inicio de sesión y registro. reCAPTCHA v3 funciona de forma invisible, analizando el comportamiento del usuario sin interrumpir su experiencia.

Habilitar reCAPTCHA en la página de contacto

Esta sub-opción aparece cuando "Habilitar reCAPTCHA v3" está activada. Al habilitarla, reCAPTCHA también protegerá el formulario de contacto de tu tienda contra spam.

Puntuación mínima para aceptar

reCAPTCHA v3 puntúa cada envío entre 0.0 (muy probablemente un bot) y 1.0 (muy probablemente una persona). Los envíos por debajo de la puntuación que definas aquí se rechazan. Google recomienda el valor 0.5: súbelo para bloquear más spam, teniendo en cuenta que podría rechazar a algún cliente real, o bájalo si detectas que se está bloqueando a usuarios legítimos.

Clave del sitio

Campo de texto donde debes ingresar la clave del sitio (Site Key) proporcionada por Google al registrar tu sitio en reCAPTCHA.

Clave secreta

Campo de texto donde debes ingresar la clave secreta (Secret Key) proporcionada por Google.

General

Seleccionar el tema del diseño de checkout

Desplegable que te permite elegir la plantilla de colores que se aplicará al checkout. Cada tema define una paleta de colores específica que controla la apariencia visual del checkout.

Seleccionar el estilo del diseño de checkout

Desplegable que permite seleccionar el layout o estructura del checkout en versión de escritorio. Los distintos estilos disponibles (Vertical, Steps, 3 Columns, Shopify) definen la disposición y organización de los elementos dentro del checkout.

Seleccionar el estilo del diseño de checkout móvil

Desplegable que permite seleccionar el layout o estructura específica para dispositivos móviles. Los distintos estilos disponibles (Vertical, Steps, 3 Columns, Shopify) definen la disposición y organización de los elementos dentro del checkout.

Variante del estilo Shopify

Este desplegable aparece cuando has elegido el estilo Shopify para escritorio o para móvil, y permite escoger su variante visual. La opción Classic mantiene el aspecto original, mientras que V2 presenta una versión más moderna con tarjetas redondeadas, campos con etiqueta flotante y un resumen de carrito plegable.

Variante del estilo de tres columnas

Este desplegable aparece cuando has elegido el estilo 3 Columns para escritorio o para móvil. Al igual que en el estilo Shopify, puedes seleccionar entre la variante Classic y la variante V2, que renueva la presentación visual del layout.

Mostrar etiqueta flotante en los campos del formulario

Cuando está activada, esta opción muestra las etiquetas (labels) de los campos de formulario como etiquetas flotantes, proporcionando una interfaz más moderna y compacta. Las etiquetas aparecen flotando encima del campo cuando el usuario interactúa con él.

Tamaño de fuente (rem)

Campo de texto que permite definir el tamaño de fuente base, expresado en unidades rem (por ejemplo: 1, 1.2, 0.9). Este valor se aplicará en distintas secciones del checkout, así como en las páginas de inicio de sesión, registro, datos personales y direcciones.

Usar diseño de checkout

Al activar esta opción, para mostrar el header y footer personalizados del módulo en la página de checkout.

Mostrar encabezado nativo

Habilita esta opción para mostrar el encabezado (header) nativo de tu tema de PrestaShop en la página de checkout.

Mostrar enlace "Continuar comprando"

Esta sub-opción aparece cuando "Mostrar encabezado nativo" está desactivada. Al habilitarla, se muestra un enlace que permite al cliente volver a la página de inicio de la tienda para que pueda continuar comprando.

URL personalizada para el botón "Continuar comprando"

Esta sub-opción aparece cuando "Mostrar enlace 'Continuar comprando'" está activada. Permite especificar una URL personalizada a la que será redirigido el cliente al hacer clic en el icono "Continuar comprando".

Mostrar pie de página nativo

Habilita esta opción para mostrar el pie de página (footer) nativo de tu tema de PrestaShop en la página de checkout.

Mostrar el formulario de datos personales directamente

Al activar esta opción, los visitantes ven el formulario de registro completo desde el primer momento. Si la desactivas, primero deben introducir su correo electrónico y el resto del formulario aparece después.

Configuración del tema

Esta subsección proporciona un editor visual para personalizar en detalle las variables de diseño de cada tema disponible, permitiendo adaptar completamente la apariencia del checkout a la identidad visual de tu tienda.

Selección de temas

En el panel izquierdo se muestra la lista de todos los temas disponibles en tu instalación. El tema predeterminado se identifica con un icono de estrella. Haz clic en cualquier tema para editar sus variables de diseño.

Panel de variables

El panel derecho muestra todas las variables editables del tema seleccionado, organizadas en tarjetas individuales. Cada variable incluye:

• Descripción: Nombre descriptivo de la variable
• Nombre técnico: Identificador de la variable
• Selector de color: Para variables de color, se muestra un selector visual que permite elegir colores fácilmente
• Campo de texto: Permite ingresar el valor del color manualmente en formato hexadecimal
• Vista previa del color: Vista previa del color seleccionado
• Valor RGB: Muestra el equivalente en formato RGB

Validación de valores

El sistema valida automáticamente los valores ingresados. Si un valor no es válido (por ejemplo, un color hexadecimal mal formado), se mostrará un borde rojo.

Botones de acción

• Restablecer: Haz clic en el botón con el icono (↻) para deshacer los cambios no guardados y volver a los valores anteriores en caso de haber seleccionado colores incorrectos. Esta acción solo afecta a los cambios no guardados y restablece todas las variables modificadas, por lo que si deseas ajustar únicamente una variable específica, se recomienda realizar el cambio de forma manual para evitar perder otras personalizaciones pendientes de guardado.
• Guardar: Guarda las modificaciones realizadas en el tema seleccionado.

Campos

Esta subsección agrupa las opciones para gestionar campos de los formularios del checkout.

Tabla de campos

La interfaz principal muestra una tabla con todos los campos registrados en tu checkout. Los campos se visualizan con diferentes colores de fondo según el objeto al que pertenecen, facilitando la identificación rápida:

Los campos de pago (antes y después de la lista de métodos) aparecen en el panel de "Métodos de pago" durante la reorganización de campos.

Cada fila de la tabla muestra información del campo y las acciones disponibles: activar/desactivar, hacer obligatorio, editar y eliminar.

Crear campo personalizado

Haz clic en el botón "+" para abrir el formulario de creación de un nuevo campo personalizado. Los campos disponibles son:

Gestionar opciones de campos

Este botón abre un diálogo especial que permite configurar las opciones disponibles para los campos de tipo "Lista" o "Botón de opción". La funcionalidad incluye:

Selección de campo

Primero debes seleccionar:

1. Objeto: El contexto donde se encuentra el campo (customer, delivery, invoice, etc.)
2. Campo: El campo específico al que deseas agregar opciones

Una vez seleccionado el campo, se cargarán las opciones existentes en una tabla editable.

Tabla de opciones

La tabla muestra todas las opciones configuradas para el campo seleccionado:

• Def.: Radio button para marcar cuál opción será la predeterminada (seleccionada inicialmente)
• Valor: Valor técnico de la opción que se guardará en la base de datos
• Descripción: Texto que verá el cliente. Este campo es multiidioma, usa el selector de idioma para proporcionar traducciones
• Acción: Botón de eliminar (ícono de papelera) para remover la opción

Agregar nueva opción

Haz clic en el botón "+ Añadir" para crear una nueva fila en la tabla de opciones. Completa el valor y las descripciones en todos los idiomas antes de guardar.

Guardar opciones

Tienes dos opciones para guardar:

• Guardar y permanecer: Guarda los cambios y mantiene el diálogo abierto para seguir editando
• Guardar: Guarda los cambios y cierra el diálogo

Posición

Esta subsección te permite organizar visualmente el orden en que aparecen los campos en el checkout mediante una interfaz intuitiva de arrastrar y soltar. Los campos se agrupan en tres categorías según su contexto, cada una representada por un panel diferente.

Paneles de grupos

Los campos se organizan en paneles independientes, identificados por colores:

Panel Cliente (Verde)

Agrupa los campos relacionados con la información del cliente durante el registro o inicio de sesión. Aquí se ordenan campos como nombre, apellido, email, contraseña y cualquier campo personalizado asociado al objeto "customer".

Panel Dirección de envío (Azul)

Contiene los campos del formulario de dirección de envío. Incluye campos estándar como dirección, ciudad, código postal, teléfono, y todos los campos personalizados asociados a "delivery" o a los hooks de dirección de envío.

Panel Dirección de facturación (Naranja)

Muestra los campos del formulario de dirección de facturación, incluyendo los mismos tipos de campos que la dirección de envío pero aplicados al contexto de facturación (objeto "invoice").

Panel Métodos de pago (Morado)

Agrupa los campos personalizados relacionados con la sección de pago del checkout. Incluye campos personalizados que se mostrarán antes o después de la lista de métodos de pago disponibles, permitiendo recopilar información adicional en el paso de pago.

Reorganizar campos

Para cambiar el orden de los campos dentro de un panel:

1. Selecciona el campo: Haz clic y mantén presionado sobre la tarjeta del campo que deseas mover
2. Arrastra: Mueve el campo hacia arriba o hacia abajo dentro del mismo panel
3. Suelta: Deja de presionar cuando el campo esté en la posición deseada
4. Guarda: Los cambios se guardan automáticamente al soltar el campo, mostrando un mensaje de confirmación

Información de los campos

Cada tarjeta de campo muestra:

• Descripción: Nombre descriptivo del campo
• Indicador visual: Color de fondo según el grupo al que pertenece

Comportamiento

• Los campos solo pueden reordenarse dentro de su propio panel (no se pueden mover entre paneles)
• El orden establecido determina cómo aparecerán los campos en el checkout del frontend
• Los cambios son inmediatos y se reflejan en el checkout una vez guardados
• Cada panel funciona de manera independiente

Activación y acceso

Habilitar el carrito lateral

Activa esta opción para mostrar el panel deslizante del carrito en todas las páginas de la tienda, excepto en el checkout del módulo. Mientras permanezca desactivada, el resto de opciones de esta sección no tienen efecto.

Abrir automáticamente al añadir un producto

Cuando esta opción está activa, el panel se despliega solo en cuanto el cliente añade un producto al carrito, confirmándole visualmente que la acción se ha realizado.

Mostrar un botón flotante del carrito

Al habilitarla, aparece un botón flotante permanente que permite abrir el carrito lateral desde cualquier punto de la página.

Posición del botón flotante

Define en qué esquina o lateral de la pantalla se sitúa el botón flotante. Puedes elegir entre abajo a la derecha, abajo a la izquierda, en el centro a la derecha o en el centro a la izquierda.

Suprimir otros carritos flotantes

Muchas plantillas y módulos de terceros incluyen su propio carrito desplegable. Al activar esta opción se desactivan esos paneles para evitar que se muestren dos carritos a la vez.

Contenido del panel

Mostrar el pago exprés

Añade al panel los botones de pago exprés, permitiendo que el cliente finalice la compra directamente desde el carrito lateral.

Mostrar la barra de progreso de envío gratis

Muestra dentro del panel una barra que indica cuánto le falta al cliente para alcanzar el envío gratuito, incentivando así que añada más productos.

Mostrar el formulario de cupón

Al habilitarla, el cliente puede introducir códigos de descuento sin salir del panel del carrito.

Mostrar el contador de productos

Muestra el número de artículos que contiene el carrito en la cabecera del panel.

Mostrar el subtotal

Incluye la línea de subtotal con el importe de los productos añadidos.

Mostrar la línea de envío

Añade una línea de envío debajo del subtotal.

Mostrar la nota de impuestos

Muestra la nota aclaratoria sobre los impuestos junto a los totales del panel.

Mostrar el enlace de seguir comprando

Añade un enlace que cierra el panel y devuelve al cliente a la navegación de la tienda.

Mostrar el botón "ver carrito"

Incorpora, junto al enlace de seguir comprando, un acceso a la página completa del carrito.

Permitir editar cantidades

Permite al cliente aumentar o reducir las unidades de cada producto directamente desde el panel.

Permitir eliminar productos

Añade a cada línea un botón para quitar el producto del carrito.

Mostrar imagen del producto

Incluye la miniatura de cada producto en el listado del panel.

Mostrar referencia del producto

Muestra la referencia o código del producto en cada línea del carrito lateral.

Mostrar atributos del producto

Muestra las combinaciones seleccionadas (talla, color, etc.) debajo del nombre de cada producto.

Mostrar precio unitario del producto

Añade el precio por unidad en cada línea, lo que ayuda al cliente a entender el cálculo cuando lleva varias unidades del mismo artículo.

Textos personalizados

Los siguientes campos son multiidioma y te permiten sustituir los textos del panel por los de tu tienda. Si dejas alguno vacío, el módulo utiliza su texto traducido por defecto.

Título personalizado

Texto que encabeza el panel del carrito lateral.

Texto personalizado de envío gratis restante

Mensaje que indica cuánto le falta al cliente para el envío gratuito. Puedes usar {amount} como marcador de posición para que el módulo inserte ahí el importe pendiente.

Texto personalizado de envío gratis alcanzado

Mensaje que se muestra cuando el cliente ya ha alcanzado el importe necesario para el envío gratuito.

Texto personalizado del botón de pago

Texto del botón que lleva al cliente desde el panel hacia el proceso de pago.

Texto personalizado de carrito vacío

Mensaje que aparece en el panel cuando el cliente todavía no ha añadido ningún producto.

Nota personalizada del subtotal

Texto aclaratorio que acompaña al subtotal, útil por ejemplo para precisar qué conceptos se calculan más adelante.

Apariencia y comportamiento

Posición del panel

Define desde qué lado de la pantalla se despliega el carrito lateral: derecha o izquierda.

Ancho del panel (px)

Establece el ancho del panel en píxeles, para ajustarlo al diseño de tu tienda.

Pantalla completa en móvil

Al activar esta opción, en dispositivos móviles el panel ocupa toda la pantalla en lugar de mostrarse como un panel lateral estrecho.

Mostrar fondo superpuesto

Oscurece el resto de la página mientras el panel está abierto, centrando la atención del cliente en el carrito.

Animación de apertura

Selecciona cómo aparece el panel: Slide lo hace deslizarse desde el lateral, mientras que Fade lo muestra con un efecto de desvanecido.

Editar Traducciones

El módulo incluye un editor de traducciones que te permite personalizar todos los textos en cualquier idioma instalado en tu tienda.

1. Accede a la sección "Traducciones" en la configuración del módulo
2. Selecciona el idioma que deseas editar
3. Modifica las cadenas de texto según necesites
4. Haz clic en "Guardar" para aplicar los cambios

Acciones disponibles

El editor de traducciones incluye varias acciones para gestionar tus traducciones:

Generar copia de seguridad

Para crear una nueva copia de seguridad, haz clic en el botón "Generar nueva copia de seguridad". El sistema creará un respaldo de la configuración actual del módulo.

Subir copia de seguridad

Si tienes una copia de seguridad descargada previamente, puedes cargarla haciendo clic en el botón "Subir copia de seguridad". Se abrirá un diálogo donde podrás seleccionar el archivo ZIP de la copia de seguridad.

Copias de seguridad disponibles

La lista muestra todas las copias de seguridad creadas. Puedes filtrar por fecha utilizando el selector de fecha y actualizar la lista con el botón "Actualizar lista".

Acciones de la lista

Cada copia de seguridad en la lista tiene las siguientes acciones disponibles:

Para restaurar, haz clic en el botón "Restaurar copia de seguridad" de la copia que deseas recuperar y confirma la acción en el diálogo.

Problemas Comunes

Preguntas Frecuentes

Licencias y Compra

Instalación y Compatibilidad

Actualizaciones

Soporte Técnico

Reembolsos y Garantía

Personalización