Plugin

Popup and iframes

Reveal Modal

Name: Reveal Modal
Brand: JoomlaX
Price: 9.00 USD
Availability: InStock
Rating: 5 (22 reviews)

Popup Modal Plugin for Joomla

Buy Now — From $9 Try live demo

Instant access after purchase One-click Joomla updates Lifetime option available

30-day money-back guarantee

3.2K+ downloadsv1.5.45.0 ratingUpdated a month ago

Works with

Joomla 4 Joomla 5 Joomla 6

What can Reveal Modal do for you?

Built for real Joomla sites

Using the extension you can popup HTML content whether text or images in an animated way such as fade and popup, fade only, etc in a popup box when clicked on a text. Easy to use Plugin using plugin syntax Poups when clicked, can be used multiple times within the content. HTML text can be used ( Images, Videos and iframe can be popped up)

Modern Stack

Vanilla JavaScript — No jQuery

Zero Dependencies
Lightweight vanilla JS engine — no jQuery required.

Fast & Lean
Small CSS/JS footprint with cache-busted assets for quick loads.

Try live demo

Easy to Use

Simple Shortcode Syntax

Intuitive Syntax
Create popups with {reveal text="Click Me"}…{/reveal} in articles or Custom HTML modules.

No Coding Required
Editors can add modals without touching templates or JavaScript.

Try live demo

Scale · Fade · Slide

Animation Styles

Per-Modal Animation
Choose scale, fade, slide, or none on each shortcode.

Speed Control
Set duration globally or per popup with speed (milliseconds).

Try live demo

Perfect Fit

Flexible Sizing

Size Presets
Use size="sm|md|lg|xl|full" for common layouts.

Exact Dimensions
Or set width / height for pixel-perfect control.

Try live demo

A11y First

Accessible Dialogs

Proper Dialog Semantics
role="dialog", focus trap, Escape to close, and focus restore on dismiss.

Titled Headers
Add title="…" for headings wired to aria-labelledby.

Try live demo

Shareable & Scriptable

Deep Link & JS API

URL Hash Open
Give a stable id and open with #your-id from any link.

RevealModal API
Call RevealModal.open('id') / RevealModal.close() from your scripts.

Try live demo

When Choice Matters

Confirmation Controls

Backdrop Lock
Use closebg="false" so users must pick Cancel / Confirm.

Close Helpers
Buttons with close-reveal-modal dismiss cleanly without fighting the × control.

Try live demo

Intuitive Close

User-Friendly Controls

Multiple Ways Out
Close via ×, backdrop click, Escape, or your own action buttons.

Per-Modal Overrides
Toggle backdrop / Escape behaviour with closebg and closeesc.

Try live demo

Unlimited Popups

Multiple Modals Per Page

Independent Dialogs
Run many reveals on one page with different sizes, titles, and animations.

Stable or Auto IDs
Set id yourself or let the plugin assign unique identifiers.

Try live demo

Docs & setup

Get up and running fast

Written guides for installing and configuring Reveal Modal — from first setup to the options that matter.

Installation steps
Configuration options
Practical usage tips

Open documentation Ask a question

Pricing

Choose the plan that fits

Save more as you scale — longer access means a bigger discount.

Compatible with

Joomla 4 Joomla 5 Joomla 6

Tester plan

30 Days

Basic testing plan. 30 days access only. No priority support. Access expires after 30 days - no future updates.

$9

You save zero

Download

30-day money-back guarantee

Download Access - 30 Days

Support - 30 Days Email Support

1 Website License

Unlimited Downloads

No Priority Support

No Future Updates After 30 Days

Limited to Testing Only

30-Day Money Back Guarantee

Commercial Use License

6 Months

6 months access with priority support & bug fixes. Perfect for short-term projects and growing businesses.

$54

$19

You save $35

Download

30-day money-back guarantee

Download Access - 6 Months

Support - 6 Months + Priority Updates

2 Websites License

Unlimited Downloads

Priority Email Support

Priority Bug Fixes

6 Months Free Updates

30-Day Money Back Guarantee

Commercial Use License

Recommended

1 Year

Full year access with VIP support channel. Fastest response time & priority feature requests. Best value!

$108

$29

You save $79

Get 1 Year

30-day money-back guarantee

Download Access - 1 Year

Support - 1 Year + VIP Support Channel

3 Websites License

Unlimited Downloads

VIP Support Channel

Priority Feature Requests

Fastest Response Time

1 Year Free Updates

30-Day Money Back Guarantee

Commercial Use License

Pay once

Lifetime

Lifetime access with dedicated support agent. Never pay again - unlimited updates & custom development support included.

$980

$49

You save 95%

Download

30-day money-back guarantee

Download Access - Lifetime

Support - Lifetime + Dedicated Support

Unlimited Websites License

Unlimited Downloads

Dedicated Support Agent

Lifetime Free Updates

Feature Request Priority

Custom Development Support

30-Day Money Back Guarantee

Commercial Use License

Have questions about Reveal Modal?

Frequently asked questions

Does Reveal Modal need jQuery?

No. Version 1.5 is pure vanilla JavaScript with no jQuery dependency.

What is the basic shortcode?

Use {reveal text="Click Here"}Your HTML content{/reveal} in an article or Custom HTML module.

Which shortcode attributes are supported?

How do I style the trigger as a button?

Add template button classes, for example class="btn btn-primary".

How do I set the modal size?

Use size="sm|md|lg|xl|full", or set exact width / height such as width="800px" height="500px".

How do I choose an animation?

Set animation="scale", fade, slide, or none. Optionally add speed="400" (milliseconds).

Can I add a dialog title?

Yes. Use title="Welcome" for an accessible heading wired to aria-labelledby.

How do I open a modal from a URL hash?

Give the shortcode a stable id="welcome-modal", then link to #welcome-modal or call RevealModal.open('welcome-modal').

How do I embed a YouTube video?

Place an iframe between the shortcode tags (preferably inside <div class="reveal-modal__media">…</div>). Playback pauses when the popup closes.

How do I make a confirmation popup?

Use closebg="false" so backdrop click does not dismiss, and add Cancel / Confirm buttons with class close-reveal-modal.

Can I customize colours and blur?

Yes. In plugin Styling Settings set overlay colour, blur, popup background, text colour, close button colour, padding, margin, and border radius.

Can I use multiple modals on one page?

Yes. Each modal gets a unique id automatically, or set your own with the id attribute.

How do I close a modal?

Use the × button, backdrop click (if enabled), Escape (if enabled), or a button with class close-reveal-modal.

Where can I find shortcode examples?

Open System - Reveal Modal plugin parameters and use the Shortcode Examples tab — each snippet has a Copy button.

Is it mobile-friendly?

Yes. On small screens the dialog uses a bottom-sheet layout with a grab handle. Animations stay distinct on mobile.

Which Joomla versions are supported?

Joomla 4.x, 5.x, and 6.x with PHP 8.0+.

Where should I put the shortcodes?

In articles or Custom HTML modules — not in CSS. Styling belongs in the plugin Styling Settings or your template CSS.

Still have questions?

Support Center

All-access bundle

Unlock every JoomlaX extension in one plan

Get all 119 extensions, new releases, ongoing updates and full-time support. Bought one by one, a year of updates for every extension costs over $4,700.

Basic

Ideal for small projects & personal sites

$249 / 6 months

Save 91% · $2,900+ value

Access to 119 extensions
Access to new extensions during period
3 websites license
6 months support & updates
Unlimited downloads & domain activations
Full-time expert technical support

Buy Basic plan

30-day money-back guarantee

Premium

Developer

For professional developers & multi-client agencies

$749 / one-time

Pay once · keep forever

Access to 119 extensions
Access to all future new extensions
Unlimited websites license
Lifetime support & updates
Unlimited downloads & domain activations
VIP priority full-time technical support

Reveal Modal