Widget de indicador de progreso de desplazamiento para su sitio web

Ayude a los visitantes a seguir su progreso de desplazamiento con una barra de progreso fija o un botón de progreso flotante. Agregue una acción opcional para volver al inicio, adapte los colores de su marca y controle la colocación sin código.

Cómo crear un widget Scroll Progress

Choose your indicators

Elija sus indicadores

Elija la barra de progreso o el botón de progreso flotante y luego decida si el botón lleva a los visitantes de vuelta a la parte superior.

Style colors and layout

Aplique estilo a los colores y el diseño

Establezca rellenos sólidos o degradados, personalice los colores de la pista y el porcentaje, ajuste el tamaño y la posición del indicador y controle la visibilidad en los dispositivos.

Embed it on your site

Insértelo en su sitio

Previsualice el comportamiento del desplazamiento, copie el código de inserción y publique el widget en cualquier página larga.

Oriente a los visitantes mientras se desplazan

Elija su indicador de progreso

Elija una barra de progreso fija o un botón de progreso flotante para que los visitantes puedan seguir fácilmente su progreso de desplazamiento en blogs, guías y páginas de destino.

Choose Your Progress Indicator

Adapte los colores de su marca

Utilice rellenos sólidos o degradados y luego ajuste los colores del progreso, la pista y el porcentaje para que el widget se adapte al diseño de su sitio.

Match your brand colors

Vuelva al inicio con un solo clic

Permita que los visitantes hagan clic en el botón de progreso flotante para volver a la parte superior de páginas largas cuando necesiten un reinicio rápido.

Scroll to top in one click

Controle la colocación y los dispositivos

Fije la barra en la parte superior o inferior, coloque el botón en cualquier esquina, ajuste su tamaño y elija escritorio, móvil o ambos.

Control placement and devices

Cómo integrar su Scroll Progress en WordPress

1Obtenga su código de inserción

Después de personalizar su widget de sitio web de Jotform, haga clic en Pruébelo en su sitio web gratis y copie el código de inserción generado.

2Abra el editor de la página

Vaya a la entrada o página de WordPress donde desea mostrar el widget y luego agregue un nuevo bloque.

3Agregue un bloque HTML personalizado

Seleccione HTML Personalizado y pegue el código de inserción de su widget de sitio web de Jotform en el campo HTML.

4Actualice y vea

Haga clic en Actualizar o Publicar y luego abra la página para revisar su widget insertado.

Por qué destacan los Widgets para Sitios Web de Jotform

Los widgets de Jotform hacen que su sitio web sea más interactivo y aumentan las conversiones. Hay muchas herramientas disponibles, desde valoraciones con estrellas y controles deslizantes de testimonios hasta ventanas emergentes de prueba social e inserciones de medios. Agregue widgets a sus formularios o páginas de destino para recopilar datos, mostrar pruebas y captar prospectos — sin necesidad de programación.

Inserte widgets sin necesidad de programar

Agregue widgets de Jotform a su sitio web con un simple código de inserción. Personalice el widget, previsualice su aspecto y péguelo en cualquier página que admita HTML personalizado o bloques de inserción, todo sin un desarrollador.

Cree páginas más interactivas

Utilice los Widgets para Sitios Web de Jotform para captar prospectos, mostrar comentarios de clientes, presentar pruebas sociales, insertar medios o agregar herramientas útiles para páginas web. Cada widget ayuda a los visitantes a interactuar con su negocio directamente desde su sitio web.

Obtenga soporte cuando lo necesite

Si necesita ayuda para configurar, personalizar, insertar o solucionar problemas de su widget, el equipo de atención al cliente de Jotform está disponible las 24 horas, los 7 días de la semana. Puede avanzar con confianza, sabiendo que la ayuda está ahí cuando la necesita.

Dónde utilizar su widget indicador de progreso de desplazamiento

Utilice el widget en páginas donde los visitantes se desplazan mucho y se benefician de una clara sensación de progreso además de una forma rápida de volver al inicio.

Blog posts and articles so readers can see how far they have scrolled and return to the headline quickly

Documentation and help centers where dense instructions benefit from a live progress cue and scroll-to-top shortcut

Product and feature pages that stack long storytelling sections, comparisons, and CTAs

Landing pages that use long vertical layouts and need subtle orientation without extra navigation

Resource hubs and magazines with editorial content that should feel easy to finish

Mobile-first pages where long scrolling is common and a floating progress button improves usability

Convierta prospectos en clientes de pago con el Creador de Formularios de Jotform

Convierta la interacción en acción con Jotform. Cree formularios potentes que captan prospectos, recopilan pagos y automatizan respuestas, todo en un solo lugar. Cada envío llega a su Jotform Inbox, donde puede hacer seguimiento o conectar con sus aplicaciones favoritas.

Empiece — ¡Es gratis!
Convert leads into customers

Preguntas Frecuentes

  • ¿Qué es un widget indicador de progreso de desplazamiento?

    Un widget indicador de progreso de desplazamiento muestra cuánto han avanzado los visitantes en el desplazamiento con una barra de progreso fija y un indicador circular flotante opcional.

  • ¿El botón se desplaza hacia la parte superior?

  • ¿Puedo personalizar los colores?

  • ¿Puedo controlar la colocación?

  • ¿Funciona en dispositivos móviles?

  • ¿Puedo ocultarlo al inicio o cuando se completa?

  • ¿Necesito escribir código?