InDesign Random Quotes allows you to effortlessly display beautiful, engaging quotes anywhere on your site. Choose between a vast, curated “Universal” collection of 100 popular global quotes or easily build your own “Manual” custom list using the Quote Studio dashboard.

Whether you want to show a simple, elegant random quote that changes on every page load, or a modern, auto-fading slideshow carousel that cycles through your collection dynamically, this plugin has you covered with 16 stunning, professional design templates ready to use via simple shortcodes.

Key Features

16 Stunning Design Templates: Choose from Classic, Modern Blockquote, Minimalist, Gradient Card, Glassmorphism, Gradient Border, Dark Sleek, Quote Bubble, Elegant Serif, Neon Glow, Paper Note, Brutalist, Typewriter, Floating Shadow, Cyber Punk, and Retro Wave.
Auto-Fading Carousel Module: Display all of your quotes in a dynamic, smooth-fading slideshow cycle, perfectly embedded in any of the 16 layout themes! Customize the fade speed in seconds.
Random Quote Loader: Simple and fast shortcode to pull and display a single random quote on every page load.
Dedicated Quote Studio Dashboard: A beautiful new “ID Quotes” top-level admin menu lets you toggle between Universal and Manual modes, and view live, styling-accurate previews of all 16 layouts.
“Quick Add” Form: Manually entering quotes is a breeze with our aesthetic, user-friendly “Quick Add” input fields for the quote text and author.
1-Click Shortcode Copy: Instantly copy perfectly formatted shortcodes for any layout directly from the admin dashboard’s live preview grid.
Clean Formatting: Total control over author prefixes. Display your authors exactly how you type them without forced dashes or symbols.

Standard Layout Usage

You can customize the exact look and feel of your random quote using the layout attribute:

Classic (Default): [id_popular_quotes layout="classic"]
Modern Blockquote: [id_popular_quotes layout="modern"]
Minimalist: [id_popular_quotes layout="minimal"]
Gradient Card: [id_popular_quotes layout="card"]
Glassmorphism: [id_popular_quotes layout="glass"]
Gradient Border: [id_popular_quotes layout="gradient-border"]
Dark Sleek: [id_popular_quotes layout="dark-sleek"]
Quote Bubble: [id_popular_quotes layout="bubble"]
Elegant Serif: [id_popular_quotes layout="elegant-serif"]
Neon Glow: [id_popular_quotes layout="neon-glow"]
Paper Note: [id_popular_quotes layout="paper-note"]
Brutalist: [id_popular_quotes layout="brutalist"]
Typewriter: [id_popular_quotes layout="typewriter"]
Floating Shadow: [id_popular_quotes layout="floating-shadow"]
Cyber Punk: [id_popular_quotes layout="cyber-punk"]
Retro Wave: [id_popular_quotes layout="retro-wave"]

Fade Carousel Usage

Display your quotes in a beautiful auto-fading carousel using the new [id_popular_quotes_carousel] shortcode! The carousel randomly shuffles your entire quote collection and smoothly transitions between them.

Basic Carousel: [id_popular_quotes_carousel]
Custom Speed: Change the fade speed in seconds (default is 10). Example: [id_popular_quotes_carousel layout="neon-glow" speed="15"]

You can customize the carousel to use any of the 16 layouts:

Classic (Default): [id_popular_quotes_carousel layout="classic"]
Modern Blockquote: [id_popular_quotes_carousel layout="modern"]
Minimalist: [id_popular_quotes_carousel layout="minimal"]
Gradient Card: [id_popular_quotes_carousel layout="card"]
Glassmorphism: [id_popular_quotes_carousel layout="glass"]
Gradient Border: [id_popular_quotes_carousel layout="gradient-border"]
Dark Sleek: [id_popular_quotes_carousel layout="dark-sleek"]
Quote Bubble: [id_popular_quotes_carousel layout="bubble"]
Elegant Serif: [id_popular_quotes_carousel layout="elegant-serif"]
Neon Glow: [id_popular_quotes_carousel layout="neon-glow"]
Paper Note: [id_popular_quotes_carousel layout="paper-note"]
Brutalist: [id_popular_quotes_carousel layout="brutalist"]
Typewriter: [id_popular_quotes_carousel layout="typewriter"]
Floating Shadow: [id_popular_quotes_carousel layout="floating-shadow"]
Cyber Punk: [id_popular_quotes_carousel layout="cyber-punk"]
Retro Wave: [id_popular_quotes_carousel layout="retro-wave"]