Editor de Wix Harmony: agregar y personalizar texto contraíble
4 min
En este artículo
- Agregar texto contraíble
- Configurar el texto contraíble
- Diseñar el elemento de texto contraíble
Este artículo hace referencia al nuevo Editor de Wix Harmony, lanzado en enero de 2026. Si no tienes la certeza de si estás usando el Editor de Wix Harmony o el Editor de Wix, obtén más información aquí.
El texto contraíble es ideal para compartir mucha información sin saturar las páginas. Al principio solo se ve una parte del texto, y la gente puede hacer clic en un botón de expansión o en un enlace para revelar el resto del contenido.
Agregar texto contraíble
Comienza por agregar un cuadro de texto contraíble a tu sitio. Elige entre una variedad de estilos, fuentes, recuento de líneas y otros ajustes para que coincida con tu contenido y diseño.
¿Sabías lo siguiente?
Los cuadros de texto contraíble pueden contener hasta 120 000 caracteres, por lo que son excelentes para mostrar cuerpos de texto extensos.
Para agregar texto contraíble:
- Ve a tu editor.
- Haz clic en + Agregar en la parte superior izquierda del editor.
- Haz clic en Texto contraíble.
- Haz clic o arrastra el estilo de texto elegido a tu página.
- Haz doble clic en tu nuevo cuadro de texto para agregar tu contenido.
- Personaliza la fuente, el color y el estilo para que coincidan con el diseño de tu sitio.
Configurar el texto contraíble
Una vez que hayas agregado el cuadro de texto a tu página, decide cómo pueden acceder las personas al texto completo. Agrega un botón para expandir el contenido en la misma página o crea un enlace que lleve al texto completo en otro lugar. Configura las opciones de alineación, espaciado y cuántas filas se muestran antes de que sea necesario hacer clic para ver el resto del contenido.
Para ajustar el estilo del texto:
- Ve a tu editor.
- Haz clic en el texto contraíble.
- Haz clic en el icono Ajustes
en la barra de acciones. - Ajusta cualquiera de las siguientes opciones:
- Elige una parte del texto contraíble: decide si quieres editar el Texto contraíble o el Botón.
- Elige qué hace el botón: decide si el botón expande el texto o actúa como un enlace.
- Expande: escribe el texto que debe aparecer en el botón de expansión y en el botón en el que la gente hace clic para contraer el texto (por ejemplo, "Leer más" y "Leer menos").
- Enlaza: escribe el texto que debe aparecer en el botón en el que la gente hace clic, así como la URL al texto completo.
- Nombre accesible: cuando edites el botón, escribe una descripción corta que indique a los lectores de pantalla qué hace el botón (por ejemplo, "Leer más sobre esta sección").
Diseñar el elemento de texto contraíble
Tienes el control total sobre el diseño de tu texto contraíble. Diseña el propio texto contraíble y el botón en el que la gente hace clic para leer más: ajusta todo, desde las fuentes y los colores hasta la alineación y el espaciado.
Para diseñar el texto contraíble:
- Ve a tu editor.
- Haz clic en el texto contraíble.
- Haz clic en el icono Todas las opciones de diseño
en la barra de acciones. - Selecciona la parte pertinente del texto contraíble en Elige una parte del texto contraíble.
- Texto contraíble: aumenta o disminuye el espacio entre el texto y el botón. También puedes decidir cuántas filas de texto se muestran.
- Texto: ajusta la fuente, el formato, la alineación, el uso de mayúsculas y más. También puedes elegir si aplicar o no la dirección del sitio al texto (es decir, de izquierda a derecha o de derecha a izquierda).
- Botón: diseña el botón en el que la gente hace clic para leer más. Cambia el color de relleno, los bordes, las esquinas, la sombra y el espaciado. También puedes ajustar la alineación y elegir si aplicar o no la dirección del sitio al botón (es decir, de izquierda a derecha o de derecha a izquierda).
- Texto: ajusta el texto que aparece en el botón. Cambia la fuente, el formato, la alineación, el uso de mayúsculas y el espaciado. También puedes aplicar una sombra para obtener un efecto 3D.
