Skip to main content

XBuilder for Joomla

XBuilder Popup is a powerful visual popup builder extension for Joomla 4, 5, and 6 that allows you to create stunning, professional popups without writing any code. With a modern React-based drag-and-drop interface, you can build complex popup layouts visually and display them anywhere on your site.

Extension Components

XBuilder is distributed as a package that installs two components:

Component (com_xbuilder)

The main component provides:

  • Visual Popup Builder — React-based drag-and-drop editor
  • Popup Management — Create, edit, duplicate, and manage popups
  • 250+ Templates — Professional pre-designed templates
  • Image Management — Upload and organize images with folder support
  • Joomla Integration — Use Joomla's media system for images
  • Publishing Controls — Scheduling, access levels, and language support

Module (mod_xbuilder_popup)

The site module displays popups on your frontend:

  • Popup Selection — Choose which popup to display
  • Menu Assignment — Control which pages show the popup
  • Access Control — Respects Joomla access levels
  • Publishing Integration — Honors publish up/down dates

Key Features

FeatureDescription
Visual EditorModern React-based drag-and-drop interface
250+ TemplatesProfessionally designed templates for every use case
Joomla IntegrationUse Joomla's media system for image management
Image ManagementUpload, browse, and organize images
Smart TriggersOn load, exit intent, scroll, click, timed delay
Responsive DesignPreview and test on desktop, tablet, and mobile
SchedulingPublish up/down dates for campaigns
Access ControlUse Joomla access levels
MultilingualFull language support
SEO FriendlySearch engine indexable content

Perfect For

  • Marketing campaigns and promotions
  • Newsletter signups and lead capture
  • Product announcements and launches
  • Event notifications and reminders
  • Special offers and discount codes
  • Content highlights
  • Call-to-action popups
  • Cookie consent notices
  • Social media engagement

How It Works

graph LR
A[Create Popup] --> B[Design in Builder]
B --> C[Save Popup]
C --> D[Create Module]
D --> E[Select Popup]
E --> F[Assign Pages]
F --> G[Publish]
  1. Create — Navigate to Components → XBuilder → Popups and click New
  2. Design — Use the visual builder to create your popup
  3. Save — Save your popup with a title
  4. Module — Create a new XBuilder Popup module
  5. Select — Choose your popup from the dropdown
  6. Assign — Set menu assignment for target pages
  7. Publish — Enable the module to display your popup

Documentation Sections

SectionDescription
InstallationDownload and install the extension
System RequirementsPHP and Joomla version requirements
Module SetupConfigure the display module
Joomla IntegrationImage management with Joomla media system
UpdatingKeep XBuilder up to date
UninstallationRemove the extension
TroubleshootingCommon issues and solutions

Next Steps

  1. Check the System Requirements
  2. Follow the Installation Guide
  3. Learn Module Setup
  4. Start building with the Quick Start Guide