Skip to main content

Ejemplo diseñador producto personalización de varios modelos de bolígrafos

En este producto al cliente se le ofrece poder comprar 3 modelos de bolígrafos diferentes con personalización gráfica para cada uno.


image.png

El cliente puede seleccionar el modo de color del serigrafiado y el color de la tinta.
El producto se ofrece para compra por cantidad de unidades. Mínimo 500 bolígrafos.
El precio se muestra en tabla relacionada con las opciones de tiempo de producción.

image.png

En este producto el selector de lienzos de personalización muestra sólo uno. El correspondiente al tipo de bolígrafo seleccionado por el cliente.

Creando del lienzo para personalización gráfica de un bolígrafo

Preparación de archivos:

  • Archivo JPG para la miniatura. Tamaño igual o inferior a 1 MB.
  • Archivo JPG con fondo blanco del modelo de bolígrafo. Esta imagen actuará como mockup.
  • Archivo PNG con fondo transparente con un icono de carga de imagen y opcionalmente con un marco de línea discontinua según el perímetro de la imagen. Esta imagen se utilizará para definir el área de reemplazo.

Creación del lienzo:

  1. Nombrar el lienzo
  2. Ajustar modo de color en "A todo color"
  3. Ajustar tipo de imagen a subir en "Ambos"
  4. "Texto" deshabilitado permitir añadir texto al cliente
  5. Especificar para la vista del lienzo el ancho de 30 cm y el alto de 14 cm. 
  6. Cargar la imagen de miniatura preparada.
  7. Guardar cambios

    image.png

Edición del lienzo:

  1. Subir la imagen JPG con el mockup del bolígrafo
    Opcional resetear el área de impresión y definir el área de impresión según el último objeto seleccionado. Esto redimensionará el área de impresión adaptándolo a la imagen que se ha utilizado.
    Ir a interfaz de capas y bloquear la imagen para que el cliente no pueda manipularla.
    image.png
  2. Cargar la imagen preparada para mostrar y usar como área de reemplazo.
    Escalar la imagen al tamaño del área de personalización del bolsillo y posicionar en la ubicación del área a personalizar. Definir la imagen como área de reemplazo haciendo clic en el icono de nube en la capa. 

    image.png

  3. Guardar cambios.

  4. Repetir el proceso para crear los lienzos de los otros dos modelos de bolígrafos con las imágenes de miniaturas y mockups correspondientes

Vinculando lienzo:

En este producto se ha vinculado el lienzo a cada valor de la característica Modelo.  El cliente al seleccionar un modelo de bolígrafo el selector de personalización de lienzo mostrará la imagen miniatura correspondiente a l modelo seleccionado. El cliente al hacer clic en el selector de personalización accede al lienzo de personalización de ese tipo de bolígrafo.

Previa selección del área de reemplazo el cliente carga su diseño y puede transformarlo. El cliente ve en tiempo real sobre el mockup del bolígrafo los cambios de la personalización. Una vez conforme hace clic en botón "Hecho", y la aplicación le lleva a la página del producto para que pueda añadirlo al carrito.
Cuando se añade al carrito el producto personalizado con el diseñador la aplicación guarda la personalización provisionalmente para que una vez tramitado el pedido esté disponible para descarga en el pedido.