A beautiful shortcode toolkit to display random quotes or auto-fading carousels. Features 16 stunning design layouts and a custom Quote Studio!

InDesign Media

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.
<h4>Key Features</h4>
<ul>
<li>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.</li>
<li>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.</li>
<li>Random Quote Loader: Simple and fast shortcode to pull and display a single random quote on every page load.</li>
<li>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.</li>
<li>“Quick Add” Form: Manually entering quotes is a breeze with our aesthetic, user-friendly “Quick Add” input fields for the quote text and author.</li>
<li>1-Click Shortcode Copy: Instantly copy perfectly formatted shortcodes for any layout directly from the admin dashboard’s live preview grid.</li>
<li>Clean Formatting: Total control over author prefixes. Display your authors exactly how you type them without forced dashes or symbols.</li>
</ul>
<h4>Standard Layout Usage</h4>
You can customize the exact look and feel of your random quote using the <code>layout</code> attribute:
<ul>
<li>Classic (Default): <code>[id_popular_quotes layout="classic"]</code></li>
<li>Modern Blockquote: <code>[id_popular_quotes layout="modern"]</code></li>
<li>Minimalist: <code>[id_popular_quotes layout="minimal"]</code></li>
<li>Gradient Card: <code>[id_popular_quotes layout="card"]</code></li>
<li>Glassmorphism: <code>[id_popular_quotes layout="glass"]</code></li>
<li>Gradient Border: <code>[id_popular_quotes layout="gradient-border"]</code></li>
<li>Dark Sleek: <code>[id_popular_quotes layout="dark-sleek"]</code></li>
<li>Quote Bubble: <code>[id_popular_quotes layout="bubble"]</code></li>
<li>Elegant Serif: <code>[id_popular_quotes layout="elegant-serif"]</code></li>
<li>Neon Glow: <code>[id_popular_quotes layout="neon-glow"]</code></li>
<li>Paper Note: <code>[id_popular_quotes layout="paper-note"]</code></li>
<li>Brutalist: <code>[id_popular_quotes layout="brutalist"]</code></li>
<li>Typewriter: <code>[id_popular_quotes layout="typewriter"]</code></li>
<li>Floating Shadow: <code>[id_popular_quotes layout="floating-shadow"]</code></li>
<li>Cyber Punk: <code>[id_popular_quotes layout="cyber-punk"]</code></li>
<li>Retro Wave: <code>[id_popular_quotes layout="retro-wave"]</code></li>
</ul>
<h4>Fade Carousel Usage</h4>
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.
<ul>
<li>Basic Carousel: <code>[id_popular_quotes_carousel]</code></li>
<li>Custom Speed: Change the fade speed in seconds (default is 10). Example: <code>[id_popular_quotes_carousel layout="neon-glow" speed="15"]</code></li>
</ul>
You can customize the carousel to use any of the 16 layouts:
<ul>
<li>Classic (Default): <code>[id_popular_quotes_carousel layout="classic"]</code></li>
<li>Modern Blockquote: <code>[id_popular_quotes_carousel layout="modern"]</code></li>
<li>Minimalist: <code>[id_popular_quotes_carousel layout="minimal"]</code></li>
<li>Gradient Card: <code>[id_popular_quotes_carousel layout="card"]</code></li>
<li>Glassmorphism: <code>[id_popular_quotes_carousel layout="glass"]</code></li>
<li>Gradient Border: <code>[id_popular_quotes_carousel layout="gradient-border"]</code></li>
<li>Dark Sleek: <code>[id_popular_quotes_carousel layout="dark-sleek"]</code></li>
<li>Quote Bubble: <code>[id_popular_quotes_carousel layout="bubble"]</code></li>
<li>Elegant Serif: <code>[id_popular_quotes_carousel layout="elegant-serif"]</code></li>
<li>Neon Glow: <code>[id_popular_quotes_carousel layout="neon-glow"]</code></li>
<li>Paper Note: <code>[id_popular_quotes_carousel layout="paper-note"]</code></li>
<li>Brutalist: <code>[id_popular_quotes_carousel layout="brutalist"]</code></li>
<li>Typewriter: <code>[id_popular_quotes_carousel layout="typewriter"]</code></li>
<li>Floating Shadow: <code>[id_popular_quotes_carousel layout="floating-shadow"]</code></li>
<li>Cyber Punk: <code>[id_popular_quotes_carousel layout="cyber-punk"]</code></li>
<li>Retro Wave: <code>[id_popular_quotes_carousel layout="retro-wave"]</code></li>
</ul>

Alternatives to InDesign Random Quotes

Top alternatives