Añadir y dar estilo al texto

Añade texto, define su fuente, color y espaciado, y usa el ajuste automático con límites de longitud probados para entradas más largas.

En esta página

El texto permite a los clientes añadir un nombre, una fecha o un mensaje corto. Esta guía cubre cómo añadir texto, cambiar su aspecto y usar el ajuste automático con un límite de caracteres probado.

Añadir un elemento de texto

Añades texto desde el panel Elementos. El texto nuevo aparece en el centro de tu área de impresión, listo para editar.

Abre el panel Elementos

En el Design Studio, haz clic en Elementos en la barra de iconos de la izquierda. Se abre el panel con una cuadrícula de fichas que puedes añadir a tu diseño.

PanelEl panel Elementos con la ficha azul Texto
El panel Elementos, abierto desde la barra de iconos.

Añade la ficha Texto

Haz clic en la ficha Texto para soltar un elemento de texto en el centro del área de impresión. También puedes arrastrar la ficha al lienzo para colocarla exactamente donde la sueltes.

El elemento nuevo empieza con un texto de ejemplo en el idioma del editor. El texto nuevo es editable por el cliente de forma predeterminada; revisa el campo creado y su longitud permitida antes de publicar.

Empieza desde el elemento seleccionado

Tu texto nuevo queda seleccionado de inmediato y su panel de propiedades se abre a la derecha. Sobre el lienzo aparece una barra de herramientas flotante con controles rápidos: el nombre de la fuente, que abre la lista de tipografías, un control de tamaño de fuente, una muestra de color, negrita y un botón de alineación que recorre las opciones. Cursiva y subrayado están en el panel de propiedades.

PanelUn elemento de texto nuevo seleccionado en el lienzo con la barra de herramientas flotante de texto encima
Un elemento de texto nuevo, seleccionado, con su barra de herramientas flotante.

Define la fuente, el tamaño y el color

El panel de propiedades controla el aspecto de tu texto. Trabaja de arriba abajo: primero el contenido, después la fuente y el color, y por último la alineación y el espaciado.

Escribe tu contenido

En la parte superior del panel de propiedades hay un cuadro de texto. Escribe aquí las palabras que quieras. Es el texto de ejemplo que ven los clientes antes de personalizarlo, así que usa algo claro, como un nombre de muestra o “Tu texto”.

Elige fuente, tamaño y grosor

Usa el selector de fuente para elegir una tipografía. Define el tamaño de fuente en el campo de tamaño. Activa negrita o cursiva según el estilo que quieras. Para ver más a fondo las fuentes y cómo añadir las tuyas, consulta elegir y cargar fuentes.

Elige un color y la alineación

Haz clic en el color de relleno para definir el color del texto. Define la alineación horizontal a la izquierda, al centro, a la derecha o justificada. También puedes definir la alineación vertical arriba, al centro o abajo, además de subrayado o tachado si los necesitas.

Ajusta el espaciado y las mayúsculas

Usa el espaciado entre caracteres para cambiar el espacio entre letras y el interlineado para cambiar el hueco entre líneas. La transformación de texto cambia las mayúsculas y minúsculas sin volver a escribir: elige ninguna, mayúsculas, minúsculas o capitalizar.

PanelEl panel de propiedades del texto con cuadro de contenido, selector de fuente, tamaño, negrita y cursiva, color y alineación
El panel de propiedades del texto, con los controles de contenido, fuente, color y alineación.

Para saber más sobre cómo rellenar el texto con color y las herramientas de color del editor, consulta colores y rellenos. Para añadir un trazo, un fondo o texto curvo, abre esas secciones aparte del panel de propiedades, o lee efectos de texto.

Mantén el texto largo dentro del cuadro

Un cliente puede escribir un nombre más largo de lo que habías previsto. Usa los ajustes de Comportamiento del texto y prueba entradas largas en lugar de suponer que cualquier valor cabrá.

Abre la sección Comportamiento del texto

Desplázate en el panel de propiedades hasta la sección Comportamiento del texto y ábrela. Aquí están las opciones de ajuste y de salto de línea.

Activa Ajuste automático

Activa Ajuste automático para que el texto se reduzca y se mantenga dentro de su cuadro. Define un tamaño de fuente mínimo y máximo para controlar lo pequeño que puede llegar a ser y lo grande que puede crecer. El texto se escala entre esos dos valores para encajar.

PanelLa sección Comportamiento del texto con Ajuste automático, Multilínea automático, Texto vertical y Caracteres máx
La sección Comportamiento del texto, con Ajuste automático activado y un tamaño de fuente mínimo y máximo definidos.

Usa multilínea y un límite de caracteres

Activa Multilínea automático para que el texto pase a más líneas en lugar de quedarse en una sola línea larga. Usa Caracteres máx para limitar cuánto puede escribir un cliente. También hay una opción Texto vertical si quieres que el texto se lea de arriba abajo.

Preguntas frecuentes

¿Pueden los clientes cambiar mi texto en la tienda?

Sí. El texto nuevo es editable por el cliente de forma predeterminada, así que los clientes pueden escribir sus propias palabras. Tú controlas si cada elemento es editable en sus propiedades.

¿Con qué fuente y color empieza el texto nuevo?

El texto nuevo empieza con la fuente DM Sans, un relleno negro y alineación centrada. Puedes cambiar todo esto en el panel de propiedades o en la barra de herramientas flotante.

Mi texto se sale del borde del área de impresión. ¿Qué hago?

Abre la sección Comportamiento del texto y activa Ajuste automático, y luego define un tamaño de fuente mínimo y máximo. Añade Multilínea automático para que las entradas más largas pasen a otra línea, y un límite de Caracteres máx para acotar la longitud.

¿Dónde cambio qué texto pueden editar los clientes?

Cada elemento de texto tiene un ajuste de personalizable. Consulta la guía para hacer que los campos sean editables por el cliente para ver el flujo completo.

Para decidir qué elementos de texto pueden cambiar tus clientes, lee haz que los campos sean editables por el cliente.

Siguiente: elegir y cargar fuentes.

¿Aún necesitas ayuda?

Si una guía no respondió a tu pregunta, nuestro equipo te ayuda con gusto. La mayoría de los mensajes reciben una primera respuesta en un día laborable.

Contactar con soporte

Artículos relacionados