Personalización de productos en tiempo real en Shopify: nombre, dorsal y vista previa
La vista previa es lo que vende. Lo que hace que funcione es todo lo demás: límites, precio, archivos para producción y una política de devoluciones clara.
Para que un cliente añada un nombre y un dorsal a un producto y lo vea antes de comprar necesitas tres piezas: los campos en la ficha de producto, una vista previa en directo y una forma de llevar la personalización por el carrito, el pago y la producción. En Shopify puedes hacerlo con una app del mercado o con una aplicación a medida para tu tienda. Cuál te encaja depende de lo fiel que tenga que ser la vista previa, de cuántos productos y reglas tengas y de cómo lleguen los pedidos a quien los estampa.
Qué es personalizar en tiempo real
- El cliente escribe un nombre, elige un dorsal y, quizá, una tipografía o un parche.
- La imagen del producto cambia mientras escribe, con la letra, el color y la posición correctos.
- El precio se actualiza si la personalización cuesta más.
- El texto se comprueba antes de llegar al carrito: longitud, caracteres permitidos, palabras prohibidas.
- El pedido llega con todo lo que necesita producción, sin que nadie lo vuelva a teclear.
Las piezas en Shopify
Los campos. Shopify puede guardar texto personalizado en cada artículo del carrito como propiedades de línea (line item properties). Ese dato viaja con el artículo por el carrito, el pago y el pedido, y así el nombre y el dorsal van con la camiseta correcta.
El precio. Si personalizar cuesta más, que se vea. Una forma habitual es añadir la personalización como un artículo o una variante aparte, para que el cargo quede claro para el cliente y para tu equipo.
La vista previa. Dibuja el texto sobre las imágenes del producto, en el navegador. En las equipaciones oficiales es donde está casi todo el trabajo: las tipografías, tamaños y posiciones correctos para cada producto y cada talla, y que se vea rápido en un móvil de gama media.
La producción. Cada pedido debería generar lo que necesita tu estampador, normalmente un archivo con el texto, la tipografía, el tamaño y la posición exactos, o al menos datos limpios y siempre con el mismo formato. Volver a teclear nombres desde las notas del pedido es la mejor forma de equivocarse.
¿App o aplicación a medida?
| App del mercado | Aplicación a medida | |
|---|---|---|
| Puesta en marcha | Días | Semanas |
| Vista previa | Buena con plantillas estándar | Igual que tus productos reales: letra y posición por talla |
| Reglas | Las opciones de la app | Las tuyas: listas de jugadores, parches, límites por producto |
| Producción | Exportación o a mano | Archivos y datos en el formato de tu estampador |
| Coste | Cuota mensual | Desarrollo más mantenimiento |
| Encaja con | Pocos productos con texto sencillo | Equipaciones oficiales, catálogos grandes, lanzamientos y mucho volumen |
Muchas tiendas empiezan con una app y pasan a una aplicación a medida cuando la vista previa, las reglas o la producción dejan de encajar.
Reglas que evitan devoluciones y quejas
- Limita los caracteres por producto y talla. Un apellido largo que cabe en una camiseta de adulto puede no caber en una infantil.
- Permite solo los caracteres que tiene tu tipografía. Si no tiene tildes, dilo o conviértelas.
- Bloquea las palabras ofensivas y lo que no se pueda estampar.
- Que la vista previa no engañe: la tipografía real y un aviso de que es una simulación.
- Pide una última revisión: «Los productos personalizados se estampan tal como los escribes».
- Muestra el plazo de producción de los productos personalizados antes del pago.
Devoluciones: dilo antes de la compra
En España, el derecho de desistimiento no se aplica a los bienes confeccionados conforme a las especificaciones del consumidor o claramente personalizados: lo dice el artículo 103 c) de la Ley General para la Defensa de los Consumidores y Usuarios (texto del artículo), que sigue la directiva europea de derechos de los consumidores. Si el producto llega defectuoso, la garantía sigue valiendo. Pon la regla en la ficha de producto y en el pago, no solo en las condiciones.
Lanzamientos y días de partido
Los lanzamientos de equipación y los días de partido traen picos de visitas. Carga la vista previa solo cuando el cliente abre la personalización, usa tipografías ligeras y prueba en móviles de gama media con datos. Si la vista previa falla, el cliente debería poder comprar el producto sin personalizar en lugar de toparse con un error.
Cómo lo hicimos para Al Nassr FC
Hicimos la tienda oficial de Al Nassr FC en Shopify, junto con una aplicación a medida para que los aficionados personalicen las prendas en tiempo real dentro de la tienda. Para nosotros, la personalización es parte de la tienda, no un complemento: tipografías, reglas, precio y producción se diseñan juntos.
Cómo te ayudamos en Qode
Si vendes productos personalizados, o quieres hacerlo, revisamos tu tienda y te decimos si te basta una app o te compensa una aplicación a medida. Empieza por un diagnóstico de 30 minutos. También hacemos portales B2B para distribuidores y agentes de IA que responden por los pedidos.
Preguntas frecuentes
¿Puedo personalizar productos en Shopify sin una app?
Puedes recoger el texto con propiedades de línea editando tu tema. La vista previa en directo, las comprobaciones y los archivos de producción necesitan código a medida o una app.
¿Tengo que aceptar devoluciones de productos personalizados?
En España y en el resto de la UE, el derecho de desistimiento no se aplica a los productos claramente personalizados, aunque los defectuosos siguen en garantía. Explícalo antes de la compra.
¿La vista previa hará más lenta la ficha de producto?
No debería. Cárgala solo cuando el cliente abre la personalización, usa tipografías ligeras y prueba en móviles de gama media.