El diseñador del cliente
Qué ven y qué pueden hacer tus clientes al pulsar Diseñar ahora: herramientas, galería, códigos QR, avisos de calidad, varias caras, cantidades y edición desde el carrito.
El diseñador del cliente es el editor que usan los compradores para personalizar tu producto: añaden texto, fotos, imágenes de la galería y códigos QR, ven el resultado sobre tu producto y lo añaden al carrito. Conocerlo bien te ayuda a configurar los productos con criterio y a responder las preguntas de tus clientes.
El diseñador se abre cuando un comprador pulsa Diseñar ahora en una página de producto, se vuelve a abrir desde el carrito y también puede abrirse con un enlace de edición que envíes después de un pedido.
El lienzo
- La maqueta del producto de la variante seleccionada se muestra detrás de un Área de impresión marcada. Lo que quede fuera no se imprime, y así se le indica al comprador.
- Las áreas de impresión no rectangulares (elipse, triángulo, rombo) recortan el diseño con esa forma en la vista previa, exactamente igual que en el archivo de impresión.
- Una guía de zona segura ayuda a los compradores a mantener el contenido importante lejos de los bordes.
- Acercar, alejar y restablecer el zoom están disponibles en todo momento.
Herramientas
La barra de herramientas incluye Texto, Subir arte, Galería, Elementos, Plantillas, Mis diseños y Capas. Cuáles aparecen depende de tu configuración y del método de impresión del producto. Cuando hay un objeto seleccionado, una barra de herramientas contextual muestra sus opciones; lo que no cabe está en Más.
Texto
El comprador añade texto y lo edita directamente sobre el lienzo. Puede ajustar:
- La tipografía, con Google Fonts agrupadas por categoría (sans serif, serif, monoespaciada, display, manuscrita) más tus propias fuentes subidas.
- Tamaño, negrita, cursiva y alineación.
- Espaciado: un control deslizante de Interlineado y otro de Espaciado entre letras.
- Color: colores sólidos o degradados.
- Contorno: un contorno de color alrededor de las letras. El contorno se pinta por encima y no cambia el tamaño del texto, así que la composición se mantiene igual en el archivo de impresión.
El texto nuevo pasa a la línea siguiente tras un ancho corto en lugar de cruzar todo el lienzo, lo que mantiene legibles los nombres y los mensajes. Al arrastrar una esquina, el texto se escala hasta el tamaño del área de impresión. En los móviles, el texto nuevo empieza más grande para que se lea con facilidad, y al tocar por segunda vez un texto seleccionado se abre para editarlo.
Imágenes
- Abre Subir arte y arrastra y suelta, o toca para subir. Los formatos permitidos y el tamaño máximo de archivo dependen de tu plan y de tu método de impresión.
- Se aceptan archivos SVG. Primero se comprueba que cada uno sea seguro (se rechazan los archivos con scripts o enlaces a contenido externo) y después se convierte en una copia PNG de alta resolución, que es la que usan el diseñador y el archivo de impresión.
- Subir desde el móvil muestra un código QR para que los compradores que están en un ordenador puedan enviar fotos directamente desde su móvil. Consulta Códigos QR y subida desde el móvil.
- La pestaña Imágenes recientes guarda todo lo que el comprador ha subido en la biblioteca de esta sesión, con búsqueda por nombre de archivo y la opción de quitar subidas.
- Se muestra el tamaño original, con la acción Restablecer al tamaño original.
- Las herramientas de IA opcionales (eliminación de fondo, escalado, editor de imágenes y vectorizar) aparecen aquí cuando están activadas.
Galería
Cuando activas la Galería de diseños, un botón Galería abre tus cliparts y fondos. Los compradores eligen Clipart o Fondos, exploran por categoría o buscan por palabra clave y tocan una imagen para añadirla. Un fondo rellena toda el área de impresión por detrás del diseño; Quitar fondo lo elimina de nuevo.
Elementos: formas y códigos QR
Elementos contiene formas básicas con color de relleno y radio de esquina y, cuando el método de impresión permite imágenes, Código QR: Crea un código escaneable para un enlace, contacto o Wi-Fi. Los compradores eligen un tipo de contenido, un color y una tolerancia al daño, y el panel les indica a qué tamaño imprimirlo. Para cambiar un código ya colocado, lo seleccionan y pulsan Editar QR. Más detalles en Códigos QR y subida desde el móvil.
Color y degradados
El selector de color ofrece colores populares, degradados populares, un selector de color personalizado con control de tono y un creador de degradados personalizados con varias paradas de color y control de ángulo. También hay transparente donde tiene sentido.
Plantillas
Si ofreces plantillas de diseño, el panel Plantillas permite a los compradores aplicar un diseño ya preparado. Si mientras tanto el mismo diseño se cambió en otra pestaña o ventana, el diseñador dice Este diseño se actualizó en otro lugar. Recarga para continuar. Al recargar se recupera la última versión. Una plantilla aplicada se mantiene tras recargar la página, deshacer y rehacer.
Capas y propiedades
- El panel Capas muestra todos los objetos; desde ahí se pueden reordenar, ocultar, bloquear y eliminar.
- La posición, el tamaño, la rotación y la opacidad están en la barra de herramientas contextual, junto con las opciones propias de cada tipo de objeto.
- Proporción bloqueada / Proporción libre decide si una imagen o forma mantiene sus proporciones al cambiar de tamaño.
- Alinear, distribuir, duplicar, eliminar, deshacer y rehacer están en la barra de herramientas. Los objetos girados se alinean por sus bordes visibles, así que se quedan dentro del área de impresión.
Varias caras
Si el producto tiene más de una cara, un selector de caras permite al comprador pasar de Delantero a Trasero, a las mangas, etc. Las caras obligatorias deben contener al menos un elemento antes de pagar; las opcionales se pueden saltar, pero al menos una cara debe tener diseño.
Si el comprador intenta pedir con una cara obligatoria vacía, se le indica cuál: La cara “Trasero” requiere un diseño. Añade al menos un elemento antes de continuar.
Comprobaciones de calidad antes del pago
Customezo bloquea o avisa de los errores que arruinan un trabajo de impresión:
| Comprobación | Qué ve el comprador |
|---|---|
| Baja calidad de impresión | Una insignia de DPI y un aviso: Una imagen se imprime a ~120 DPI, por debajo de los 300 DPI que requiere este método de impresión. Según tu método de impresión, puede continuar o debe corregirlo. |
| Fuera del área de impresión | 2 objetos están fuera del área de impresión. Muévelos o redimensiónalos para que quepan dentro de la zona imprimible. El pedido se bloquea hasta corregirlo. |
| Cara obligatoria vacía | Se nombra en el error, como arriba. |
| Sin elementos de diseño | Pedir y guardar se bloquean si el diseño está completamente vacío. |
| Sin cantidad | Con una tabla de cantidades, hace falta indicar la cantidad de al menos un artículo. |
En el móvil, los mismos avisos aparecen de forma resumida: Baja calidad de impresión — reduce la imagen o sube un archivo más grande.
Variantes, cantidades y pedidos por volumen
El diseñador incluye la selección de variantes (muestras de color y selectores de opciones) y, en los productos pensados para volumen, una tabla de cantidades donde los compradores indican la cantidad de cada variante en una sola pantalla. El número de artículos, el total y el descuento por volumen se actualizan mientras escriben.
Si el diseño se está editando cuando ya está en el carrito, la cantidad y las opciones del producto quedan bloqueadas (Cantidad (bloqueada — cámbiala en tu carrito)) y solo se puede cambiar el contenido del diseño.
Precios en el diseñador
El panel del pedido muestra el precio del producto más lo que añada tu configuración:
- Tarifas por cara por diseñar en caras adicionales.
- Los Complementos y Efectos que haya elegido el comprador.
- El Descuento por volumen correspondiente a la cantidad indicada, con un aviso como Descuento desde 25+ artículos, hasta el 20%.
- El total actualizado.
Son las mismas reglas que se aplican en la pantalla de pago, así que el total no cambia al llegar allí. Consulta Precios y recargos y Descuentos por volumen.
Ocultar precios
Si desactivas Mostrar precios en el diseñador en Configuración → Configuración de la tienda, el diseñador deja de mostrar el precio del producto, los descuentos y los totales. Los cargos adicionales que elige el comprador siguen visibles, con la nota El precio del producto y los descuentos se calculan en el carrito y en el pago. Los cargos adicionales siguen visibles aquí. Los precios y descuentos se siguen aplicando en el carrito y en la pantalla de pago.
Guardar, añadir al carrito y editar después
- Guardar diseño guarda un borrador al que el comprador puede volver; los diseños guardados aparecen en Mis diseños.
- Si configuraste confirmaciones antes del carrito, una sección Antes de añadir al carrito pide primero al comprador que marque una casilla o responda una pregunta. Los campos obligatorios deben responderse.
- Añadir al carrito valida el diseño, genera una vista previa y añade la línea con su personalización.
- Desde el carrito, el enlace Editar diseño vuelve a abrir el diseñador y Actualizar carrito guarda los cambios, siempre que hayas activado Customezo Cart UX en tu tema. Consulta Configuración de la tienda. En móviles y tabletas, el diseñador se cierra solo después de guardar la edición del carrito o del pedido.
- Cuando bloqueas un pedido o empieza la producción, el enlace del carrito muestra tu etiqueta de bloqueo y el diseño ya no se puede cambiar.
Después del pedido, los clientes también pueden recibir un resumen del diseño, un enlace de edición o una prueba para aprobar, según tu modo de comunicación.
Marca e idioma
El diseñador usa tu logotipo, el color del tema, el estilo y el radio de los botones definidos en Marca del diseñador, y muestra las medidas en la unidad que hayas elegido. Está traducido a todos los idiomas que admite Customezo y sigue el idioma de la tienda del comprador.