Añadir un campo al checkout de PrestaShop, con un módulo gratis

Añadir una pregunta al checkout de PrestaShop con el plan gratuito de Easy Checkout Fields, desde la instalación del módulo hasta la respuesta en el pedido, con capturas.

Añadir un campo al checkout de PrestaShop, con un módulo gratis
Respuesta rápida

PrestaShop no tiene ningún ajuste para añadir un campo al checkout: hace falta un módulo. El plan gratuito de Easy Checkout Fields añade hasta tres campos (texto, lista, sí / no, consentimiento…) a los pasos del checkout, de PrestaShop 1.7.6 a 9.1, y muestra las respuestas en la ficha del pedido y en los e-mails.

VídeoVídeo en francés

PrestaShop : ajouter un champ personnalisé à la commande (module gratuit)

El canal de YouTube de Gekkode publica más vídeos sobre IA y código.

Suscríbete para apoyar el canal

El proceso de compra de PrestaShop pide un nombre, una dirección, un transportista y un método de pago. En cuanto una tienda necesita algo más, como el código del portal, un número de orden de compra, una fecha de recogida o una casilla de consentimiento, hay que añadir una pregunta al checkout, y PrestaShop no tiene ningún ajuste para hacerlo.

Esta guía muestra cómo añadir un campo al checkout de PrestaShop con Easy Checkout Fields, el módulo de Gekkode, en su plan gratuito: descarga, instalación, creación del campo y respuesta en el pedido, con capturas de una tienda PrestaShop 9.1 de pruebas.

Añadir un campo personalizado al checkout de PrestaShop, paso a paso

El plan gratuito permite tres campos activos y seis tipos: texto corto, área de texto, lista desplegable, sí / no, casilla de consentimiento y bloque informativo. Cada campo se coloca antes o después de uno de los cuatro pasos del checkout, y la respuesta aparece en la ficha del pedido del back-office, en la página de confirmación, en la cuenta del cliente y en los e-mails del pedido. El módulo es compatible con PrestaShop 1.7.6 a 9.1, con el proceso de compra nativo y el tema Classic. El plan gratuito no necesita clave de licencia.

Las capturas de abajo proceden de una tienda PrestaShop 9.1 en inglés, con la versión 1.1.7 del módulo y el plan gratuito.

1. Descargar el módulo

En la ficha de Easy Checkout Fields, elige el plan Free y añádelo al carrito. El pedido sale a 0 € y no pide tarjeta, pero sí una cuenta gratuita en el marketplace. Luego descargas el ZIP desde tu área de cliente, en el apartado Mis licencias, con el botón Descargar módulo.

2. Instalar el ZIP en PrestaShop

En el back-office, abre Modules > Module Manager, haz clic en Upload a module y suelta el archivo ZIP. La instalación no cambia nada en el checkout: los clientes no ven nada mientras no crees y actives un campo. El módulo queda después en el menú Orders > Easy Checkout Fields.

La ventana «Upload a module» del gestor de módulos de PrestaShop
La ventana de subida de módulos de PrestaShop: aquí se suelta el ZIP descargado.

3. Crear el campo

En la pestaña Fields, haz clic en New field. El bloque principal pide la etiqueta que verá el cliente, el tipo de campo, un texto de ejemplo y una ayuda opcional. Para un campo de instrucciones de entrega, un área de texto es lo adecuado:

Formulario de creación de un campo de Easy Checkout Fields, rellenado para «Delivery instructions» de tipo área de texto
El campo «Delivery instructions»: etiqueta, tipo área de texto, ejemplo y ayuda. Los tipos bloqueados indican el plan que los desbloquea.

La columna derecha define tres cosas: si el campo está activo y es obligatorio, en qué paso del checkout aparece (aquí el de envío, después de los transportistas) y dónde se mostrará luego la respuesta. Con el plan gratuito, la factura en PDF y el albarán de entrega aparecen en gris.

Ajustes del campo: estado activo, obligatorio, paso de envío después de los transportistas, visualización de la respuesta
Estado, paso del checkout y lugares donde aparece la respuesta. El PDF requiere el plan Pro.

Para el ejemplo se crearon otros dos campos del mismo modo: una lista «How did you hear about us?» al principio de los datos personales y un interruptor sí / no «This order is a gift» antes del pago. El cuarto campo se rechaza con un mensaje que recuerda el límite del plan:

Lista de campos del módulo con la etiqueta Free y el mensaje de límite de tres campos activos
Tres campos activos, el límite del plan gratuito. Cada campo se arrastra con el ratón para cambiar el orden.

4. Comprobar el campo en el checkout

En la parte del cliente, el campo aparece bajo el título «Additional information», en el lugar elegido. Aquí, debajo de los transportistas, junto al cuadro de mensaje nativo de PrestaShop:

Paso de envío del checkout de PrestaShop con el campo «Delivery instructions» rellenado debajo de los transportistas
El campo de instrucciones en el paso de envío, con su texto de ayuda.

La lista desplegable se coloca al principio del primer paso, incluso antes de elegir entre comprar como invitado o iniciar sesión:

Paso de datos personales con la lista «How did you hear about us?»
Una lista desplegable al principio de los datos personales.

5. Encontrar la respuesta en el pedido

Tras el pedido, la ficha del pedido del back-office muestra un bloque «Additional information» con la etiqueta de cada campo y la respuesta del cliente:

Bloque «Additional information (Easy Checkout Fields)» en la ficha del pedido del back-office de PrestaShop
Las tres respuestas en la ficha del pedido. Las etiquetas quedan fijadas en el momento del pedido.

Las mismas líneas salen en la página de confirmación, en el detalle del pedido de la cuenta del cliente y en los e-mails, incluido el de «nuevo pedido» que recibe el comerciante:

E-mail «New order» recibido por el comerciante con el bloque de información adicional
El e-mail de nuevo pedido que recibe la tienda.

La guía completa, con los ajustes de cada tipo de campo, está en la documentación del módulo.

Los límites del plan gratuito

El plan Free cubre una tienda y sirve para unas pocas preguntas que se hacen a todos los clientes, con estos límites:

  • tres campos activos como máximo,
  • sin campos de fecha, hora, número, e-mail, teléfono, botones de opción, casillas múltiples ni subida de archivos,
  • sin visualización condicional: no se puede mostrar un campo según el transportista, el método de pago, el país u otra respuesta,
  • la respuesta no sale en la factura en PDF ni en el albarán, no hay exportación CSV y no se puede corregir una respuesta desde el pedido.

El plan Pro quita estos límites por 2 € al mes o 19,20 € al año. En cuanto a compatibilidad, el módulo está validado en el checkout nativo de PrestaShop 1.7.6 a 9.1 con el tema Classic. El tema Hummingbird y PrestaShop 9.2 todavía no están soportados. Tampoco se han validado los módulos de checkout en una página de otros desarrolladores ni los temas que reescriben el proceso de compra. En esas tiendas, prueba primero en una copia del sitio.

Preguntas frecuentes

¿Se puede hacer obligatorio el campo?

Sí, en todos los planes: el interruptor Required field impide al cliente terminar el pedido sin responder, siempre que el campo se le muestre. El plan Pro añade la obligatoriedad condicional, por ejemplo un número de orden de compra exigido solo para el pago por transferencia.

¿El campo aparece en la factura?

Con el plan gratuito, no. La respuesta se ve en la ficha del pedido, en los e-mails y en la cuenta del cliente. La factura en PDF y el albarán requieren el plan Pro.

¿Las respuestas de los clientes cumplen el RGPD?

El módulo se apoya en el módulo oficial RGPD de PrestaShop para exportar y borrar los datos de un cliente. En todos los planes ofrece también una purga de los carritos abandonados y una anonimización programada. Los ajustes se explican en la documentación.

Resumen

  • PrestaShop no tiene ningún ajuste para añadir una pregunta al checkout: hace falta un módulo.
  • El plan gratuito de Easy Checkout Fields añade hasta tres campos (texto, lista, sí / no, consentimiento…) de PrestaShop 1.7.6 a 9.1, sin clave de licencia.
  • Las respuestas aparecen en la ficha del pedido, la página de confirmación, la cuenta del cliente y los e-mails del pedido.
  • El plan Pro añade los demás tipos de campo, la visualización condicional, la factura en PDF y la exportación CSV, por 2 € al mes o 19,20 € al año.

Si quieres ir más allá con tu tienda, nuestro artículo sobre el MCP de PrestaShop explica cómo gestionar un catálogo con un agente de IA. Y para redactar las etiquetas y las ayudas, las buenas prácticas de los formularios HTML también sirven para un campo de pedido.

PrestaShop

Damien Flandrin Desarrollador web desde 2010, creador de Gekkode y de Email Impact. Cada artículo se prueba en un proyecto real antes de publicarse. Contacto
Newsletter

Las nuevas pruebas, tutoriales y proyectos, por correo.

Pruebas reproducibles, código versionado, resultados fechados. Nunca spam.