header-logo
Crea tu sitio web y haz crecer tu negocio con Wix
Crea y gestiona tu sitio con las funciones intuitivas de Wix
Gestiona suscripciones, planes y facturas
Gestiona tu negocio y conecta con los miembros
Aprende a comprar, conectar o transferir un dominio
Herramientas para ampliar tu negocio y tu presencia online
Herramientas de marketing y SEO para impulsar tu negocio
Funciones avanzadas para trabajar de forma eficaz
Soluciones, problemas conocidos y contacto
placeholder-preview-image
Mejora tus habilidades con nuestros cursos y tutoriales.
Obtén consejos para diseño web, marketing y mucho más.
Mejora el tráfico orgánico en buscadores.
Crea un sitio con nuestra plataforma full-stack.
Vincúlate con un especialista que te ayude a alcanzar tus objetivos
placeholder-preview-image
  1. Inicio
  2. Crear tu sitio
  3. Usar el Editor de Wix
  4. Usar efectos y animaciones
  5. Editor de Wix: agregar y personalizar máscaras de texto

Editor de Wix: agregar y personalizar máscaras de texto

4 min
En este artículo
  • Agregar un elemento de máscara de texto
  • Cambiar el texto de una máscara de texto
  • Cambiar el tamaño de un elemento de máscara de texto
  • Cambiar el diseño del elemento de máscara de texto
Las máscaras de texto son una gran herramienta para fragmentos de texto cortos que deben captar la atención de los visitantes. Ofrecen la posibilidad de mostrar una imagen, un video o un degradado en su interior para que el texto realmente se destaque en la página. 
Gif que muestra la tarea de enmascarar un bosque en texto que dice Historias no contadas

Agregar un elemento de máscara de texto

Comienza por agregar un elemento de máscara de texto a tu sitio. 
Práctica recomendada:
Recomendamos no agregar más de 10 máscaras de texto por página, para garantizar el mejor rendimiento del sitio en dispositivos móviles.

Para agregar un elemento de máscara de texto:

  1. Abre la página correspondiente en el editor.
  2. Haz clic en Agregar elementos .
  3. Haz clic en Textos. 
  4. Haz clic en Máscara de texto.
  5. Arrastra un diseño de máscara de texto que te guste a la página.
    Consejo: Algunos de nuestros diseños incluyen un fondo de video. Pasa el cursor sobre un diseño para verlo en acción. 
Captura de pantalla que muestra el panel Agregar en el editor y la opción de agregar una Máscara de texto al sitio.

Cambiar el texto de una máscara de texto

Una vez que hayas agregado el elemento de máscara de texto, puedes comenzar a personalizarlo. Primero, cambia el texto.

Para cambiar el texto:

  1. Haz clic en el elemento de máscara de texto en el editor.
  2. Haz clic en Cambiar texto.
  3. Ingresa el texto en Agrega tu propio texto.
    Nota: El texto se guarda automáticamente.
Captura de pantalla que muestra el enmascaramiento de texto resaltado, que muestra la opción de cambiar el texto.

Cambiar el tamaño de un elemento de máscara de texto

A continuación, cambia el tamaño del elemento de máscara de texto para que se ajuste perfectamente a tu página. 

Para cambiar el tamaño de una máscara de texto:

  1. Haz clic en el elemento en el editor. 
  2. Arrastrar los controles alrededor del elemento para hacerlo más grande o más pequeño.
Un gif que muestra el movimiento de los controladores alrededor del elemento. Se mueven hacia adentro y hacia afuera para mostrar el cambio de tamaño.

Cambiar el diseño del elemento de máscara de texto

Por último, agrega un poco de destello a la máscara de texto cambiando el diseño. 

Para diseñar una máscara de texto:

  1. Haz clic en el elemento de máscara de texto en el editor.
  2. Haz clic en el icono Diseño .
  3. Elige cómo quieres diseñar la máscara de texto:

¿Te ha sido útil?

|
En este artículo
  • Agregar un elemento de máscara de texto
  • Cambiar el texto de una máscara de texto
  • Cambiar el tamaño de un elemento de máscara de texto
  • Cambiar el diseño del elemento de máscara de texto

¿Te ha sido útil?

|
Gif que muestra la tarea de enmascarar un bosque en texto que dice Historias no contadas
Captura de pantalla que muestra el panel Agregar en el editor y la opción de agregar una Máscara de texto al sitio.
Captura de pantalla que muestra el enmascaramiento de texto resaltado, que muestra la opción de cambiar el texto.
Un gif que muestra el movimiento de los controladores alrededor del elemento. Se mueven hacia adentro y hacia afuera para mostrar el cambio de tamaño.