Title: WPFront Scroll Top
Author: Syam Mohan
Published: <strong>2 janeiro, 2014</strong>
Last modified: 2 dezembro, 2025

---

Pesquisar plugins

![](https://ps.w.org/wpfront-scroll-top/assets/banner-772x250.png?rev=3303694)

![](https://ps.w.org/wpfront-scroll-top/assets/icon.svg?rev=1534312)

# WPFront Scroll Top

 Por [Syam Mohan](https://profiles.wordpress.org/syammohanm/)

[Baixar](https://downloads.wordpress.org/plugin/wpfront-scroll-top.3.0.1.zip)

 * [Detalhes](https://br.wordpress.org/plugins/wpfront-scroll-top/#description)
 * [Avaliações](https://br.wordpress.org/plugins/wpfront-scroll-top/#reviews)
 *  [Instalação](https://br.wordpress.org/plugins/wpfront-scroll-top/#installation)
 * [Desenvolvimento](https://br.wordpress.org/plugins/wpfront-scroll-top/#developers)

 [Suporte](https://wordpress.org/support/plugin/wpfront-scroll-top/)

## Descrição

Enhance user experience and site navigation with a lightweight, customizable “Scroll
to Top” button. This plugin adds a smooth-scrolling button that appears as users
scroll down the page and disappears when they return to the top.

Designed for speed and seamless integration, it works with any WordPress theme and
includes options for custom icons, button position, color, animation, and intelligent
display rules. No coding required—just install and configure in minutes.

Perfect for blogs, long-form articles, eCommerce sites, or any website where easy
navigation improves usability.

### Key Features & Customization

 * **Intelligent Display**: Automatically appears as users scroll down, then disappears
   when at the top.
 * **Smooth Scroll Animation**: Provides a fluid and pleasant “back to top” experience.
 * **Flexible Destinations**:
    - Internal Page Scroll: Link the button to any specific element within the current
      page.
    - External Page Redirection: Redirect users to any other page or URL.
 * **Customizable Button Design**:
    - Choose between text, custom image (PNG/SVG), or Font Awesome icons.
    - Use any image URL for complete branding control.
 * **Responsive Control**:
    - **Mobile-Friendly**: Option to hide the button on smaller devices/windows 
      for better mobile UX.
    - **iFrame Compatibility**: Ensures it doesn’t appear inappropriately within
      iframes.
 * **Targeted Visibility**: Easily show or hide the button on specific pages or 
   posts.
 * **Temporary Display**: Auto-hide the button after a set duration for a cleaner
   interface.
 * **Optimized Performance**: Utilizes Async JavaScript to ensure fast page loading.
 * **Accessibility Focused**: Built with ARIA labels and screen reader text for 
   inclusive navigation.
 * **SEO-Friendly Markup**: Employs semantically correct HTML elements for optimal
   search engine and accessibility performance.
 * **Optimized Performance**: Adds functionality without slowing down your site.
 * **Easy-to-Use Admin Panel**: Configure all settings intuitively from your WordPress
   dashboard.

## Capturas de tela

 * [[
 * Página de configurações.

## Instalação

 1. Click Plugins/Add New from the WordPress admin panel.
 2. Search for “WPFront Scroll Top” and install.
 3. Configure plugin using **Scroll Top** link under **Settings** menu.

## Perguntas frequentes

 1. **What is the “Scroll to Top” button, and how does it work?**
     The “Scroll to Top”
    button is a convenient navigation feature that appears on your website as users
    scroll down a page. With a single click, it allows them to effortlessly return 
    to the top of the page with a smooth, animated scroll, significantly improving 
    the user experience, especially on long-form content.
 2. **Is the “Scroll to Top” button always visible?**
     No. The button gracefully appears
    only after a user has scrolled down a certain distance on the page and disappears
    when they are at the top, ensuring it doesn’t obstruct content unnecessarily. You
    can also configure an Auto-Hide feature to make it disappear after a few seconds
    of inactivity.
 3. **Can I customize the design of the button?**
     You can choose to use simple text,
    select from a wide range of Font Awesome icons, or upload your own custom image(
    PNG or SVG) to perfectly match your website’s branding. You also have full control
    over its position, size, colors, and hover effects.
 4. **Can the button link to something other than the top of the page?**
     Besides scrolling
    to the top, you can configure the button to:
 5.  * Link to an In-Page Element: Direct users to a specific section or HTML element(
       like an anchor point) anywhere on the current page.
     * Redirect to a Different URL: Use the button to send users to another page on
       your site or even an external website.
 6. **Can I control where the button appears on my website?**
     You can easily enable
    or disable the “Scroll to Top” button on specific pages, posts, or custom post 
    types through the plugin’s settings, giving you full flexibility over its visibility.
 7. **Is the plugin accessible for all users?**
     The plugin is built with proper ARIA
    labels and includes screen reader text, ensuring that users relying on assistive
    technologies can navigate your site effectively and experience the benefits of 
    the button.

## Avaliações

![](https://secure.gravatar.com/avatar/c258aece607700f63552eb5ef5e05e96b1d284be2c071e49cd0ebf2debf048b9?
s=60&d=retro&r=g)

### 󠀁[Does the job](https://wordpress.org/support/topic/does-the-job-1055/)󠁿

 [msbabaseball](https://profiles.wordpress.org/msbabaseball/) 3 abril, 2025

Super simple. Totally automated and with literally a couple clicks and it’s done.

![](https://secure.gravatar.com/avatar/18c2ed4fdd151b4cf962ea2c70cfe485301df28337ffa6ed2a38c2dd1f05c313?
s=60&d=retro&r=g)

### 󠀁[Very very very good!](https://wordpress.org/support/topic/very-very-very-good-11/)󠁿

 [thor63](https://profiles.wordpress.org/thor63/) 21 março, 2025

A plugin that is well made, thought out, and cared for in detail; if we really want
to find a flaw, but it wouldn’t be a flaw but rather an additional functionality,
it should be possible to change the size of the button even for smaller screens 
or that it adapts automatically.But it’s already really TOP like this!!! 😅👏👏

![](https://secure.gravatar.com/avatar/1430f74bb988208ba3e5b8575c4d911855dbff2e611ae09f6ac1063a793ba6de?
s=60&d=retro&r=g)

### 󠀁[Very fine, works perfectly](https://wordpress.org/support/topic/very-fine-works-perfectly/)󠁿

 [Anni55](https://profiles.wordpress.org/anni55/) 5 março, 2025

It would be even better, if we could add the icon on top AND on bottom of the page.

![](https://secure.gravatar.com/avatar/68730c3b3643798ad534cb90da069c91a46c8bdfa9092c503ca1336fb8d76a18?
s=60&d=retro&r=g)

### 󠀁[Le bouton ‘Haut de Page’ simple et fonctionnel](https://wordpress.org/support/topic/le-bouton-haut-de-page-simple-et-fonctionnel/)󠁿

 [creationfa](https://profiles.wordpress.org/creationfa/) 19 novembro, 2024

Merci à l’équipe pour ce bouton ‘haut de page’, simple, éfficace et jolie. De plus,
possibilité de choisir le bouton qui convient, ou d’en télécharger un de son choix.
Cordialement,Fabien

![](https://secure.gravatar.com/avatar/0d336db7ca63e0afdbf1fe871b3c4aff73ceb80b7967f52a5ff9cdb885ecd98c?
s=60&d=retro&r=g)

### 󠀁[Finally a simple button that works](https://wordpress.org/support/topic/finally-a-simple-button-that-works/)󠁿

 [Sarah Schopick](https://profiles.wordpress.org/time2livelife/) 17 maio, 2024

This plugin is both simple and customizable. It works from the start on both front-
end and admin pages. (You can disable it for admin if you want, but I like it). 
You can choose the button icon and the size. That’s it. That’s all you have to do.
It’s that simple. I’ve tried other similar plugins but they didn’t perform reliably.

![](https://secure.gravatar.com/avatar/198a12a6a15059522f8c51f57dee2b241481612549e7342512a48d082456a946?
s=60&d=retro&r=g)

### 󠀁[Keyboard inaccessible, bad HTML. WCAG fails immediately.](https://wordpress.org/support/topic/keyboard-inaccessible-bad-html-wcag-fails-immediately/)󠁿

 [Krzysztof Busłowicz](https://profiles.wordpress.org/elkurczako/) 26 fevereiro,
2024

I’m curious, why did you choose to insert the <div> element into the DOM with some
JS to handle scrolling. No keyboard focus, no accessible label/name/content, no 
HTML semantics, no ARIA to fix this.In fact DO NOT use ARIA to override./hide your
problems. The best ARIA is no ARIA. Use an <a> element, it’s also quick to write
and has it all by definition. You can easily add span inside the link element with
translatable content and hide it visually with “sr-only” class (from Bootstrap).
You could detect the first link on the page and make it an anchor if there’s no 
id attribute.

 [ Leia todas as 142 avaliações ](https://wordpress.org/support/plugin/wpfront-scroll-top/reviews/)

## Colaboradores e desenvolvedores

“WPFront Scroll Top” é um programa de código aberto. As seguintes pessoas contribuíram
para este plugin.

Colaboradores

 *   [ Syam Mohan ](https://profiles.wordpress.org/syammohanm/)

WPFront Scroll Top” foi traduzido para 16 localidades. Agradecemos aos [tradutores](https://translate.wordpress.org/projects/wp-plugins/wpfront-scroll-top/contributors)
por suas contribuições.

[Traduzir o “WPFront Scroll Top” para seu idioma.](https://translate.wordpress.org/projects/wp-plugins/wpfront-scroll-top)

### Interessado no desenvolvimento?

[Navegue pelo código](https://plugins.trac.wordpress.org/browser/wpfront-scroll-top/),
consulte o [repositório SVN](https://plugins.svn.wordpress.org/wpfront-scroll-top/)
ou assine o [registro de desenvolvimento](https://plugins.trac.wordpress.org/log/wpfront-scroll-top/)
por [RSS](https://plugins.trac.wordpress.org/log/wpfront-scroll-top/?limit=100&mode=stop_on_copy&format=rss).

## Registro de alterações

#### 3.0.1

 * Defect fix.

#### 3.0.0

 * Breaking changes are introduced. Please verify the display after the upgrade.
 * These breaking changes are needed for accessibility and SEO friendly markup.
 * The container will either be a button or an anchor element.
 * There could be multiple span inside the container depending on your configuration.
 * Minimum PHP version required is 7.2.
 * Accessibility and more CSS settings are available.
 * Deprecated settings are removed.

#### 2.2

 * Compatibility fixes.

#### 2.1.1

 * Bug fix.

#### 2.1

 * [Deprecated] Small device settings.
 * New UI.
 * Title HTML attibute.
 * PHP compatibility fixes.
 * HTML validation fixes.
 * Performance improvements.

#### 2.0.7

 * XSS fix. Thanks to ‘Vlad Visse’.

#### 2.0.6

 * XSS fix. Thanks to ‘Asif Nawaz Minhas’.

#### 2.0.5

 * XSS fix.

#### 2.0.4

 * WP compatibility fix.

#### 2.0.3

 * jQuery deprecation fixes.
 * Compatibility fixes.
 * SiteGround conflict fix.

#### 2.0.2

 * Fixes WordPress 5.2 site health, wp_version_check, conflict.

#### 2.0.1

 * Link to element.
 * Link to page.
 * Select image from media library easily.
 * Performance improvements.

#### 1.6.2

 * Requires minimum PHP 5.3.
 * Bug fixes.
 * Moved menu under ‘Settings’ menu.
 * PHP 7.2 compatibility fixes.

#### 1.6.1

 * Undefined variable fix.

#### 1.6

 * Font Awesome icons support.
 * New image icons.
 * Setting for moving menu under ‘Settings’.
 * Performance improvement.
 * UI improvement.
 * PHP 7 compatibility fixes.

#### 1.5

 * JavaScript async.
 * Minified files.
 * Language files removed.

#### 1.4.5

 * Ukrainian translation added. Thanks to Ivanka Skakun.

#### 1.4.4

 * Zerif theme compatibility fix.

#### 1.4.3

 * Media upload bug fix.

#### 1.4.2

 * Bug fixes.
 * German language added.

#### 1.4.1

 * Bug fixes
 * Russian language added

#### 1.4

 * Image ALT attribute
 * Language translations

#### 1.3

 * Auto hide
 * Hide on wp-admin
 * Hide on iframes
 * Pages/posts filter

#### 1.2

 * Text button option
 * Bug fixes

#### 1.1.1

 * Stability improvements
 * New menu structure

#### 1.1

 * New option to hide on mobile devices
 * Fixed conflicts with other plugins

#### 1.0.1

 * Bug fixes

#### 1.0

 * Initial release

## Meta

 *  Versão **3.0.1**
 *  Última atualização **5 meses atrás**
 *  Instalações ativas **200.000+**
 *  Versão do WordPress ** 5.3 ou superior **
 *  Testado até **6.9.4**
 *  Versão do PHP ** 7.2 ou superior **
 *  Idiomas
 * [Chinese (China)](https://cn.wordpress.org/plugins/wpfront-scroll-top/), [Czech](https://cs.wordpress.org/plugins/wpfront-scroll-top/),
   [Dutch](https://nl.wordpress.org/plugins/wpfront-scroll-top/), [Dutch (Belgium)](https://nl-be.wordpress.org/plugins/wpfront-scroll-top/),
   [English (Canada)](https://en-ca.wordpress.org/plugins/wpfront-scroll-top/), 
   [English (US)](https://wordpress.org/plugins/wpfront-scroll-top/), [French (France)](https://fr.wordpress.org/plugins/wpfront-scroll-top/),
   [German](https://de.wordpress.org/plugins/wpfront-scroll-top/), [Japanese](https://ja.wordpress.org/plugins/wpfront-scroll-top/),
   [Persian](https://fa.wordpress.org/plugins/wpfront-scroll-top/), [Russian](https://ru.wordpress.org/plugins/wpfront-scroll-top/),
   [Serbian](https://sr.wordpress.org/plugins/wpfront-scroll-top/), [Spanish (Chile)](https://cl.wordpress.org/plugins/wpfront-scroll-top/),
   [Spanish (Colombia)](https://es-co.wordpress.org/plugins/wpfront-scroll-top/),
   [Spanish (Ecuador)](https://es-ec.wordpress.org/plugins/wpfront-scroll-top/),
   [Spanish (Spain)](https://es.wordpress.org/plugins/wpfront-scroll-top/) e [Spanish (Venezuela)](https://ve.wordpress.org/plugins/wpfront-scroll-top/).
 *  [Traduzir para seu idioma](https://translate.wordpress.org/projects/wp-plugins/wpfront-scroll-top)
 * Tags
 * [back to top](https://br.wordpress.org/plugins/tags/back-to-top/)[scroll to top](https://br.wordpress.org/plugins/tags/scroll-to-top/)
   [scroll top](https://br.wordpress.org/plugins/tags/scroll-top/)[scroll up](https://br.wordpress.org/plugins/tags/scroll-up/)
   [smooth scroll](https://br.wordpress.org/plugins/tags/smooth-scroll/)
 *  [Visualização avançada](https://br.wordpress.org/plugins/wpfront-scroll-top/advanced/)

## Classificações

 5 de 5 estrelas.

 *  [  139 avaliações com 5 estrelas     ](https://wordpress.org/support/plugin/wpfront-scroll-top/reviews/?filter=5)
 *  [  2 avaliações com 4 estrelas     ](https://wordpress.org/support/plugin/wpfront-scroll-top/reviews/?filter=4)
 *  [  0 avaliação com 3 estrela     ](https://wordpress.org/support/plugin/wpfront-scroll-top/reviews/?filter=3)
 *  [  0 avaliação com 2 estrela     ](https://wordpress.org/support/plugin/wpfront-scroll-top/reviews/?filter=2)
 *  [  1 avaliação com 1 estrela     ](https://wordpress.org/support/plugin/wpfront-scroll-top/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/wpfront-scroll-top/reviews/#new-post)

[Ver todas avaliações](https://wordpress.org/support/plugin/wpfront-scroll-top/reviews/)

## Colaboradores

 *   [ Syam Mohan ](https://profiles.wordpress.org/syammohanm/)

## Suporte

Problemas resolvidos nos últimos dois meses:

     0 de 2

 [Ver fórum de suporte](https://wordpress.org/support/plugin/wpfront-scroll-top/)

## Doar

Gostaria de contribuir para o desenvolvimento deste plugin?

 [ Doe para este plugin ](http://wpfront.com/donate/)