Reading Progress Bar
Shows a thin bar at the top of the window that fills up as the visitor scrolls through the page.
Snippet Library
WordPress code snippets, ready to use
3,040 free snippets from the WPIDE team and the community. Copy the code, or add any snippet to your site in one click with WPIDE.
Replace the Jetpack Infinite Scroll Footer Credit
Replaces the "Proudly powered by WordPress" credit that Jetpack's Infinite Scroll shows in its sticky footer with your own text, or removes it.
Respect "Reduce Motion" Across the Whole Site
Turns off CSS animations, transitions, parallax backgrounds and smooth scrolling for visitors whose device is set to reduce motion. Visitors without that setting see no change.
Respect "Reduce Motion" in Divi Animations
Turns off Divi's entrance animations, parallax and scroll effects for visitors whose device asks for reduced motion, while everyone else keeps the effects.
Reveal Blocks on Scroll
Fades and slides content blocks into view as the visitor scrolls. Add the class "reveal" to any block in the editor (Advanced > Additional CSS class) to animate it.
Scroll Depth Events in the dataLayer
Pushes scroll_depth events to the Google Tag Manager dataLayer when visitors scroll 25, 50, 75 and 90 percent of a page, to measure how far content is read.
Scroll to the Contact Form 7 Response Message
Scrolls the page to the Contact Form 7 success or error message after submitting, so visitors on long pages and phones see the result.
Scroll to the Gravity Forms Confirmation Message
Makes every Gravity Forms form jump to its confirmation or error message after submitting, so visitors on long pages and phones see the result.
Scrollable Tables on Mobile
Lets wide tables in your content scroll sideways on small screens instead of breaking the layout or overflowing the page.
Scrolling Logo Strip (Marquee)
Turns any block with the class "wpide-marquee" (a Gallery, Row or Group of logos) into a smooth, endlessly scrolling strip that pauses on hover.
Skip Rendering Off-Screen Comments and Footers Until Needed
Uses the CSS content-visibility property so browsers skip laying out the comments section, footer and related posts until the visitor scrolls near them, which speeds up rendering of long pages.
Slim Custom Scrollbar
Replaces the default browser scrollbar with a thinner one in your brand colors on desktop browsers.
Smaller Logo in the Divi Fixed Header
Shrinks the logo smoothly when Divi's header becomes fixed while scrolling, so the sticky header takes less room on screen.
Smooth Scrolling for Anchor Links
Makes in-page anchor links scroll smoothly instead of jumping, while respecting visitors who prefer reduced motion.
Stack Tables Into Labeled Cards on Phones
On small screens, turns each row of the tables in your content into a card where every value is shown with its column heading, so wide tables can be read without sideways scrolling.
Sticky Add to Cart Bar on Product Pages
Shows a slim bar with the product name, price and a buy button fixed to the bottom of the screen once the shopper scrolls past the main add to cart button.
Sticky Header Row in Long Tables
Keeps the header row of long tables in posts visible while visitors scroll down through the rows, so they always know which column is which.
Sticky Header That Shrinks on Scroll
Keeps your theme's header pinned to the top of the screen and adds a shadow and smaller padding once the visitor scrolls down.
Sticky Sidebar
Keeps the sidebar visible while visitors scroll through long posts on desktop screens, so your widgets and calls to action stay in view.
Sticky Table Headers in Admin Lists
Keeps the column headings of posts, pages, users and other admin tables visible while you scroll long lists.
Stop Sideways Scrolling on Phones
Prevents the whole page from scrolling sideways on phones when a wide image, embed or full-width block sticks out a few pixels past the screen edge.
Stop Sticky Headers Covering Jump-Link Targets
Leaves space above headings and sections when visitors follow a #link, so the target is not hidden under a sticky header or the admin bar.
Styled Code Blocks (SCSS)
Gives code blocks and inline code in your posts a dark, readable style with rounded corners, a monospace font stack and horizontal scrolling for long lines.
Subtle Parallax Effect for Images
Gives images inside blocks with the class "wpide-parallax" a gentle parallax movement while scrolling, adding depth to hero and feature sections.