Skip to main content

Joomla Integration

XBuilder integrates with Joomla's media system, allowing you to upload, organize, and manage images directly within the popup builder.

Image Management

XBuilder provides built-in image management integrated with Joomla's media system.

Image Library Features

FeatureDescription
UploadUpload images directly from the builder
BrowseNavigate Joomla's images folder structure
FoldersCreate and organize folders
DeleteRemove unused images
SearchFind images by name

Supported Image Formats

FormatExtension
JPEG.jpg, .jpeg
PNG.png
GIF.gif
WebP.webp
SVG.svg
BMP.bmp

Uploading Images

  1. Add an Image element to your popup
  2. Click the image selector
  3. Click Upload button
  4. Select image(s) from your computer
  5. Images upload to /images folder

Organizing Images

Create folders to organize your popup images:

  1. Open the image browser
  2. Click New Folder
  3. Enter folder name
  4. Images can be uploaded to specific folders

Recommended folder structure:

/images/
/popups/
/newsletters/
/promotions/
/announcements/

Image Paths

Images are stored in Joomla's standard images folder:

/images/[your-folders]/image.jpg

Paths are relative to Joomla root, ensuring portability across environments.

Media Manager Integration

XBuilder uses Joomla's media capabilities:

Supported Media

  • Images — Full support with preview
  • Documents — Link to PDFs, documents
  • Videos — Use Video element for video media

Media Permissions

Image operations respect Joomla ACL:

ActionRequired Permission
UploadCreate media
DeleteDelete media
BrowseAccess media

Configure in System → Global Configuration → Media.

Troubleshooting Integration

Images Not Loading

  1. Verify image exists at specified path
  2. Check file permissions
  3. Ensure image format is supported
  4. Clear browser cache

Next Steps