Con la característica Texto propio en el producto, tus clientes diseñan ellos mismos su producto: escriben un texto y lo ven al instante en la imagen del producto, exactamente en el lugar donde después se imprimirá, grabará o bordará. Ejemplos típicos son tarjetas de felicitación, tarjetas de visita, letreros, grabados y nombres en textiles. Este artículo muestra cómo configurar la característica y qué pueden hacer tus clientes con ella.
Requisitos
- Motor de frontend V3. Por eso el tipo de dato se llama Texto propio en el producto (solo V3). Un componente con esta característica funciona automáticamente con V3. Más información: Motor de frontend: Legacy o V3.
- Imagen de producto combinada. El texto se dibuja en la imagen de producto combinada. Por tanto, el componente necesita al menos una característica cuyos valores tengan imágenes para la imagen de producto combinada. Consulta Visualización de imágenes y carga de imágenes.
- Complemento «Designer». Para publicar necesitas el complemento Designer, que contratas en el portal de servicio, en tus servicios. Durante la prueba gratuita siempre está incluido.
Crear la característica
- Abre el componente y crea una característica nueva.
- Elige Entrada libre como categoría de datos y Texto propio en el producto (solo V3) como tipo de dato.
- En Entrada de texto, define la longitud de caracteres y un valor predeterminado, p. ej. «Alles Gute». Como en otros campos de entrada, también puedes mostrar el valor predeterminado como marcador de posición.
- En Diseño en el producto, configura la zona de diseño, las fuentes y los colores (véase más abajo).
- Guarda, comprueba la vista previa y publica el componente.
La zona de diseño
La zona de diseño es la parte del producto en la que puede ir el texto, por ejemplo el interior de la tarjeta o el pecho de una camiseta.
- El editor muestra la imagen inferior de la imagen de producto combinada, es decir, el producto base. Arrastra el recuadro al lugar correcto y cambia su tamaño desde la esquina.
- Introduce Ancho (mm) y Alto (mm): el tamaño real de la zona en el producto. A partir de ello, configento.app calcula los tamaños de letra, de modo que un texto de 5 mm mide también 5 mm en el producto.
- Con Rotación (°) giras la zona, p. ej. para un área inclinada.
El texto nunca sale de la zona. La zona es lo que se producirá después.
Fuentes, tamaños y colores
| Ajuste | Efecto |
|---|---|
| Fuentes | Las fuentes entre las que puede elegir tu cliente. La primera fuente marcada es la predeterminada. Todas las fuentes tienen licencias libres y las sirve configento.app, no Google. |
| Tamaño mín. (mm), Tamaño predeterminado (mm), Tamaño máx. (mm) | El rango en el que tu cliente puede ajustar el tamaño. Si el mínimo y el máximo son iguales, no hay control deslizante. |
| Reducir el texto hasta que quepa en la zona | Un texto largo se hace más pequeño hasta que cabe en la zona, pero nunca por debajo del tamaño mínimo. |
| Colores | La paleta de colores. El primer color es el predeterminado. Nombra los colores como los conoce tu producción, p. ej. «Goldfolie». El nombre aparece en el pedido. |
| Ofrecer también un selector de color libre | Además de la paleta, tu cliente puede elegir cualquier color. Déjalo desactivado si tu proceso solo admite determinados colores, como la estampación con lámina o el grabado. |
| Alineación, Alineación vertical | Dónde se sitúa el texto en la zona mientras tu cliente no lo desplace. |
| Varias líneas, Máx. líneas | Permite saltos de línea, p. ej. para un saludo en dos líneas. Las líneas demasiado largas se dividen automáticamente entre palabras. |
| El comprador no puede cambiar | Bloquea Tipografía, Tamaño, Color, Alineación o Posición. Tu cliente no ve los ajustes bloqueados. |
Lo que ve tu cliente
- un campo de entrada para el texto,
- según tus ajustes, una selección de fuentes, un control deslizante de tamaño, muestras de color y botones para la alineación,
- el texto en directo en la imagen del producto.
Tu cliente puede desplazar el texto en la imagen del producto con el ratón o con el dedo, siempre que no hayas bloqueado la posición. Con el texto seleccionado, también funciona con las teclas de flecha. Al desplazarlo, un marco discontinuo muestra la zona. Restablecer la posición devuelve el texto al lugar que marca la alineación.
Si el texto no cabe en la zona ni siquiera con el tamaño más pequeño, el configurador muestra «El texto no cabe: acórtalo o elige un tamaño más pequeño» y retiene el carrito.
En el pedido
El pedido contiene el texto junto con su diseño, p. ej.:
Alles Gute (Great Vibes · 6 mm · Goldfolie)
Además, la fuente, el tamaño, el color, la alineación y la posición se transmiten como datos, y la imagen de producto combinada en el carrito, en los correos y en el PDF muestra el texto. Si tu cliente vuelve a abrir la configuración, todo está tal como lo diseñó.
Los precios, las reglas y el campo obligatorio funcionan como en cualquier otro campo de entrada, p. ej. un recargo en cuanto se ha introducido un texto.
El complemento «Designer»
- Durante la prueba gratuita puedes usar la característica sin restricciones.
- Después necesitas el complemento Designer contratado. Sin el complemento, el tipo de dato está bloqueado en el editor. Puedes seguir editando las características existentes, pero al publicar configento.app te remite al complemento.
- Si el complemento termina, un componente ya publicado sigue funcionando sin cambios en tu tienda.
Solución de problemas
- El editor no muestra ninguna imagen para la zona de diseño: el componente todavía no tiene ninguna imagen en la imagen de producto combinada. Añade primero una imagen a un valor.
- El texto no aparece en la imagen del producto: comprueba si en la vista previa hay una imagen base elegida y si el Motor está en V3.
- El texto se ve distinto de la fuente elegida: la fuente todavía se está cargando, o un bloqueador de anuncios o un cortafuegos bloquea los archivos de fuentes de configento.app.
- «El texto no cabe»: amplía la zona (mm), reduce el Tamaño mín. (mm) o limita la longitud de caracteres.
- La publicación falla con un aviso sobre el complemento: contrata el complemento Designer en el portal de servicio y vuelve a publicar.