El encabezado de tu sitio establece el tono para cada página. Además de mostrar tu toque personal, ayuda a los visitantes a orientarse a la hora de navegar por tu sitio. En el Editor de Wix Harmony, p...

Editor de Wix Harmony: personalizar el encabezado del sitio

Personaliza el encabezado de tu sitio en el Editor de Wix Harmony para reflejar tu estilo y mejorar la navegación. Aprende a elegir el fondo ideal, ya sea un color, imagen o video, y a diseñar el encabezado con bordes, esquinas y sombras. Además, ajusta su comportamiento y decide si debe aparecer en todas las páginas. Este artículo te guiará para que tu encabezado destaque y ofrezca una experiencia de usuario atractiva.

Organiza las páginas para mantener tu sitio atractivo, elegante y sofisticado. Después de agregar una página, puedes cambiarle el nombre, establecerla como tu página de inicio, ocultarla del menú y pe...

Editor de Wix Harmony: agregar y administrar páginas

Organiza y personaliza las páginas de tu sitio en Wix para mantenerlo atractivo y elegante. Aprende a agregar nuevas páginas, elegir entre plantillas diseñadas o crear desde cero, y gestionar todas tus páginas desde un solo lugar. Descubre cómo renombrar, eliminar y ajustar configuraciones clave como SEO y accesibilidad, para que tu contenido esté siempre actualizado y optimizado.

<div data-component-type="text"><div>Organiza las páginas para mantener tu sitio atractivo, elegante y sofisticado. Después de agregar una página, puedes cambiarle el nombre, establecerla como tu página de inicio, ocultarla del menú y personalizarla para que se adapte perfectamente a tu estilo. También puedes elegir cómo ver las páginas, ya sea en una vista de lista minimalista o en una vista de cuadrícula visual con vistas previas de las páginas.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2026/01/27/9b3746bd-ee9c-4b9d-b516-c513fd5c0064/abc8fb83-48ba-41bf-962a-2c62dacaf2e0.png" alt="Captura de pantalla del panel Páginas del sitio en el editor de Wix Harmony." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Navegar por las páginas:</div><div class="info-content"><div>Haz clic en el menú desplegable <strong>Página</strong> en la parte superior izquierda de la página para navegar a otra parte del sitio.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-a-new-page" level="3">Agregar una nueva página</h2></div><div data-component-type="text"><div>Elige entre una variedad de páginas diseñadas por profesionales de Wix o comienza desde cero con una página en blanco para hacer realidad tu propia visión. Cada nueva página que agregues aparecerá al instante en el menú de tu sitio, lista para usar.</div></div><div data-component-type="heading"><h2 id="" level="4">Para agregar una nueva página del sitio:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Ve al editor</a>.</li>  <li>Haz clic en <strong>+ Agregar</strong> en la parte superior izquierda del editor y selecciona <strong>Páginas</strong>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/06/04/42252afc-a382-45fe-b3ee-6ca6bf8f8884/2d58db92-a358-4d51-b29d-b874d0844c77.png" alt="La opción Páginas en Agregar en el Editor de Wix Harmony" /></div></div><div data-component-type="text"><ol>
  <li>Elige cómo quieres crear la nueva página:
    <ul>
      <li><strong>Generar con IA:</strong> obtén ideas para la página y deja que la IA cree tu página. Revisa los tipos de páginas sugeridos en el chat y elige el que deseas agregar. Como alternativa, puedes escribir tu propia descripción de la página que imaginas. </li>      <li><strong>Página diseñada:</strong> explora nuestras plantillas de páginas diseñadas y selecciona la que más te guste. Usa el menú de la izquierda para navegar entre las categorías de páginas (por ejemplo, Acerca de, Servicios, 404). </li>      <li><strong>Página en blanco:</strong> comienza con una página completamente en blanco. La nueva página se agrega a tu sitio y está lista para que la personalices.</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/06/04/7e45868d-f97f-4f3a-8eec-8310f8fe2395/5e5a6589-09a7-4a2d-a813-d8be7b75fdb4.png" alt="El panel Agregar página en Wix Harmony, que muestra páginas diseñadas, la opción de agregar una página en blanco y generar una página con IA." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Consejo:</div><div class="info-content"><div>También puedes agregar una nueva página desde el panel Páginas del sitio. Haz clic en <strong>+ Agregar página</strong> en la parte inferior para comenzar.</div><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/06/04/71742025-8787-4ece-91a1-792f63927f3b/e1aa8c93-5fb1-415a-bc31-73ce71917053.png" alt="Editor de Wix Harmony, agrega y administra las opciones de la página que se muestran. Se muestran las opciones de Agregar página." /></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="managing-your-site-pages" level="3">Administrar las páginas del sitio</h2></div><div data-component-type="text"><div>Administra todas las páginas de tu sitio desde un solo lugar para mantener tu contenido organizado y actualizado. Agrega nuevas páginas, renombra o elimina las existentes y personaliza los ajustes clave, como el SEO, el acceso de miembros y la posibilidad de compartir en redes sociales.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Cambia la vista del panel:</div><div class="info-content"><div>Haz clic en el icono <strong>Cambiar a vista de cuadrícula</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/11/06/ba3bb70f-7b8a-4e12-be88-e68c6ca16782/28a3230e-cfc3-4fdb-a11a-caf5556fc45d.png" /> o <strong>Cambiar a vista de lista </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/11/06/86af03f0-710a-4b92-8061-b9311c31018e/e3b3fd8d-2f55-40ea-a399-b5e475a7119c.png" /> en la parte superior del panel para cambiar la vista. La lista es más compacta, mientras que la cuadrícula te muestra una vista previa de cada página.  </div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Para administrar las páginas del sitio:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Ve al editor</a>.</li>  <li>Haz clic en el menú desplegable <strong>Página</strong> en la parte superior izquierda de la página.</li>  <li>(En el panel Páginas del sitio) Haz clic en el icono <strong>Más acciones</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/10/16/207b5bd2-1894-4b71-a342-d5d859e4a03b/5aa7b874-694d-4e28-b7ce-c4af6370342f.png" /> junto a la página correspondiente.</li>  <li>Elige qué hacer a continuación: </li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Renombrar</h4><div class="collapsible-content"><div>Asigna nombres claros y descriptivos a tus páginas para ayudar a los visitantes a navegar con confianza. Escribe el nuevo nombre de la página y haz clic en <strong>Listo</strong>. </div><div><br /></div><div><strong>Nota:</strong> Esto cambia automáticamente el nombre de la página en el menú de tu sitio. Si es necesario, siempre puedes <a data-composite="true" href="https://support.wix.com/es/article/editor-de-wix-harmony-agregar-y-administrar-menús#managing-menu-items" target="">cambiar el nombre de ese elemento de menú específico</a> sin que esto afecte al nombre de la página. </div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Duplicar</h4><div class="collapsible-content"><div>Duplica páginas del sitio para ahorrar tiempo y mantener un aspecto pulido y uniforme. Después de hacer clic en <strong>Duplicar</strong>, asigna un nombre a la nueva página y comienza a editarla. </div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Establecer como página de inicio</h4><div class="collapsible-content"><div>Convierte esta página en la landing page principal de tu sitio.<strong><br />
</strong></div><div><strong>Consejo: </strong>Si deseas eliminar tu página de inicio actual, primero configura una página diferente como página de inicio y luego podrás eliminar la anterior de forma segura.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Eliminar</h4><div class="collapsible-content"><div>Elimina las páginas que ya no necesitas para mantener tu sitio organizado y amigable para los visitantes. Después de seleccionar esta opción, haz clic en <strong>Eliminar página</strong> en la ventana emergente para confirmar.</div><div><br />
<strong>Importante:</strong> Si una página está enlazada a una app Wix (por ejemplo, Wix Blog, Wix Stores, etc.), al eliminar la página, también se elimina la app. </div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">SEO y accesibilidad</h4><div class="collapsible-content"><div>Elige qué área deseas ajustar:</div><ul>
  <li><strong>SEO: </strong>configura cómo aparece la página en los motores de búsqueda como Google. Revisa la lista de verificación de SEO y agrega los ajustes que faltan (por ejemplo, palabra clave objetivo, etiqueta de título) o selecciona <strong>Optimizar con IA</strong> para hacerlo más rápido. </li>  <li><strong>Compartir en redes sociales: </strong>configura el aspecto de la página cuando las personas la comparten en las redes sociales como Facebook, Instagram y Twitter. Haz clic en la lista de verificación de las redes sociales o en <strong>Optimizar con IA</strong> para hacerlo más rápido. </li>  <li><strong>Accesibilidad: </strong>escanea esta página y soluciona los problemas de accesibilidad para que todo el mundo pueda disfrutar de tu contenido. </li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Ajustes</h4><div class="collapsible-content"><div>Obtén un resumen y personaliza todos los ajustes de la página en un solo lugar:</div><ul>
  <li><strong>URL de la página: </strong>actualiza la terminación de la URL de la página para que se adapte a tu estilo. También puedes cambiar el lugar de la página en la jerarquía del sitio haciendo clic en el icono <strong>Más opciones</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/11/06/de196a05-2ee9-4eb9-baeb-be180561e6da/00acf16a-501d-4b48-8726-f0d95db0a4a4.png" />. </li>  <li><strong>Acceso: </strong>decide quién puede acceder a esta página: todo el mundo, los visitantes que cuentan con una contraseña o los miembros del sitio (o roles específicos, insignias y planes de precios). Para cambiar esta configuración, haz clic en<strong> Acceso</strong> y luego en <strong>Administrar acceso</strong>.</li>  <li><strong>SEO:</strong><strong> </strong>obtén una vista previa de cómo se ve esta página en los resultados de búsqueda. Haz clic en <strong>Ir a Tareas</strong> para ver una lista de verificación de las tareas de SEO para cada página de tu sitio, de modo que puedas hacer un seguimiento de tu progreso y optimizar las páginas paso a paso.</li>  <li><strong>Accesibilidad:</strong><strong> </strong>obtén una vista previa de los problemas de accesibilidad existentes en tu sitio. Haz clic en <strong>Escanear sitio </strong>para comenzar o en <strong>Solucionar problemas</strong> si ya escaneaste tu sitio anteriormente.</li>  <li><strong>Compartir en redes sociales: </strong>obtén una vista previa de cómo se ve esta página cuando se comparte en las redes sociales. Haz clic en<strong> Personalizar </strong>para establecer un título, una descripción y una imagen de vista previa para cada plataforma social.</li></ul></div></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/06/04/49fc9af4-3d53-4d99-bdd1-29eff7c83b3c/88f48c3a-6656-469b-a6d6-761d251e6dd6.png" alt="Captura de pantalla del panel Administrar páginas en el editor de Wix Harmony, donde se muestra el menú de más acciones." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">Preguntas frecuentes</h2></div><div data-component-type="text"><div>Haz clic en una de las siguientes preguntas para obtener más información. </div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">¿Puedo editar el ancho de la página?</h4><div class="collapsible-content"><div>En el Editor de Wix Harmony, tu página está diseñada para un ancho de escritorio de 1280 píxeles y un ancho móvil de 390 píxeles.</div><div><br /></div><div>No necesitas preocuparte por establecer un ancho de página personalizado: Wix Harmony ajusta automáticamente tu sitio para que se vea bien en cualquier pantalla. Los elementos de tu página se escalan proporcionalmente o mantienen su ancho en relación con el tamaño de la pantalla, para que tu contenido siempre se vea de manera óptima para tus visitantes.</div><div><br /></div><div><strong>Consejo: </strong>En el modo <a data-composite="true" href="https://support.wix.com/es/article/editor-de-wix-harmony-previsualizar-y-publicar-tu-sitio" target="">Vista previa</a>, arrastra el control deslizante de tamaño de la pantalla en la parte superior para ver cómo se adapta el diseño.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">¿Puedo descargar una página de mi sitio?</h4><div class="collapsible-content"><div>No es posible descargar un sitio Wix o cualquiera de sus páginas, ya que el editor debe estar conectado en todo momento con nuestros servidores. Como tal, no es posible trabajar sin conexión ni guardar las páginas del sitio en tu dispositivo.<br />
<br />
Sin embargo, puedes presionar <strong>Ctrl + P</strong> en tu teclado para guardar la página en forma de archivo PDF o tomar una captura de pantalla de la página.</div></div></div></div>

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 ...

Editor de Wix Harmony: agregar y administrar menús

Aprende a agregar y personalizar menús en el nuevo Editor de Wix Harmony para mejorar la navegación de tu sitio. Descubre cómo elegir entre menús horizontales, verticales o de hamburguesa, y personaliza su diseño para que se ajuste a tu marca. Con esta guía, podrás crear una experiencia de usuario intuitiva y atractiva, asegurando que tus visitantes encuentren fácilmente lo que buscan.

Las secciones te ayudan a organizar y presentar el contenido en todo tu sitio. Cada sección se extiende por todo el ancho de la página, lo que te permite organizar y personalizar los elementos con fac...

Editor de Wix Harmony: agregar y personalizar secciones

Descubre cómo organizar y personalizar el contenido de tu sitio utilizando secciones en el Editor de Wix. Aprende a agregar nuevas secciones, ya sea a través de diseños predefinidos, secciones en blanco o generadas por IA. Además, explora cómo cambiar el estilo de las secciones, editar nombres y enlaces, y personalizar el diseño para que tu sitio se destaque. Con estas herramientas, podrás crear una experiencia atractiva y funcional para tus visitantes.

Editor de Wix Harmony: usar menús de hamburguesa

Descubre cómo agregar y personalizar un menú de hamburguesa en el nuevo Editor de Wix Harmony. Aprende a adaptar el diseño del menú a tu marca, desde el botón que lo abre hasta el contenedor que lo alberga. Mejora la navegación de tu sitio y ofrece una experiencia más limpia y accesible para tus visitantes, asegurando que tu menú sea atractivo y funcional en todos los dispositivos.

<div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-content"><div>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, <a data-composite="true" href="https://support.wix.com/es/article/editor-de-wix-harmony-la-diferencia-entre-el-editor-de-wix-y-wix-harmony" target="">obtén más información aquí</a>.</div></div></div></div><div data-component-type="text"><div>Los menús de hamburguesa ofrecen una solución limpia que ahorra espacio y que solo aparece cuando se hace clic en el icono del menú.</div><div><br /></div><div>Tienes el control total sobre los elementos de diseño del menú de hamburguesa, lo que te permite adaptarlo específicamente a tu marca y estilo.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="agregar-un-men-de-hamburguesa" level="3">Agregar un menú de hamburguesa</h2></div><div data-component-type="text"><div>Hay 2 formas sencillas de agregar un menú de hamburguesa a tu sitio. Puedes agregar un menú de hamburguesa totalmente nuevo desde el panel Agregar elementos o cambiar rápidamente un menú existente al estilo hamburguesa directamente desde la barra de acciones.</div></div><div data-component-type="heading"><h2 id="" level="4">Para agregar un menú de hamburguesa:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Ve a tu editor</a>.</li>  <li>Elige qué hacer a continuación:</li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Agregar un nuevo menú de hamburguesa</h4><div class="collapsible-content"><ol>
  <li>Haz clic en <strong>+ Agregar</strong> en la parte superior izquierda del editor.</li>  <li>Selecciona la categoría <strong>Menú</strong>.<br />
<strong>Consejo: </strong>Haz clic en el icono <strong>Flecha</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8769cf44-f342-494c-b25f-cc98c9da3e82/2025/12/07/584e3364-261a-4c90-a44e-8eb1504bf7e2/c4cf09c2-e2cf-481c-b6fd-a92150cb6437.png" /> junto a las categorías para navegar por la lista.</li>  <li>Selecciona la pestaña <strong>Menú hamburguesa</strong>.</li>  <li>Utiliza la función de arrastrar y soltar para colocar el menú correspondiente en el lugar deseado de la página.</li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Cambiar del estilo actual al de hamburguesa</h4><div class="collapsible-content"><ol> <li>Haz clic en el menú correspondiente.</li>  <li>Haz clic en <strong>Cambiar formato</strong> en la barra de acciones.</li>  <li>Selecciona <strong>Hamburguesa</strong> en <strong>Menú</strong>.</li></ol></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">¿Sabías lo siguiente?</div><div class="info-content"><div>Cuando agregas un menú horizontal o vertical al encabezado para dispositivos de escritorio, se convierte automáticamente en un menú de hamburguesa para los dispositivos móviles. Esto garantiza que quienes visitan tu sitio puedan tener acceso al menú desde todos los dispositivos.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="customizing-the-button-that-opens-the-menu" level="3">Personalizar el botón que abre el menú</h2></div><div data-component-type="text"><div>El botón del menú de hamburguesa es una parte fundamental de la navegación de tu sitio y puedes hacer que coincida fácilmente con tu estilo. Ajusta el icono y el texto para que digan exactamente lo que quieres y, luego, afina los detalles del diseño, desde los colores hasta el espaciado y la animación.</div></div><div data-component-type="heading"><h2 id="" level="4">Para personalizar el botón 'Abrir':</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Ve a tu editor</a>.</li>  <li>Haz clic en el icono de menú de hamburguesa.</li>  <li>Elige cómo personalizar el botón:</li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Cambiar el icono</h4><div class="collapsible-content"><ol>
  <li>Haz clic en <strong>Personalizar icono</strong> en la barra de acciones.</li>  <li>Elige si tu icono es <strong>Estático</strong> o <strong>Animado</strong>.<br />
<strong>Nota: </strong>Puedes hacer clic en <strong>Crear icono animado</strong> para crear uno propio, usando un icono de inicio y uno de fin.</li>  <li>Haz clic en el icono <strong>Sustituir</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/12/02/ff9d7424-3cbd-4e11-9c3b-1014b5752546/9e71118c-50d6-4b6d-9faf-cd1f91dd43a5.png" /> en <strong>Elige un icono</strong>.</li>  <li>Selecciona un nuevo icono en el Administrador de multimedia y haz clic en <strong>Actualizar</strong>.</li>  <li>(Para iconos animados) Configura la duración de la animación.</li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Configurar el texto del botón</h4><div class="collapsible-content"><ol>
  <li>Haz clic en el icono de <strong>Ajustes</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/12/24/eb26b96f-1f9f-4533-aaaa-03d7d336eeba/fbc225b1-33f6-46f0-85a6-df1bee41e60c.png" /> en la barra de acciones.</li>  <li>Elige qué hacer a continuación:
    <ul>
      <li>Escribe el texto que quieres que aparezca junto al icono en el botón (por ejemplo, &quot;Menú&quot;, &quot;Abrir&quot;).</li>      <li>Sustituye el icono que la gente pulsa para abrir el menú.</li>      <li>Agrega un nombre accesible (texto alternativo) que describa el icono para los motores de búsqueda y los lectores de pantalla.</li>    </ul>  </li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Diseñar el botón</h4><div class="collapsible-content"><ol>
  <li>Haz clic en el icono <strong>Todas las opciones de diseño</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/03/c304797a-7cbd-434c-80db-e6ac888f04a7/a6722dae-2e0d-44ac-b17e-92733d535008.png" /> en la barra de acciones.</li>  <li>Selecciona la parte pertinente del botón en <strong>Elige qué diseñar:</strong>
    <ul>
      <li><strong>Botón de apertura: </strong><a data-composite="true" href="https://support.wix.com/es/article/editor-de-wix-harmony-diseñar-elementos" target="_blank">diseña</a> el botón en su conjunto: el color de relleno, el borde, las esquinas, la sombra, el espaciado, la alineación y más.</li>      <li><strong>Texto: </strong>controla el diseño y el formato del texto que aparece junto al icono en el botón del menú de hamburguesa.</li>      <li><strong>Icono animado: </strong>cambia el color, el tamaño y el ángulo de rotación del icono.</li>    </ul>  </li></ol></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="personalizar-el-contenedor-del-men-de-hamburguesa" level="3">Personalizar el contenedor del menú de hamburguesa</h2></div><div data-component-type="text"><div>Cuando las personas hacen clic en el icono de menú de hamburguesa, el menú del sitio se abre en un contenedor espacioso con una superposición, lo que facilita su lectura. Hay muchas cosas que puedes personalizar: ajusta los colores del contenedor, del menú y de la superposición, y agrega más elementos, como tu logo o una barra de redes sociales.</div></div><div data-component-type="heading"><h2 id="" level="4">Para personalizar el contenedor del menú de hamburguesa:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Ve a tu editor</a>.</li>  <li>Accede al contenedor:
    <ol>
      <li>Haz clic en el icono de menú de hamburguesa.</li>      <li>Haz clic en el menú desplegable <strong>Modo normal</strong> y selecciona <strong>Menú hamburguesa</strong>.</li>    </ol>  </li>  <li>Elige qué hacer a continuación:</li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Diseñar el contenedor</h4><div class="collapsible-content"><div>Personaliza el contenedor que alberga tu menú. Cambia el color del fondo, agrega bordes, cambia la posición del menú y mucho más.</div><ol>
  <li>Haz clic en el icono <strong>Todas las opciones de diseño</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/03/c304797a-7cbd-434c-80db-e6ac888f04a7/a6722dae-2e0d-44ac-b17e-92733d535008.png" /> en la barra de acciones.</li>  <li>Comprueba que <strong>Menú hamburguesa</strong> esté seleccionado en <strong>Elegir qué diseñar</strong>.</li>  <li><a data-composite="true" href="https://support.wix.com/es/article/editor-de-wix-harmony-diseñar-elementos" target="_blank">Diseña</a> el contenedor:
    <ul>
      <li><strong>Colores de relleno </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/03/48fc7a9b-f035-4716-afa5-2c6aa85795f5/725b11a7-b4c9-46bb-9637-3d7f3374e5e7.png" /><strong>: </strong>cambia el color del fondo del contenedor y el color de la superposición, eligiendo uno de los colores de tu marca o un color personalizado.<br />
<strong>Nota: </strong>La superposición es una capa semitransparente que aplica un desenfoque a la página y permite que la gente se concentre en el menú.</li>      <li><strong>Borde </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/03/283c65bd-44e0-457e-8317-12e095da63e8/1cf1fd0d-545e-4618-902a-176c71af929c.png" /><strong>: </strong>define los bordes del contenedor para que destaque, eligiendo un color, ancho y estilo. Haz clic en el icono <strong>Editar bordes individuales </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/12/02/07308240-4d35-4526-9583-8fd59df85e97/15386e65-92f9-4129-afaa-a0f7bc4be038.png" /><strong> </strong>para diseñar cada lado del borde.</li>      <li><strong>Esquinas </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/03/18a27fb2-7300-40a9-b8fa-01abfa7fcec3/668fa510-f756-468e-b0e5-27721128665e.png" /><strong>: </strong>haz que las esquinas del contenedor sean más cuadradas o redondeadas arrastrando el control deslizante en <strong>Radio</strong>. Haz clic en el icono <strong>Editar esquinas individuales </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/12/02/7110092a-c0de-4bf1-b478-170dbc56fdfa/08e86672-1fee-42e8-8de3-f62c0da521c2.png" /> para diseñar cada esquina por separado.</li>      <li><strong>Sombra </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/03/c58ddc92-ed60-4a11-b564-a010a97a891b/d4c7c831-59df-400c-a8f6-e2880427a247.png" /><strong>: </strong>aplica una sombra interna y externa para darle al contenedor un efecto 3D interesante, configurando la posición, el desenfoque, el color y más.</li>      <li><strong>Espaciado </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/03/88aafdc3-34ab-4a89-950c-93728d9254cb/25ead64b-38c8-4e68-b922-c7b8446316af.png" /><strong>: </strong>agrega algo de espacio a tu contenido añadiendo un relleno alrededor del contenedor.</li>      <li><strong>Estilo </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/03/7b1799d3-88e3-4290-9ccf-71837d7132b6/dcbe8aef-b86f-43c7-944a-26a13bae5ea0.png" /><strong>: </strong>decide dónde debe posicionarse cada elemento: el botón de cierre, el menú dentro del contenedor y el contenedor en relación con la página. Tú eliges cuánto espacio ocupa el contenedor (por ejemplo, un tercio de la página, media página, etc.).</li>    </ul>  </li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Administrar y diseñar el menú</h4><div class="collapsible-content"><ol>
  <li>Haz clic en el menú.</li>  <li>Elige qué hacer a continuación:
    <ul>
      <li><strong>Administrar los ítems del menú: </strong>haz clic en <strong>Administrar menú</strong> en la barra de acciones y <a data-composite="true" href="https://support.wix.com/es/article/editor-de-wix-harmony-agregar-y-administrar-menús#adding-and-managing-menu-items" target="">agrega, reordena o elimina</a> ítems del menú.</li>      <li><strong>Diseñar el menú: </strong>haz clic en el icono <strong>Todas las opciones de diseño</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/03/c304797a-7cbd-434c-80db-e6ac888f04a7/a6722dae-2e0d-44ac-b17e-92733d535008.png" /> en la barra de acciones. Elige qué quieres diseñar: los ítems del menú (por ejemplo, fuente, color del texto, espaciado) o la barra de menú (por ejemplo, color del fondo, ancho del ítem, espacio entre los ítems del menú).</li>    </ul>  </li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Agregar elementos al contenedor</h4><div class="collapsible-content"><div>Arrastra elementos desde el panel Agregar elementos hacia el contenedor. Por ejemplo, puedes mostrar tu logo, una barra de redes sociales, información sobre una promoción reciente o cualquier cosa que se te ocurra. </div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">¿Terminaste de editar?</div><div class="info-content"><div>Haz clic en <strong>Listo</strong> junto a <strong>Editando: Menú hamburguesa</strong> en la barra flotante para volver a tu página.</div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/12/02/1e13b3c7-327b-46c0-ba21-77a5c5f582e3/1eafeac7-424f-49d1-9679-8d8b2a88d0d5.png" /></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="customizing-the-button-that-closes-the-menu" level="3">Personalizar el botón que cierra el menú</h2></div><div data-component-type="text"><div>Personaliza el botón que la gente pulsa para cerrar el menú de hamburguesa. Sustituye el icono, agrega un texto útil (por ejemplo, &quot;Salir&quot;) y ajusta el diseño como quieras.</div></div><div data-component-type="heading"><h2 id="" level="4">Para personalizar el botón 'Cerrar':</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Ve a tu editor</a>.</li>  <li>Accede al botón &quot;Cerrar&quot;:
    <ol>
      <li>Selecciona el icono de menú de hamburguesa.</li>      <li>Haz clic en el menú desplegable <strong>Modo normal</strong> y selecciona <strong>Menú hamburguesa</strong>.</li>      <li>Haz clic en el botón &quot;Cerrar&quot;.</li>    </ol>  </li>  <li>Elige qué hacer a continuación desde la barra de acciones:</li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Agregar texto al icono</h4><div class="collapsible-content"><ol>
  <li>Haz clic en <strong>Editar texto</strong> en la barra de acciones.</li>  <li>Escribe el texto que quieres que aparezca junto al icono (por ejemplo, &quot;Salir&quot;, &quot;Cerrar&quot;).</li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Personalizar el icono</h4><div class="collapsible-content"><ol>
  <li>Haz clic en <strong>Personalizar icono</strong> en la barra de acciones.</li>  <li>Elige si el icono es <strong>Estático</strong> o <strong>Animado</strong>.<br />
<strong>Nota: </strong>Puedes hacer clic en <strong>Crear icono animado</strong> para crear uno propio, usando un icono de inicio y uno de fin.</li>  <li>Haz clic en el icono <strong>Sustituir</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/12/02/ff9d7424-3cbd-4e11-9c3b-1014b5752546/9e71118c-50d6-4b6d-9faf-cd1f91dd43a5.png" /> en <strong>Elegir un icono</strong>.</li>  <li>Selecciona un nuevo icono en el Administrador de multimedia y haz clic en <strong>Actualizar</strong>.</li>  <li>(Para iconos animados) Configura la duración de la animación.</li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Diseñar el botón 'Cerrar'</h4><div class="collapsible-content"><ol>
  <li>Haz clic en el icono <strong>Todas las opciones de diseño</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/03/c304797a-7cbd-434c-80db-e6ac888f04a7/a6722dae-2e0d-44ac-b17e-92733d535008.png" /> en la barra de acciones.</li>  <li>Selecciona la parte pertinente del elemento en <strong>Elige qué diseñar</strong>:
    <ul>
      <li><strong>Botón de cierre: </strong><a data-composite="true" href="https://support.wix.com/es/article/editor-de-wix-harmony-diseñar-elementos" target="_blank">diseña</a> el botón en su conjunto: el color de relleno, el borde, las esquinas, la sombra, el espaciado, la alineación y más. Si el botón incluye tanto un icono como texto, también puedes decidir su posicionamiento.</li>      <li><strong>Icono: </strong>cambia el tamaño, el color y el ángulo del icono.</li>      <li><strong>Texto: </strong>diseña el texto que aparece junto al icono. Cambia la fuente, el formato, la alineación, el espaciado de caracteres y más.</li>    </ul>  </li></ol></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">¿Terminaste de editar?</div><div class="info-content"><div>Haz clic en <strong>Listo</strong> junto a <strong>Editando: Menú hamburguesa</strong> en la barra flotante para volver a tu página.</div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/12/02/1e13b3c7-327b-46c0-ba21-77a5c5f582e3/1eafeac7-424f-49d1-9679-8d8b2a88d0d5.png" /></div></div></div></div>

Editor de Wix Harmony: trabajar con el orden DOM

Descubre cómo optimizar el orden del Modelo de Objeto de Documento (DOM) en tu sitio de Wix para mejorar la accesibilidad, el rendimiento y el posicionamiento en los motores de búsqueda. Aprende a ajustar manualmente el orden DOM y a utilizar el Asistente de accesibilidad para asegurarte de que los elementos de tu página se carguen y lean de manera efectiva. Este artículo te guiará en la creación de una experiencia de usuario más fluida y accesible.

<div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-content"><div>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, <a data-composite="true" href="https://support.wix.com/es/article/editor-de-wix-harmony-la-diferencia-entre-el-editor-de-wix-y-wix-harmony" target="">obtén más información aquí</a>.</div></div></div></div><div data-component-type="text"><div>El orden del Modelo de Objeto de Documento (DOM) se refiere a cómo se estructuran las páginas de tu sitio. Determina el orden de carga y selección de los elementos de tu página: qué va primero, qué va después, y así sucesivamente.</div></div><div data-component-type="text"><div>Tener un orden DOM claro y lógico puede optimizar tu sitio de varias maneras. Consulta la información de este artículo para obtener más información sobre por qué el orden DOM es importante y cómo puedes trabajar con él.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="why-dom-order-is-important" level="3">Por qué es importante el orden DOM</h2></div><div data-component-type="text"><div>El orden DOM del sitio es el orden de carga y lectura de los elementos en las páginas del sitio, y puede afectar a lo siguiente:</div></div><div data-component-type="text"><ul>
  <li><strong>Accesibilidad: </strong>algunas personas que visitan el sitio pueden usar la tecla Tab, un lector de pantallas u otras tecnologías de asistencia para navegar por tu sitio. Estas tecnologías dependen del orden DOM para saber el orden en el que deben seleccionar o leer los elementos.</li>  <li><strong>Rendimiento:</strong> el orden DOM determina la secuencia en la que se cargan los elementos en un sitio. Si no coincide con el orden visual de los elementos, puede afectar a la carga del sitio (por ejemplo, puede hacer que el estilo de la página cambie a medida que se carga el contenido).</li>  <li><strong>Posicionamiento en los resultados de búsqueda:</strong> los motores de búsqueda utilizan el orden DOM para determinar el orden en el que se rastrea un sitio (de izquierda a derecha y de arriba a abajo). Un DOM desorganizado o incorrecto puede hacer que el motor de búsqueda &quot;lea&quot; el contenido en el orden equivocado y no lo entienda correctamente.</li></ul></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">¿Quieres probar el orden DOM de tu sitio?</div><div class="info-content"><div>Puedes probar el orden DOM automático de un sitio de Wix usando la tecla de tabulación de tu teclado o un lector de pantalla en la versión online del sitio.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="manually-adjusting-the-dom-order" level="3">Ajustar manualmente el orden DOM</h2></div><div data-component-type="text"><div>Wix organiza automáticamente el orden DOM de tu sitio por defecto, manteniendo el contenido de la página optimizado para el rendimiento y el posicionamiento en los resultados de los motores de búsqueda. Sin embargo, puedes ajustar manualmente el orden DOM de secciones y contenedores específicos.</div></div><div data-component-type="heading"><h2 id="" level="4">Para desactivar el DOM automático:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Ve a tu editor</a>.</li>  <li>Haz clic en el icono <strong>Capas</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/02/8b9c0589-c455-431a-8224-b36d2ff50988/8391824e-7092-493c-8278-53c4a215ed8b.png" /> en la parte inferior izquierda del editor.</li>  <li>(En el panel Capas) Haz clic en el icono <strong>Más acciones </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/11/09/d0b53340-5f4e-46f3-8e00-15817425f71d/9003c22a-91b6-479a-899c-6a105f622d6d.png" /> junto a la sección o contenedor correspondiente.</li>  <li>Haz clic en <strong>Activo</strong> junto a <strong>Optimizar orden DOM </strong>para desactivarlo.</li>  <li>Utiliza la función de arrastrar y soltar con los elementos pertinentes para ponerlos en el orden que quieras.</li></ol></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adjusting-dom-order-in-the-accessibility-wizard" level="3">Ajustar el orden DOM en el Asistente de accesibilidad</h2></div><div data-component-type="text"><div>Es posible que se te pida que organices automáticamente el orden DOM en <a data-composite="true" href="https://support.wix.com/es/article/editor-de-wix-harmony-usar-el-asistente-de-accesibilidad" target="target">el Asistente de accesibilidad</a>. Esto puede aparecer en páginas específicas o para el sitio en general:</div></div><div data-component-type="text"><ul>
  <li><strong>Problemas a nivel del sitio: </strong>los distintos idiomas tienen diferentes direcciones de lectura (por ejemplo, el francés se lee de izquierda a derecha y el árabe de derecha a izquierda). Esta tarea se muestra cuando la dirección de lectura del idioma del sitio no concuerda con el orden visual de los elementos.</li>  <li><strong>Problemas a nivel de página:</strong> esta tarea se muestra cuando el orden DOM está desactivado en al menos una de las secciones o contenedores de la página.</li></ul></div><div data-component-type="heading"><h2 id="" level="4">Para organizar el orden DOM con el asistente:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Ve a tu editor</a>.</li>  <li>Haz clic en el nombre de tu sitio en la parte superior izquierda del editor.</li>  <li>Desplázate hacia abajo hasta <strong>Accesibilidad</strong> y haz clic en <strong>Solucionar problemas</strong>.</li>  <li>Haz clic en <strong>Escanear sitio</strong>.</li>  <li>Organiza el orden DOM según el tipo de tarea:
    <ul>
      <li><strong>Nivel de sitio: </strong>selecciona el menú desplegable <strong>Nivel de sitio</strong>.</li>      <li><strong>Nivel de página:</strong>
        <ol>
          <li>Haz clic en la colección de páginas correspondiente (por ejemplo, Páginas principales, Páginas de la tienda).</li>          <li>Haz clic en la página específica.</li>        </ol>      </li>    </ul>  </li>  <li>Haz clic en el menú desplegable <strong>Organiza el orden DOM</strong>.</li>  <li>Selecciona<strong> Automáticamente (recomendado)</strong>.</li>  <li>Haz clic en <strong>Aplicar</strong>.</li>  <li>(Opcional) Comprueba la visualización de los elementos del sitio para asegurarte de que estén alineados.</li></ol></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">¿De dónde obtiene Wix su información sobre la accesibilidad?</div><div class="info-content"><ul> <li>Hacemos recomendaciones de acuerdo con el <a data-composite="true" href="https://www.w3.org/TR/WCAG21/#abstract" target="_blank">documento de las Pautas de Accesibilidad para el Contenido Web (WCAG)</a>, el cual ha sido desarrollado por el <a data-composite="true" href="https://www.w3.org/" target="_blank">World Wide Web Consortium (W3C)</a>. </li>  <li>Hemos basado nuestras pautas en los siguientes criterios de éxito:
    <ul>
      <li><a data-composite="true" href="https://www.w3.org/WAI/WCAG21/Understanding/meaningful-sequence.html" target="_blank">Secuencia significativa (1.3.2)</a></li>      <li><a data-composite="true" href="https://www.w3.org/WAI/WCAG21/Understanding/focus-order.html" target="_blank">Orden del foco (2.4.3)</a></li>    </ul>  </li></ul></div></div></div>

Piensa en el pie de página como la firma de tu sitio en la parte inferior de cada página; es el lugar perfecto para los datos de contacto, los derechos de autor, un menú personalizado o enlaces a rede...

Editor Wix Harmony: personalizar el pie de página del sitio

Personaliza el pie de página de tu sitio en Wix para reflejar tu identidad de marca y mejorar la navegación. Aprende a ajustar el diseño, agregar elementos como menús y enlaces a redes sociales, y modificar el tamaño según tus necesidades. Este artículo te guía en el proceso para que tu pie de página sea funcional y atractivo, ayudando a tus visitantes a encontrar información importante fácilmente.

<div data-component-type="text"><div>Piensa en el pie de página como la firma de tu sitio en la parte inferior de cada página; es el lugar perfecto para los datos de contacto, los derechos de autor, un <a data-composite="true" href="https://support.wix.com/es/article/editor-de-wix-harmony-agregar-y-administrar-menús" target="">menú personalizado</a> o enlaces a redes sociales. Agrega elementos, cambia el tamaño para contar con más espacio y diseña el pie de página según sea necesario. </div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2026/01/28/18e77e9e-71f2-4f91-b836-e098b4a11da6/a970c8dd-4657-4ba7-865d-e023d829b09e.png" alt="Captura de pantalla de cómo editar el pie de página de un sitio en el Editor de Wix Harmony." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="customizing-your-sites-footer" level="3">Personalizar el pie de página de tu sitio</h2></div><div data-component-type="text"><div>Diseña el pie de página a tu gusto: ajusta el fondo, los bordes, los separadores y la animación para que combinen con tu identidad de marca. Arrastra la manilla de estiramiento para ampliarlo o hacerlo tan minimalista como quieras. Si necesitas mostrar más información, hazlo más grande; si buscas un estilo limpio y sencillo, déjalo pequeño. La elección es tuya.</div></div><div data-component-type="heading"><h2 id="" level="4">Para personalizar el pie de página de tu sitio:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Ve al editor</a>.</li>  <li>Haz clic en el pie de página.</li>  <li>Elige lo que quieres hacer a continuación:</li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Diseñar el pie de página</h4><div class="collapsible-content"><div>Elige lo que deseas personalizar en la barra de acciones:</div><ul>
  <li><a data-composite="true" href="https://support.wix.com/es/article/editor-de-wix-harmony-personalizar-el-fondo-de-una-sección" target=""><strong>Reemplazar fondo</strong></a><strong>:</strong> haz clic en <strong>Reemplazar fondo</strong> para cambiar el fondo del pie de página seleccionando un color, un <a data-composite="true" href="https://support.wix.com/es/article/editor-de-wix-harmony-trabajar-con-degradados" target="">degradado</a>, una imagen o un video.</li>  <li><strong>Colores:</strong> haz clic en el icono <strong>Colores</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2026/01/28/231dd69f-c942-425e-bb07-e3e7b21c25a1/c5c435dc-c2bc-423d-b98b-4f95540237b4.png" /> para cambiar los colores del pie de página a uno de los colores de la marca de tu sitio. </li>  <li><strong>Opacidad:</strong> haz clic en el icono <strong>Opacidad</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2026/01/28/68a44d1f-72cc-45e4-8128-6bf3c02d139e/5b7ade33-6022-4163-ae2c-513c60ea046d.png" /> para ajustar la opacidad del fondo, la imagen y los colores de la sección, según el contenido de la sección. </li>  <li><strong>Bordes:</strong> haz clic en el icono <strong>Bordes</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2025/11/04/d2c09aa9-a76a-4f66-8a1c-edc0567a06fe/2ff6a260-07b8-433f-9b6b-7c9fc29e74d2.png" /> para agregar o ajustar los bordes alrededor del pie de página. Cambia el color, el ancho y el estilo del borde.</li>  <li><a data-composite="true" href="https://support.wix.com/es/article/editor-de-wix-harmony-agregar-y-personalizar-separadores-de-secciones" target=""><strong>Separador de secciones</strong></a><strong>:</strong> haz clic en el icono <strong>Separador de secciones</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2025/11/04/4f682f1f-044c-40b3-b6f4-eac38cc953c1/034ee741-d587-4f86-8981-b89c81a4baea.png" /> para agregar o editar una línea para separar visualmente el pie de página del resto de la página. </li>  <li><a data-composite="true" href="https://support.wix.com/es/article/editor-de-wix-harmony-agregar-y-personalizar-una-animación" target=""><strong>Animaciones</strong></a><strong>:</strong> haz clic en el icono <strong>Animación</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2025/11/04/3eddbec0-ca54-4b38-8b2c-a4a1509f3ff9/7714e774-161c-44bc-aa0d-4ef93eb6de50.png" /> para hacer que el pie de página aparezca o desaparezca gradualmente cuando se carga la página. </li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Cambiar el tamaño del pie de página</h4><div class="collapsible-content"><div>Mantén pulsada la manilla de estiramiento en la parte inferior del pie de página y arrástrala al tamaño que más te convenga.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Ocultar el pie de página</h4><div class="collapsible-content"><div>Haz clic con el botón derecho en el pie de página y selecciona <strong>Ocultar pie de página</strong> para eliminar el pie de página de esta página en concreto.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Agregar elementos al pie de página</h4><div class="collapsible-content"><div>Agrega los elementos que desees al pie de página. Por ejemplo, el pie de página es un excelente lugar para compartir enlaces a tus redes sociales o un menú personalizado para facilitar la navegación por tu sitio. </div><ol>
  <li>Haz clic en <strong>+ Agregar</strong> en la parte superior izquierda del editor.</li>  <li>Elige el elemento que deseas agregar, como <strong>Menú</strong>.</li>  <li>Arrastra el elemento elegido al área del pie de página.</li>  <li><a data-composite="true" href="https://support.wix.com/es/article/editor-de-wix-harmony-trabajar-con-elementos" target="">Coloca y personaliza los elementos</a> como quieras.</li></ol></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">Preguntas frecuentes</h2></div><div data-component-type="text"><div>Haz clic en una de las siguientes preguntas para obtener más información.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">¿Puedo agregar una sección debajo del pie de página o hacer una copia del mismo?</h4><div class="collapsible-content"><div>No es posible agregar otra sección debajo del pie de página ni duplicarlo. Tu sitio tiene un solo pie de página, para mantenerlo todo simple y uniforme.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">¿Puedo crear diferentes tipos de pies de página en mi sitio?</h4><div class="collapsible-content"><div>No, todas las páginas comparten el mismo estilo y contenido de pie de página. De esa manera, los visitantes siempre sabrán dónde encontrar la información importante.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">¿Debería agregar un menú al pie de página? </h4><div class="collapsible-content"><div>Si bien no es obligatorio, te recomendamos <a data-composite="true" href="https://support.wix.com/es/article/editor-de-wix-harmony-agregar-y-administrar-menús" target="">agregar un menú personalizado</a> en el pie de página, ya que puede ayudar a los visitantes a encontrar rápidamente páginas importantes que quizás prefieras ocultar del menú del sitio (por ejemplo, tu política de privacidad, el mapa del sitio, etc.) </div><div><br /></div><div>También ayuda a los motores de búsqueda a comprender mejor la estructura de tu sitio, lo que podría mejorar tu posicionamiento en los resultados de búsqueda. </div></div></div></div>

Cómo empezar

Elegir una plantilla

Contratar a un profesional para crear tu sitio

Aprende cómo puedes usar Wix para construir tu sitio web y potenciar tu negocio. Personaliza tu sitio o contrata a un profesional para crear o mejorar tu presencia online. 

Primeros pasos

Crea tu sitio web y haz crecer tu negocio con Wix

Conceptos básicos del Editor de Wix

Usar las herramientas del Editor

Estilo de la página

Franjas y columnas

Estructurar el sitio

Diseñar el sitio

Páginas

Menús

Administrar páginas y menús

Textos

Botones

Cajas y contenedores

Diapositivas

Formas y líneas

Agregar y personalizar elementos

Imágenes

Galerías

Videos

Documentos y archivos

Agregar archivos y multimedia

Trabajar con elementos

Usar efectos y animaciones

Compartir y promover el sitio

Agregar elementos avanzados

Comenzar con la versión móvil

Herramientas en la versión móvil

Páginas en el sitio móvil

Fondos en el sitio móvil

Estilos en la versión móvil

Menús del sitio en la versión móvil

Textos en la versión móvil

Contenido multimedia en la versión móvil

Otros elementos en la versión móvil

Solucionar problemas en la versión móvil

Crear un sitio en la versión móvil

Resolver problemas en el editor

Usar el Editor de Wix

Usar el panel de control de tu sitio

Gestionar tu sitio

Gestionar los roles y permisos

Administrar tu sitio

Primeros pasos con la IA

Usar la IA para crear y administrar tu sitio

Usar la IA para configurar tu negocio

Agente de marketing con AI

Agente de IA personalizado

Agente de recepción

Usar Agentes de IA

Herramientas con IA

Primeros pasos con el editor

Usar las herramientas del editor

Estructurar tu sitio

Agregar animaciones y efectos

Personalizar la marca de tu sitio

Diseñar tu sitio

Resolución de problemas para tu sitio

Editor de Wix Harmony

Aspectos básicos del Administrador de multimedia

Subir archivos multimedia

Comprar archivos multimedia

Gestionar archivos multimedia

Dificultades con archivos multimedia

Agregar y administrar archivos multimedia

Usar la Galería Wix Pro

Editar imágenes (Wix Photo Studio)

Primeros pasos con Wixel

Crear y administrar proyectos

Diseñar con Wixel

Upgrade y gestión de la cuenta

Wixel

Administrar archivos multimedia

Wix Multilingüe: conceptos básicos

Traducir tu sitio

Administrar los idiomas

SEO en Wix Multilingüe

Crear un sitio multilingüe

Privacidad y RGPD

Sobre la accesibilidad

Hacer tu sitio accesible

Funciones avanzadas de accesibilidad

Crear un sitio accesible

Sobre el CMS (anteriormente Administrador de contenidos)

Usar el CMS

Conectar el contenido de las colecciones del CMS a tu sitio

Trabajar con páginas dinámicas y el CMS

Conectar elementos de entrada del usuario al CMS

Usar el CMS con otros productos de Wix

Funciones avanzadas del CMS

Wix para desarrolladores

Avanzado: versiones de prueba (Release Candidates)

Wix Blocks

Funciones avanzadas

Wix Vibe

Aprende a utilizar el Editor de Wix y a gestionar el contenido de tu sitio. Descubre cómo proteger la privacidad de tus visitantes y hacer que tu sitio sea accesible.

Crear tu sitio

Crea y gestiona tu sitio con las funciones intuitivas de Wix

Ajustes de la cuenta

Problemas de inicio de sesión

Gestionar tu cuenta

Hacer Upgrade a un plan Premium

Facturación de planes Premium

Facturación de dominios

Facturación de Google Workspace e emails empresariales

Gestionar tus suscripciones

Cargos, pagos e impuestos

Facturas por los servicios de Wix

Promociones y cupones

Facturación y suscripciones premium

Revisa la configuración de tu cuenta, gestiona tus suscripciones y planes Premium y comprende tus facturas.

Cuenta y facturación

Gestiona suscripciones, planes y facturas

Administrar tu sitio en la app Wix

Aspectos básicos de las apps móviles

Personalizar tu propia app móvil

Administrar tu propia app móvil

Enviar tu app móvil para su aprobación

Crear tu propia app móvil

Personalizar tu sitio desde las apps de Wix para miembros

Administrar tu sitio desde las apps de Wix para miembros

Usar apps móviles como miembro

Usar las apps de Wix para miembros

Apps móviles para tus clientes

Utiliza la aplicación Wix para gestionar tu negocio de manera eficiente, interactuar con tus visitantes y construir una comunidad.

Usar las apps móviles de Wix

Gestiona tu negocio y conecta con los miembros

Aspectos básicos de los dominios

Dominios de Wix

Dominios comprados externamente

Transferir dominios

Administrar dominios

Solucionar problemas de dominios

Comprende cómo comprar, conectar o transferir un dominio y cómo mantener seguros los datos de tu sitio.

Conectar un dominio

Aprende a comprar, conectar o transferir un dominio

Configurar la tienda

Administrar productos y categorías

Configurar envíos y cumplimiento

Configurar pagos y finalización de compra

Diseñar la tienda

Gestionar los pedidos

Gestionar el inventario de la tienda

Administrar el Área personal

Administrar emails de la tienda

Administrar cupones

Dropshipping con Wix Stores

Configurar canales de venta

App Wix para Wix Stores

Wix Stores

Configurar Wix Bookings

Crear  tus servicios

Administrar tu equipo

Gestionar el calendario y reservas

Membresías, paquetes y pagos

Personalizar las páginas de Wix Bookings

Emails, SMS y promociones

Usar la app Wix para administrar reservas

Videoconferencias con Wix Bookings

Fit by Wix

Servicios de consulta

Wix Bookings

Configurar Wix Eventos

Crear eventos

Diseñar Wix Eventos

Administrar eventos

Administrar invitados

Vender entradas para eventos

Promocionar eventos

Usar la app Wix para Wix Eventos

Wix Check-in para eventos

Wix Eventos

Configurar los planes de precios

Crear planes de precios

Wix Planes de precios

Soluciones de negocio y apps

Encuentra las herramientas adecuadas para construir y hacer crecer tu negocio: acepta pagos, revisa las analíticas, contacta con los visitantes y mucho más.

Administrar tu negocio

Herramientas para ampliar tu negocio y tu presencia online