Halloween Sale 15% off Ends in See the plans

Snippet Library

Frontend & Design snippets for WordPress

Snippets that change how your site looks and behaves for visitors: a back-to-top button, announcement bars, custom fonts and styles, smooth scrolling and small layout fixes. For designers and site owners polishing the front of the site.

1–14 of 14 snippets “ai”

  • HTML Frontend & Design

    "You Are Offline" Notice

    Shows a small notice at the bottom of the screen when the visitor loses their internet connection and hides it when the connection returns, so failed clicks make sense.

  • HTML Frontend & Design

    Fade-In Page Transitions

    Fades each page in as it loads and gently out when visitors follow a link to another page on your site. Turned off for people who prefer reduced motion, and pages never stay hidden if JavaScript fails.

  • HTML Frontend & Design

    Play YouTube Links in a Lightbox

    Opens links to YouTube videos (with the class "wpide-video-lightbox" or around a thumbnail image) in a large on-page video player, and only contacts YouTube after the click.

  • PHP Frontend & Design

    Progress Bar Shortcode

    Adds a [wpide_progress value="75" label="Funding goal"] shortcode that draws a labeled progress bar, for fundraising goals, skills or project status.

  • HTML Frontend & Design

    Turn Headings Into an Accordion

    Turns every H3 inside a block with the class "wpide-accordion" into a clickable question that shows or hides the content below it, for FAQs written as plain headings and paragraphs.

Have a snippet worth sharing?

Publish it to the library from WPIDE or right here. Sign in with any WordPress site that runs WPIDE, free or Pro. Public snippets are reviewed by the WPIDE team before they appear.