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

Editor de Wix: agregar y personalizar un botón para volver arriba en la versión móvil de tu sitio

3 min
En este artículo
  • Agregar un botón para volver arriba
  • Personalizar el botón para volver arriba
  • Cambiar el estilo del botón para volver arriba
Agrega un botón para volver arriba para permitir que los visitantes que acceden a tu sitio desde dispositivos móviles naveguen rápidamente a la parte superior de tu sitio. Puedes cambiar el icono a tu gusto y personalizarlo aún más para que los visitantes lo vean.

Agregar un botón para volver arriba

Comienza por agregar un botón desde el panel Herramientas para móvil en el editor móvil.
Nota:
El botón para volver arriba solo aparece en las páginas con el estilo Estándar y en páginas de al menos 1380 píxeles (no en páginas cortas).

Para agregar un botón para volver arriba:

  1. Haz clic en Herramientas para móvil a la izquierda del editor móvil.
  2. Haz clic en el icono Agregar al sitio  junto a Botón para volver.
El panel de herramientas móviles en el editor móvil. El cursor hace clic en el botón para volver arriba.

Personalizar el botón para volver arriba

Selecciona un icono para el botón. Puedes elegir uno de nuestros preajustes o subir el tuyo propio, y puedes personalizar aún más el diseño para que se adapte al aspecto de tu sitio.

Para cambiar el icono:

  1. Ve al editor móvil.
  2. Haz clic en el botón.
  3. Haz clic en Cambiar el icono.
  4. Elige qué hacer a continuación:
    • Selecciona un icono prediseñado.
    • Haz clic en el icono Agregar para subir los tuyos propios o elige entre miles de imágenes de arte vectorial.
  5. (Opcional) Haz clic en Personalizar el diseño para que se vea como quieres:
    • Colores de relleno: elige el color o los colores y hazlos más o menos opacos.
    • Sombreado: activa y ajusta una sombra en el botón para darle un efecto 3D.
Vista recortada del panel Cambiar icono. El cursor hizo clic en un icono de flecha.

Cambiar el estilo del botón para volver arriba

Cambia la posición y los márgenes del botón para que se adapten a la alineación de tu sitio móvil.

Para ajustar el estilo:

  1. Ve al editor móvil.
  2. Haz clic en el botón.
  3. Haz clic en el icono Estilo .
  4. Ajusta el estilo con las siguientes opciones:
    • Alineación de botones alinea el botón a la izquierda o a la derecha del sitio.
    • Márgenes: usa los controles deslizantes para ajustar los márgenes alrededor del botón.
El panel de estilo de los botones. El cursor arrastra el control deslizante para ajustar los márgenes verticales alrededor del botón.
El panel de herramientas móviles en el editor móvil. El cursor hace clic en el botón para volver arriba.
Vista recortada del panel Cambiar icono. El cursor hizo clic en un icono de flecha.
El panel de estilo de los botones. El cursor arrastra el control deslizante para ajustar los márgenes verticales alrededor del botón.