Un diseño solo se vuelve personalizable cuando decides qué partes pueden cambiar los compradores. Esta guía te muestra cómo convertir un elemento en un campo de personalización, elegir el tipo de campo adecuado y definir su etiqueta, su valor predeterminado y sus límites. Es para comerciantes que construyen un producto en el Design Studio y quieren controlar exactamente qué pueden editar los clientes.
Qué pueden editar los clientes
No todos los elementos del lienzo son editables por los compradores. Tú eliges cuáles lo son. Cuando marcas un elemento como personalizable, se convierte en un campo del formulario del personalizador, el formulario que rellena un comprador para hacer suyo el producto.
Estos tipos de elemento pueden convertirse en campos de personalización:
- Capas de Texto, para nombres, fechas y mensajes cortos.
- Capas de Foto, para subir fotos.
- Formas de Rectángulo y Círculo, donde los clientes eligen un color.
- Listas desplegables, donde un texto o una forma se convierte en una lista de opciones predefinidas.
- Elementos especiales: Mapa de ciudad, Ruta deportiva, Mapa de viaje, Mapa estelar, Fase lunar y Avatar.
- Un gráfico de varias partes, donde cada parte puede tener su propio selector de color.
Todo lo demás queda fijo. Así tu maquetación se mantiene intacta y los compradores siguen teniendo margen para personalizar las partes que importan.
Para ver cómo se ve todo esto desde el lado del comprador, lee cómo personaliza un comprador un producto.
Haz que un elemento sea editable
Conviertes un elemento en un campo con el botón P de la barra de herramientas flotante. El mismo botón abre los detalles del campo cuando ya es personalizable.
Selecciona un elemento que se pueda personalizar
Haz clic en el elemento del lienzo. Elige uno de los tipos admitidos: una capa de texto, una imagen, un rectángulo o un círculo, o uno de los elementos especiales. Si la barra de herramientas flotante no tiene botón P, ese tipo de elemento no puede ser un campo.
Haz clic en el botón P para hacerlo personalizable
El botón P aparece en la barra de herramientas flotante, encima del elemento seleccionado. Haz clic una vez para convertir el elemento en un campo editable por el cliente y abrir sus ajustes de Personalización.
Edita los detalles del campo
En la pestaña Personalización, define la etiqueta, el tipo de campo y los límites. Si vuelves más tarde a un campo existente, al hacer clic en P se abren de nuevo estos ajustes.
Define el tipo de campo, la etiqueta y los límites
Cuando un elemento es un campo, controlas cómo se comporta. Los tipos de campo disponibles dependen del elemento que seleccionaste, así que solo ves las opciones que tienen sentido para él.
Elige el tipo de campo
Elige el tipo que encaje con el elemento. Una capa de texto ofrece Texto, Párrafo, Lista desplegable, Número y Fecha. Un rectángulo o un círculo ofrece un selector de color, una lista desplegable o una casilla. Una imagen ofrece subida de foto o una casilla. Un gráfico de varias partes ofrece un selector de color por parte. Cambiar el tipo restablece los límites de ese campo, así que define primero el tipo.
Define la etiqueta y el texto de ayuda
Dale al campo una Etiqueta clara, como “Tu nombre” o “Elige un color”. Añade un Texto de ayuda opcional para explicar qué escribir, y un Texto de ejemplo para mostrar un ejemplo dentro del campo. Activa Obligatorio si el comprador debe rellenar este campo antes de poder pagar.
Añade límites para el tipo de campo
Cada tipo tiene sus propios límites. Para un texto, define una Longitud máxima. Para un campo de color, define los colores permitidos. Para una lista desplegable, enumera las opciones entre las que pueden elegir los compradores. Para un campo de número o de fecha, define un mínimo y un máximo. Estos límites mantienen lo que escribe el cliente dentro de lo que tu impresión puede manejar.
Define las reglas de subida de imagen para los campos de foto
Un campo de foto tiene sus propias reglas en la pestaña Personalizar. En Foto del cliente, Encuadre fija la forma del recortador. Empieza en Área de impresión, para que el comprador encuadre exactamente lo que se imprime; elige Libre para que decida el comprador. La fila Subida y ajuste que hay debajo, y la fila Reglas de subida más abajo, resumen cada una su configuración en una línea, así que puedes leerla sin abrirlas. Haz clic en una fila para abrir su página.
Subida y ajuste decide cuánto puede hacer el comprador con su imagen. Modo de subida ofrece Subida directa, que toma el archivo tal cual, Recortar y ajustar, que le da un paso de recorte, y Solo reposicionar, que le permite arrastrarla y escalarla dentro del marco. Comportamiento de relleno es Ajustar (mostrar toda la foto) o Rellenar (cubrir el área).
Reglas de subida gobierna el archivo en sí. Un campo de foto sigue las reglas de subida de tu tienda, que defines una sola vez en la página Customizer del panel, en Fotos de clientes, y entonces su fila dice Reglas de la tienda. Para dar a un campo reglas propias, abre sus Reglas de subida y activa Sustituir los valores de la tienda. Tipos de archivo activa o desactiva PNG, JPG, WebP, HEIC y SVG de forma individual. En un teléfono, el botón de subida ya ofrece la cámara junto a la fototeca, así que un comprador puede fotografiar algo en el momento.
Hay dos cifras de DPI, y hacen trabajos distintos. DPI mínimo avisa al comprador de que una foto tiene poca resolución, sin impedirle seguir. Bloquear por debajo de rechaza de plano cualquier foto por debajo de ese valor. Define el bloqueo en el mínimo que tu flujo de impresión pueda usar de verdad y deja un margen entre las dos cifras, para que una foto límite reciba un aviso en lugar de fallar. Tamaño máx. de archivo limita la subida en megabytes.
Procesa cada subida de la misma manera
La pestaña Personalizar de un campo de foto tiene una sección Estilos de foto: estilos de limpieza, artísticos y de color que se aplican a cada foto del cliente. Añade uno con Añadir estilo de foto. Se aplican de arriba abajo, en el orden de la lista, y puedes arrastrarlos para reordenarlos.
Así mantienes coherente el aspecto de una tienda cuando las imágenes vienen de los clientes. Con un filtro de escala de grises en cada subida, todas las tazas con retrato quedan igual, sea cual sea la foto que envió el comprador.
Un efecto de IA aquí funciona a través de tu propio proveedor de IA conectado, así que se factura a tu clave como cualquier otra generación con IA. Lee cuánto cuesta la generación con IA antes de poner uno en un campo que usan todos los compradores.
Usa la pestaña Personalización para el resto
La pestaña Personalización reúne los ajustes más a fondo. Define un Valor predeterminado para que el campo empiece ya relleno. Activa las opciones del cliente, como dejar que los compradores elijan una fuente o un color, o permitirles cambiar el tamaño y la posición de un elemento. En Avanzado, añade reglas condicionales para que un campo solo aparezca cuando otro campo tenga un valor.
¿Por qué mi elemento no tiene botón P?
Ese tipo de elemento no puede ser un campo de personalización. Solo lo admiten los textos, las imágenes, los rectángulos, los círculos, las listas desplegables y los elementos especiales de mapa, luna, estrellas y avatar.
¿Dónde están las opciones de fuente y de color?
Abre la pestaña Personalización y busca las opciones del cliente. Ahí puedes dejar que los compradores elijan una fuente o un color mientras escriben su propio texto.
¿Puede un campo aparecer solo a veces?
Sí. Abre la sección Avanzado de la pestaña Personalización y añade una regla condicional que muestre el campo solo cuando otro campo tenga un valor.
¿Qué pasa cuando cambio el tipo de un campo?
Los límites propios de cada tipo se restablecen, así que define primero el tipo de campo y luego añade sus límites y su etiqueta.
Cuando tus campos estén listos, decide el orden y la agrupación que ven los compradores. Siguiente: maquetación del personalizador y orden de los campos.