"View All" Link on Paginated Archives
Adds a "View all 42 posts on one page" link under paginated category, tag and other archives that are not too large, for readers who prefer to scroll or search 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.
Animated Number Counter Shortcode
Adds a [wpide_counter to="2500" suffix="+"] shortcode that counts up from zero when the number scrolls into view, for statistics and milestones.
A–Z Index Styles (SCSS)
Styles the [az_index] letter bar as a row of buttons that stays visible while scrolling, and lays out each letter's entries in columns.
Back to Top Button
Adds a small round button in the bottom corner that appears after scrolling down and takes visitors back to the top of the page.
Bouncing "Scroll Down" Arrow on Hero Sections
Adds a gently bouncing arrow to the bottom of any Cover block with the class "wpide-scroll-hint", inviting visitors to scroll past a full-screen hero.
Clean Table Styles for Posts (SCSS)
Gives tables in posts and pages a clean, readable look with a bold header row, light striping, comfortable padding and horizontal scrolling on phones.
Collapsible Sidebar Widgets on Phones
Folds sidebar and footer widgets into tap-to-open sections on small screens, so visitors reach the content and footer without scrolling past long widget lists.
Delay Third-Party Scripts Until the Visitor Interacts
Holds back the scripts you list (chat widgets, heatmaps, social widgets) until the visitor first scrolls, taps, clicks or presses a key, or after a timeout, so they no longer slow down the initial page load.
Fix "Fixed Background" Cover Blocks on iPhone and iPad
Switches Cover blocks set to a fixed (parallax) background to a normal scrolling background on touch devices, where fixed backgrounds look blurry, zoomed or don't show at all.
Floating Call-to-Action Button After Scrolling
Shows a floating button in the bottom corner once visitors have scrolled past the first screen, for "Book a call", "Get a quote" or "Shop now" links.
Full-Screen Snap Scrolling Between Sections
Makes the page snap from one full-screen section to the next while scrolling, for presentation-style landing pages built from Cover or Group blocks with the class "wpide-snap".
Hide the Header on Scroll Down, Show It on Scroll Up
Slides the sticky site header out of view while visitors scroll down to read and brings it back as soon as they scroll up, giving content more room on small screens.
Highlight the Menu Link of the Section in View
Marks the menu link that points to the section currently on screen (for one-page sites with #about, #services links), updating as visitors scroll.
Infinite Scrolling in the Media Library
Brings back infinite scrolling in the Media Library grid, so more files load as you scroll instead of clicking "Load more".
Keep the Last Sidebar Widget in View
Makes the last widget in the sidebar stick to the top of the screen while the visitor scrolls long posts, a good spot for a newsletter form or ad.
Lazy-Load Background Images
Loads background images only when their section is about to scroll into view, for any element marked with data-wpide-bg="image-url", saving bandwidth on long landing pages.
Log Out Idle Users Automatically
Logs users out after a set time without any mouse, keyboard or scroll activity, counted across all their open tabs.
Make Content Tables Scroll on Small Screens
Wraps tables in posts and pages in a scrollable container so wide tables no longer break the layout on phones.
Make Scrollable Areas Reachable by Keyboard
Finds code blocks, tables and other boxes that scroll sideways or vertically but contain nothing focusable, and makes them keyboard-focusable with a label, so keyboard users can scroll them with the arrow keys.
Marker-Pen Animation for Highlighted Text
Animates highlighted text (the <mark> tag from the toolbar's Highlight option) with a marker stroke that sweeps across as the words scroll into view.
Newsletter Prompt After 300 Words
Shows a short newsletter invitation once readers are about 300 words into a post, after they have shown real interest but before most people stop scrolling.
Open a Divi Toggle or Accordion From the URL
Opens the Divi toggle or accordion item whose CSS ID matches the address hash (for example #shipping) and scrolls to it, so you can link straight to an answer.
Pause Autoplaying Videos When Off Screen
Pauses background and autoplaying videos when they scroll out of view or the browser tab is hidden, and resumes them when they come back, saving battery and data.
Put Your Main Countries First in Gravity Forms
Moves the countries you sell to most to the top of Gravity Forms address and country drop-downs, so most visitors find theirs without scrolling.