Plugin
Popup and iframes

Reveal Modal

Popup Modal Plugin for Joomla

  • Zero B/C pluginRuns without the B/C pluginRuns on Joomla 5 and 6 without the Behaviour - Backward Compatibility plugin, so you can keep it switched off.
  • Joomla 4, 5 & 6Tested and supported on Joomla 4, 5 and 6.
Try live demo Documentation
  • 5.0See the reviews
  • v1.5.7· Updated 2 days ago
  • 3.2K+downloads
  • PHP 8.1+
  • Instant accessReady to install right after checkout
  • One-click updatesNew releases install from the Joomla administrator
  • Lifetime optionPay once and keep future releases
  • 30-day guaranteeFull refund if it is not the right fit

Features

What can Reveal Modal do for you?

Fourteen feature areas, one install package for Joomla 4, 5 and 6.

  • Modern Stack

    Vanilla JavaScript — No jQuery

    • Zero DependenciesLightweight vanilla JS engine — no jQuery required.
    • Fast & LeanSmall CSS/JS footprint with cache-busted assets for quick loads.

  • Easy to Use

    Simple Shortcode Syntax

    • Intuitive SyntaxCreate popups with {reveal text="Click Me"}…{/reveal} in articles or Custom HTML modules.
    • No Coding RequiredEditors can add modals without touching templates or JavaScript.

  • Polished Look

    2026 Modal UI

    • Glass OverlayFrosted backdrop blur, soft ambient shadow, and refined typography.
    • Mobile Bottom SheetOn small screens the dialog slides up as a modern sheet with a grab handle.

  • Scale · Fade · Slide

    Animation Styles

    • Per-Modal AnimationChoose scale, fade, slide, or none on each shortcode.
    • Speed ControlSet duration globally or per popup with speed (milliseconds).

  • Perfect Fit

    Flexible Sizing

    • Size PresetsUse size="sm|md|lg|xl|full" for common layouts.
    • Exact DimensionsOr set width / height for pixel-perfect control.

  • A11y First

    Accessible Dialogs

    • Proper Dialog Semanticsrole="dialog", focus trap, Escape to close, and focus restore on dismiss.
    • Titled HeadersAdd title="…" for headings wired to aria-labelledby.

  • Shareable & Scriptable

    Deep Link & JS API

    • URL Hash OpenGive a stable id and open with #your-id from any link.
    • RevealModal APICall RevealModal.open('id') / RevealModal.close() from your scripts.

  • Match Your Site

    Brand Matching Styles

    • Colour ControlsOverlay, popup background, text, and close button colours from plugin params.
    • Layout TunablesPadding, margin, border radius, and overlay blur amount.

  • Any Markup

    Rich HTML Content

    • Full HTML BodyText, images, buttons, forms, lists — drop in any article markup.
    • Video & Iframe ReadyEmbed YouTube/HTML5 video; media pauses automatically when the popup closes.

  • When Choice Matters

    Confirmation Controls

    • Backdrop LockUse closebg="false" so users must pick Cancel / Confirm.
    • Close HelpersButtons with close-reveal-modal dismiss cleanly without fighting the × control.

  • Built-in Reference

    Shortcode Examples Tab

    • Copy & PastePlugin parameters include a Shortcode Examples tab with ready-to-use snippets.
    • Attribute GuideQuick reference for text, class, title, id, size, animation, speed, and more.

  • Intuitive Close

    User-Friendly Controls

    • Multiple Ways OutClose via ×, backdrop click, Escape, or your own action buttons.
    • Per-Modal OverridesToggle backdrop / Escape behaviour with closebg and closeesc.

  • Unlimited Popups

    Multiple Modals Per Page

    • Independent DialogsRun many reveals on one page with different sizes, titles, and animations.
    • Stable or Auto IDsSet id yourself or let the plugin assign unique identifiers.

  • Future-Ready

    Joomla 4, 5 & 6 Compatible

    • Latest Joomla SupportBuilt for Joomla 4.x, 5.x, and 6.x as a system plugin.
    • Modern PHPClean PHP 8-ready code with proper escaping and validation.

Changelog

What's new

9 releases since version 1.2. Updates install from the Joomla admin with a valid licence.

    • Download Key support on the update site (dlid).

Show 3 older releases

Docs & setup

Get up and running fast

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

  • Installation stepsOne install zip for Joomla 4, 5 and 6, installed from System, Install, Extensions.
  • Configuration optionsThe settings in the guide, from first setup to the options that matter.
  • Practical usage tipsShort examples you can adapt to your site.
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

$9

You save zero
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 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
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 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

Why buy here

Why JoomlaX

  • Built, maintained and supported by one team Every product sold on JoomlaX is developed, maintained and supported by Infyways, building Joomla solutions since 2010.
  • Ready for Joomla 4, 5 and 6 118 extensions support Joomla 5 and 6, and 114 support Joomla 4. Each product page lists the versions it works with.
  • One-click Joomla updates Regular updates and feature improvements for licensed customers, delivered straight to your Joomla admin.
  • Support from the developers Tickets go straight to the developers. First replies within 24 business hours.

All-access bundle

Unlock every JoomlaX extension in one plan

Get all 125 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 and personal sites

    $249/ 6 months

    Save 91% · $2,900+ value

    • Access to 125 extensions
    • Access to new extensions during period
    • 3 websites license
    • 6 months support and updates
    • Unlimited downloads and domain activations
    • Full-time expert technical support
    Buy Basic plan

    30-day money-back guarantee

  • Most popular

    Premium

    Best for growing businesses and web agencies

    $349/ 1 year

    Save 92% · $4,700+ value

    • Access to 125 extensions
    • Access to new extensions during period
    • 5 websites license
    • 1 year support and updates
    • Unlimited downloads and domain activations
    • Priority full-time technical support
    Buy Premium plan

    30-day money-back guarantee

  • Developer

    For professional developers and multi-client agencies

    $749/ one-time

    Pay once · keep forever

    • Access to 125 extensions
    • Access to all future new extensions
    • Unlimited websites license
    • Lifetime support and updates
    • Unlimited downloads and domain activations
    • VIP priority full-time technical support
    Buy Developer plan

    30-day money-back guarantee

FAQ

Questions about Reveal Modal

Still unsure? Our support team is one ticket away.

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?

text, class, title, id, size (sm|md|lg|xl|full), width, height, animation (scale|fade|slide|none), speed, closebg, and closeesc.

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.

Help from the people who built it

Company

Services

Support

Terms

Don't have an account yet? Register Now!

Sign in to your account