🎲 Site Random Content Element Test

Updated Functionality:

Page-based: Select a specific page as the content source
Random Elements: Displays one random top-level HTML element from the selected page
Shuffle Button: Click to get a different random element from the same page
Use Case: Perfect for "quote of the day" or random tips from a content page

📝 Example Content Page Structure

For best results, create a page with multiple top-level elements like this:

"Success is not final, failure is not fatal: it is the courage to continue that counts."

"The way to get started is to quit talking and begin doing."

"Innovation distinguishes between a leader and a follower."

"Life is what happens to you while you're busy making other plans."

"The future belongs to those who believe in the beauty of their dreams."

Each paragraph above would be treated as a separate element that could be randomly selected.

🧪 Live Demo

The element below will show "No page selected" until configured:

⚙️ Configuration

To configure this element:

Right-click on the element in edit mode
Select "Configure" or use the HAX interface
Choose a page from the dropdown menu
The element will automatically load and display a random element from that page
Use the shuffle button (🔀) to cycle through different random elements

🎯 Perfect Use Cases

Quote of the Day: Create a page with multiple inspirational quotes
Daily Tips: Have a page with various tips or advice
Random Facts: Store interesting facts and display them randomly
Featured Content: Rotate through different featured items
Testimonials: Show random customer testimonials

🔧 Technical Details

Supported Elements: p, div, h1-h6, blockquote, ul, ol, pre, section, article, aside, header, main, figure
Content Filtering: Automatically skips empty elements, scripts, and styles
Minimum Content: Elements must have at least 10 characters of text content
Clean Output: Preserves original HTML structure and formatting