InDesign Random Quotes

Description

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"]

Screenshots

  • Screenshot showing plugin directory.
  • Screenshot showing shortcode usage with layouts.

Installation

  1. Upload the folder idquotes to the /wp-content/plugins directory.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.
  3. Manage your custom quotes from the new ID Quotes item in the main admin menu.
  4. Add the shortcode [id_popular_quotes] to display a single random quote, or use [id_popular_quotes_carousel] to display a fading slideshow of your quotes.

FAQ

My template doesn’t allow for widgets in the header. How can I add this?

That’s a great question and a common one! Unfortunately, not all themes support widget areas in the header out of the box, but don’t worry — there are solutions. We’d recommend searching for “WordPress add a template widget area” and you’ll find several helpful guides written by the community. Please be aware that this will involve some light editing of your theme’s template files. If you’re not comfortable doing that yourself, it may be worth reaching out to a WordPress developer who can assist you quickly and safely.

How do I display a random quote on my page or post?

It’s really simple — just paste the shortcode [id_popular_quotes] into any page, post, sidebar widget, or shortcode-aware field in your theme. Every time someone visits that page, the plugin quietly picks a fresh random quote from your active collection and displays it automatically. No configuration is needed beyond that for basic use. If you’d like to choose a specific design style, simply add the layout attribute — for example [id_popular_quotes layout="neon-glow"]. If you leave out the attribute, the plugin will kindly default to the Classic layout. It works comfortably inside the Gutenberg block editor, the Classic Editor, Elementor text or shortcode widgets, and most other shortcode-aware environments.

What is the difference between Universal mode and Manual mode?

We’re glad you asked, as it’s an important distinction! Universal mode uses our carefully curated, built-in library of 100 well-known historical quotes from inspiring figures across literature, science, philosophy, and leadership — it works right out of the box with no setup needed on your part. Manual mode, on the other hand, gives you full control to build your very own collection using the friendly Quick Add form inside the ID Quotes dashboard. You provide the quote text and the author name exactly as you’d like them to appear. You can switch freely between the two modes at any time without ever losing your saved custom quotes. Just keep in mind that only one mode is active at a time, so whichever you’ve selected is what your visitors will see.

How do I use the carousel and how do I control the fade speed?

Using the carousel is just as easy as the standard shortcode — simply use [id_popular_quotes_carousel] wherever you’d like it to appear. The carousel will kindly load your entire active quote collection, shuffle it into a random order, and then gently fade from one quote to the next on a comfortable timed interval. By default, each quote is displayed for 10 seconds before fading to the next. If you’d like to adjust that pace, just add the speed attribute with your preferred number of seconds — for example [id_popular_quotes_carousel layout="glass" speed="5"] for a snappier feel, or speed="20"] if you’d prefer a more leisurely read. All 16 beautiful layout designs work seamlessly with the carousel, so you have plenty of options to match your site’s style.

Can I use multiple different layouts on the same page at the same time?

Absolutely, yes! Each shortcode instance runs completely independently, so you’re welcome to place as many as you need on a single page, each with its own layout and its own random selection or carousel cycle. For instance, you could comfortably display [id_popular_quotes layout="minimal"] in a hero section, [id_popular_quotes layout="paper-note"] in the middle of an article, and [id_popular_quotes_carousel layout="retro-wave" speed="8"] down in the footer — all at the same time without any conflicts. Each layout’s styles are carefully scoped so they won’t interfere with one another or with your theme.

Where do I find the ready-to-use shortcodes for each layout?

You’ll find everything you need inside the ID Quotes menu in your WordPress admin panel. The Quote Studio page shows you a live, fully styled preview of all 16 layouts exactly as they’ll appear to your visitors. Beneath each preview card you’ll see two handy 1-Click Copy buttons — one for the Random shortcode and one for the Carousel shortcode — already formatted with the correct layout attribute for that design. Just click the button and the shortcode is copied to your clipboard, ready to paste wherever you need it. No typing or memorising required!

How do I add my own custom quotes?

Adding your own quotes is a breeze. Head over to ID Quotes in your WordPress admin menu and make sure you’ve selected Manual mode. Then scroll down to the Quick Add form, type your quote in the first field and the author’s name in the second field, exactly as you’d like them to appear. The plugin will display them precisely as you’ve written them — we deliberately avoid adding any forced dashes, hyphens, or decorative symbols before author names, so you stay in full control of the formatting. Hit Add Quote and it’s saved instantly. You can add as many quotes as you like, and once Manual mode is active, all your shortcodes across the site will draw from your personal collection.

How many design layouts are available and how do I choose one?

We’re happy to say there are currently 16 beautiful design layouts to 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. To use any of them, simply add the layout attribute to your shortcode with the matching slug — for example [id_popular_quotes layout="typewriter"] or [id_popular_quotes_carousel layout="cyber-punk"]. If you’re not sure which one you like best, we’d encourage you to visit the Quote Studio dashboard first — it shows a live, accurate preview of all 16 side by side so you can compare before deciding.

Will the plugin slow down my website?

We understand performance is important to you, and we’re happy to reassure you that this plugin is designed to be very lightweight. The random quote shortcode does a simple, fast PHP lookup from a small in-memory array on each page load — there are no heavy database queries and no external HTTP requests involved. The carousel uses a minimal amount of vanilla JavaScript for its smooth fade transitions, with no extra jQuery beyond what WordPress already includes. The layouts’ CSS is compact and carefully scoped. We’ve intentionally avoided loading any external resources like Google Fonts, third-party CDN scripts, or analytics trackers, so the impact on your page load time should be truly negligible.

Is the plugin compatible with page builders like Elementor, Divi, or Beaver Builder?

Yes, and we’re happy to confirm it works well with the most popular page builders! Because InDesign Random Quotes relies on standard WordPress shortcodes, it fits naturally into any builder that supports shortcode rendering. In Elementor, you can drop the shortcode into a Shortcode widget or a Text Editor widget. In Divi, a Code module or Divi’s built-in shortcode support will do the job nicely. In Beaver Builder, a Text module works perfectly. The carousel’s fade script initialises on DOMContentLoaded, which is fully compatible with how page builders render content on the front end. If you notice the shortcode isn’t previewing inside the builder’s editor canvas, please don’t worry — it will display correctly for your visitors on the live published page.

What happens if I have no manual quotes saved and Manual mode is active?

That’s a helpful thing to be aware of! If you’ve switched to Manual mode but haven’t added any quotes yet, the shortcode will simply render nothing — the space on your page will be blank rather than displaying an error message or automatically falling back to the Universal collection. To avoid an empty display, we’d kindly suggest adding at least a handful of quotes via the Quick Add form before enabling Manual mode, especially if you plan to use the carousel (which works best with several quotes to cycle through). If you ever find yourself in this situation, the quickest fix is to pop back into the ID Quotes dashboard, add some quotes, or switch back to Universal mode temporarily until your list is ready.

Reviews

17, Avientu de 2020
Finally I got the correct clean and dynamic plugin that just simply show the quotes without any advance settings. Anyone can use it its just about install and paste the shortcode that much simple. Thanks InDesign Cheers!!!
17, Avientu de 2020
Found exactly what I was looking for. Thankyou for such a wonderful plugin. Highly recommended!
Read all 5 reviews

Contributors & Developers

“InDesign Random Quotes” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

1.0.4

  • Enhancement: Expanded the Frequently Asked Questions section to 10 detailed, helpful entries covering shortcode usage, Universal vs Manual mode, carousel speed control, layout selection, page builder compatibility, performance, and troubleshooting.

1.3

  • Feature: Doubled the number of available layouts from 8 to 16, including gorgeous new themes like Elegant Serif, Cyber Punk, Floating Shadow, Neon Glow, and Retro Wave.
  • Feature: Added the powerful all-new [id_popular_quotes_carousel] shortcode module to display an auto-fading, timed carousel cycle of your quotes using any layout!
  • Enhancement: Major aesthetic upgrade to the Quote Studio dashboard with premium UI styling, responsive two-column grid, and stacked live preview items.
  • Enhancement: Dedicated “1-Click Copy” shortcode variants for both Random and Carousel quotes directly on all 16 layouts in the Dashboard.
  • Enhancement: “Quick Add” form UI for easy custom quote ingestion.
  • Enhancement: Upgraded the built-in Universal Quotes collection to feature exactly 100 of the most powerful, globally recognized historical quotes.
  • Fix: Completely eliminated forced hardcoded author name dashes across all CSS and PHP themes.

1.2

  • Enhancement: Moved the ID Quotes settings panel to a dedicated top-level main menu item for quicker access.
  • Security: Added text sanitization callbacks for settings storage, adhering strictly to WordPress security standards.

1.1

  • Feature: Added a dedicated Admin Page (ID Quotes in the main menu) to easily manage and add custom quotes.
  • Feature: Added new layout attributes to the shortcode to support multiple design styles.
  • Fix/Improvement: Updated shortcode to properly return output instead of echoing it, adhering to WordPress standards.

1.0

  • Initial release.