Usa Clipart cuando el cliente deba elegir una imagen que tú proporcionas. Sirve para ilustraciones, logotipos, fondos, marcos transparentes y otras ilustraciones. Tú eliges qué imágenes ofrecer; el cliente elige una en el personalizador.
Usa Imagen para una imagen fija o para que el cliente suba una foto. Para combinar una foto del cliente con una selección de marcos, añade una capa de Imagen para la subida y una capa de Clipart aparte encima para los marcos.
Es fácil confundirlo con el panel Gráficos, así que empieza por aquí: Gráficos es tu propia biblioteca, y lo que hagas clic va al lienzo y se queda allí. Clipart es un campo de personalización. Tú eliges la categoría; el cliente elige el gráfico.
Antes de empezar: las ilustraciones viven en Medios
Un elemento Clipart usa imágenes de una categoría de tu biblioteca de medios. Puedes conservar toda la categoría o seleccionar una parte para este elemento. Una vez que seleccionas una parte, añadir más archivos a la categoría de origen no los añade a esa selección.
Si todavía no tienes categorías, el panel lo dice exactamente así y te envía a Medios para crear una. Esto es lo que ve una cuenta nueva:
Crea primero la categoría, en la biblioteca de medios, y luego vuelve aquí.
Añade el elemento
Abre el panel Clipart
En el Design Studio, abre Elementos y haz clic en la ficha Clipart.
Elige de dónde viene la categoría
Mis categorías lista las categorías que ha creado tu organización. Biblioteca lista categorías ya preparadas que puedes tomar: elige Añadir a mi biblioteca y pasa a ser tuya para usarla y ampliarla.
Cuando una categoría de la biblioteca crece después de que la hayas tomado, el panel te ofrece añadir los gráficos nuevos en lugar de obligarte a rehacerla.
Elige una categoría
Haz clic en una categoría y el elemento aparece en el lienzo mostrando uno de sus gráficos. Cada categoría indica cuántos gráficos contiene, así que una vacía se nota antes de usarla.
Elige las imágenes que ofrecer
Selecciona el elemento Clipart. Bajo Contenido, en la pestaña Diseño, su conjunto aparece como fichas cuadradas, cuatro por fila. Haz clic en la ficha con el signo más, Añadir imágenes, para abrir la categoría que ya usa este elemento.
Suelta archivos en la zona de subida para añadirlos directamente a esta categoría y a este elemento. O haz clic en Añadir imágenes en la zona para abrir el selector de medios estándar, empezando en la categoría actual. Sube archivos nuevos, selecciona imágenes existentes y edita sus títulos en el panel de detalles. Las imágenes que este elemento ya ofrece muestran una insignia marcada Ya añadido y no se pueden seleccionar de nuevo. Solo las selecciones nuevas cuentan para Añadir imágenes. Confirma con Añadir imágenes.
Las subidas siempre van a esta categoría de clipart, aunque explores otra carpeta en el selector. Seleccionar una imagen existente de otra carpeta añade una copia a la categoría sin mover el original. Volver a seleccionar la misma imagen no añade otra copia. Las subidas se quedan en la biblioteca de medios aunque canceles el selector.
Eliminar un recurso a través del selector lo quita de la biblioteca de medios tras una confirmación; los recursos usados por diseños están protegidos. Quitar una opción en el editor solo la quita de este elemento.
Las fichas muestran dos filas a la vez; en un conjunto mayor, Todas muestra el resto. Una estrella marca la imagen predeterminada. La línea bajo las fichas cuenta las imágenes y termina en Gestionar el conjunto.
Elige Gestionar el conjunto para abrir el gestor. Busca por nombre o usa las flechas de página para encontrar una opción. Edita un nombre directamente en su fila; pulsa Intro o sal del campo para aplicarlo. Cambia el número de posición para reordenar una imagen, define el Precio de cada imagen, elige una predeterminada con la estrella, o selecciona varias imágenes y usa Quitar de las opciones. Un precio es el recargo de la imagen en tu biblioteca de medios, así que se aplica dondequiera que se use esa imagen. Conserva al menos una imagen. Deshacer eliminación restaura la eliminación más reciente mientras el gestor está abierto. Aplicar cambios aplica el borrador completo; Cancelar lo descarta. Cambiar nombres, reordenar y quitar requieren que el campo esté activado en la pestaña Personalizar; hasta entonces el gestor solo busca en el conjunto y elige la predeterminada.
Quitar una opción solo afecta a este elemento; el original sigue en tu biblioteca de medios. Los nombres y el orden también se aplican solo a este elemento y no cambian el nombre de los archivos ni otros diseños. Si quitas la imagen predeterminada, la primera imagen que quede pasa a ser la predeterminada.
Para usar otra categoría, abre Añadir imágenes y elige Cambiar categoría. Aplicar imágenes de otra categoría sustituye la selección de este elemento y define una predeterminada válida a partir de las imágenes nuevas.
Ofrece la opción de no poner imagen
En la pestaña Personalizar, activa Sin imagen bajo Lo que los clientes pueden cambiar para que los clientes puedan dejar esta capa vacía. Define su Nombre de la opción vacía, por ejemplo “Sin marco”, y activa Empezar sin imagen si la capa debe empezar vacía.
Seleccionar esta opción oculta solo la ilustración de esta capa. Una foto aparte del cliente permanece en su sitio. No se añade ningún recargo de ilustración ni de campo por esta opción vacía. Cuenta como respuesta válida cuando el campo es obligatorio.
Usa ilustraciones con dimensiones coincidentes y fondos transparentes cuando deban quedar sobre una foto. Cada opción sustituye la imagen en la misma posición y tamaño de la misma capa Clipart.
Define lo que ven primero los clientes
La imagen con la estrella, en las fichas del conjunto bajo Contenido, es la que aparece antes de que el cliente toque nada: en tu lienzo, en la vista previa del producto y en el carrito si no cambia nada. Haz clic en la ficha de la imagen que vende el producto en una miniatura y la estrella se mueve a ella. Para abrir con la capa vacía, activa Empezar sin imagen, que aparece cuando Sin imagen está activada.
En los elementos existentes que aún usan una categoría entera, la categoría sigue siendo el origen de las imágenes disponibles.
Elige cómo se ve el selector
Cómo lo ven los clientes, en la pestaña Personalizar, define el diseño del selector en tu tienda. Hay seis, y el adecuado depende de si la gente reconoce tus ilustraciones a simple vista o por el nombre.
Elige una ficha visual para cambiar el diseño. Cada ficha muestra una pequeña muestra del diseño y un nombre corto, y la ficha seleccionada está marcada. El (i) de la sección nombra el diseño seleccionado y para qué sirve. Las muestras ilustran el diseño, no tus ilustraciones reales. Tus opciones existentes y la predeterminada no cambian al cambiar de diseño.
| Ficha | Diseño | Ideal para |
|---|---|---|
| Con nombres | Cuadrícula de miniaturas | Ilustraciones que los clientes reconocen a simple vista, como razas de perros o signos del zodiaco |
| Imagen + nombre | Lista con miniaturas | Cuando importan tanto los nombres como las imágenes, como los escudos de equipos |
| Lista de nombres | Lista de nombres | Listas largas con nombres claros, donde cuarenta miniaturas serían un muro |
| Compacto | Miniaturas compactas | Imágenes pequeñas sin títulos; el nombre aparece al pasar el cursor o al enfocar con el teclado y permanece visible para la opción elegida en pantallas táctiles |
| Desplegable | Menú desplegable | Un selector compacto que muestra una imagen pequeña, el nombre y cualquier recargo de cada opción |
| Botones | Botones | Un puñado de opciones con una imagen pequeña junto a cada nombre |
Los botones y el menú desplegable muestran una pequeña vista previa junto a cada nombre, incluida la opción del menú desplegable que está seleccionada. La opción vacía usa un icono de sin imagen. Abre el menú desplegable con Intro o Espacio, recórrelo con las teclas de flecha (o escribe el principio de un nombre), selecciona con Intro y ciérralo sin cambiar la selección con Escape.
Una cuadrícula de cuarenta miniaturas en un móvil obliga a desplazarse mucho. Si tu categoría es larga y los nombres no son ambiguos, una lista de nombres o un menú desplegable ocupa menos espacio.
Los dos diseños de lista permanecen abiertos y tienen filas espaciadas con nombres que se ajustan en varias líneas. El menú desplegable se abre a petición. Los diseños existentes mantienen su diseño actual. Las miniaturas compactas conservan las proporciones completas de la ilustración; una imagen rota sigue mostrando su nombre. La opción vacía opcional usa una ficha solo con icono del mismo tamaño, con su nombre disponible al pasar el cursor, al enfocar y al seleccionar.
Deja que los clientes recoloreen lo que elijan
Recolorear, bajo Lo que los clientes pueden cambiar en la pestaña Personalizar, añade controles de color al selector, para que el cliente pueda cambiar los colores del gráfico que eligió.
Solo funciona con gráficos que tienen colores separados que cambiar, lo que en la práctica significa ilustraciones SVG. Su (i) te dice cuántos de los gráficos de la categoría cumplen, así que una categoría en la que solo la mitad se puede recolorear se ve antes de que lo prometas. Si ninguno puede, el interruptor no está disponible y su (i) dice por qué: una foto o una imagen plana no tiene colores separados.
Cobra más por los gráficos que cuestan más
Recargo define un importe adicional para un gráfico concreto. Úsalo cuando una opción te cuesta de verdad más, como un diseño con más colores de impresión o uno que licencias por uso.
Es por gráfico, no por categoría, así que la mayor parte de tus ilustraciones pueden quedarse al precio base mientras dos o tres cuestan más. El importe se suma a cualquier recargo ya definido para todo el campo, incluido uno porcentual. Un campo con un recargo del 10% y un gráfico con un recargo fijo cobra ambos.
Importa muchas ilustraciones de una vez
Abre Importar ZIP bajo la lista de categorías, elige la categoría de destino y luego elige tu archivo ZIP. La importación es una acción masiva opcional; las categorías existentes no hace falta subirlas de nuevo. Para imágenes sueltas, abre Añadir imágenes y suelta archivos en la zona de subida, o usa su botón Añadir imágenes para abrir el selector de medios. Los archivos no compatibles o demasiado grandes de un ZIP se omiten en lugar de hacer fallar toda la importación, y el resultado te dice cuántos entraron y cuántos se dejaron fuera.
Las miniaturas de categoría muestran la imagen predeterminada marcada con la estrella de un elemento Clipart de la superficie de diseño actual. Si varios elementos usan esa categoría, tiene prioridad el elemento seleccionado. Esto no cambia la biblioteca compartida ni otros diseños. Las categorías sin una predeterminada de elemento usan su portada o la primera imagen disponible; las categorías vacías muestran un icono de carpeta.
Siguiente
Para elegir tú mismo el gráfico en lugar de dejar que lo elija el cliente, usa el panel Gráficos. Para definir dónde aparece este campo en el formulario del cliente, consulta diseño del personalizador y orden de los campos.