Editor de Wix Harmony: agregar y personalizar ventanas emergentes
7 min
En este artículo
- Agregar una ventana emergente
- Personalizar una ventana emergente
- Enlazar elementos a ventanas emergentes
- Administrar las ventanas emergentes
- Preguntas frecuentes
Este artículo hace referencia al nuevo Editor de Wix Harmony, lanzado en enero de 2026. Si no tienes la seguridad de si estás usando el Editor de Wix Harmony o el Editor de Wix, obtén más información aquí.
Las ventanas emergentes son una forma excelente de captar la atención de quienes visitan tu sitio y mostrar anuncios importantes, promociones o, simplemente, darles la bienvenida. Puedes personalizar por completo estas ventanas emergentes, decidir cuándo aparecen y elegir cómo interactúa la gente con ellas.
Agregar una ventana emergente
Comienza por agregar una ventana emergente a tu sitio. Hay muchas plantillas y categorías para elegir, como las ventanas emergentes de "Bienvenida" y "Contacto".
Para agregar una ventana emergente:
- Ve a tu editor.
- Haz clic en + Agregar en la parte superior izquierda del editor.
- Selecciona la categoría Ventana emergente.
- Arrastra un diseño que te guste a tu página.

Personalizar una ventana emergente
Haz que tu ventana emergente coincida con tu marca al personalizar su contenido, diseño y comportamiento. Personaliza cómo se ve, dónde se muestra en tu sitio y la forma en que la gente puede cerrarla.
Para personalizar una ventana emergente:
- Ve a tu editor.
- Haz clic en el menú desplegable de Página en la parte superior izquierda de la página.
- (En el panel Páginas del sitio) selecciona la ventana emergente correspondiente.
- Haz clic en el elemento de la ventana emergente en el editor.
- Elige cómo personalizar la ventana emergente:
Elegir en qué páginas aparece la ventana emergente
Agregar elementos
Elegir cómo se cierra la ventana emergente
Diseñar la ventana emergente

Enlazar elementos a ventanas emergentes
Enlaza elementos del sitio para abrir una ventana emergente, de modo que las personas nunca se pierdan un anuncio. Puedes enlazar elementos como texto, imágenes, videos y botones.
Para vincular un elemento a una ventana emergente:
- Ve a tu editor.
- Haz clic en el elemento correspondiente en tu editor.
- Haz clic en el icono Enlace
en la barra de acciones. - Haz clic en Elegir un enlace.
- Haz clic en el icono Más acciones
y haz clic en Ventana emergente. - Haz clic en el menú desplegable Ventana emergente y selecciona la ventana emergente correspondiente.
- Haz clic en Listo.

Administrar las ventanas emergentes
Mantén tus ventanas emergentes organizadas y actualizadas con estas opciones.
Para administrar las ventanas emergentes:
- Ve a tu editor.
- Haz clic en el menú desplegable Página en la parte superior izquierda de la página.
- (En el panel de páginas del sitio) pasa el cursor sobre la ventana emergente y haz clic en el icono Más acciones
. - Elige lo que quieres hacer:
Cambiar el nombre de una ventana emergente
Duplicar una ventana emergente
Eliminar una ventana emergente

Preguntas frecuentes
Haz clic en una pregunta a continuación para obtener más información sobre las ventanas emergentes:
¿Puedo configurar varias ventanas emergentes para que se muestren automáticamente en una página?
¿Puedo hacer una vista previa de mi ventana emergente antes de publicar los cambios?
¿Puedo compartir un enlace a la ventana emergente?
¿Puedo elegir en qué parte de la pantalla aparece mi ventana emergente?


en la barra de acciones.
en la barra de acciones.
en la barra de acciones. Luego, haz clic en el menú desplegable Elegir una parte de la ventana emergente y selecciona Botón X.
: cambia los colores de tu elemento eligiendo uno de los colores de tu marca o un color personalizado.
: agrega espacio a tu contenido añadiendo relleno alrededor del elemento (o del área seleccionada).
: define los bordes de tu elemento para que destaque, elige un color, el ancho y el estilo. Haz clic en el icono de Editar todos los bordes
para diseñarlos todos a la vez.
: haz que las esquinas de tu elemento sean más cuadradas o redondeadas arrastrando el control deslizante en Radio. Haz clic en el icono Editar esquinas individuales
: aplica una sombra interior y exterior para darle al elemento un efecto 3D interesante, configura la posición, el desenfoque, el color y más.
para guardar los cambios.