Loading experience
Djia Bricks ยท v1.4

15 independent
modules

Enable only what your project needs. Each module loads zero code when disabled โ€” keeping your site lean and fast no matter how many modules exist.

Admin Panel

Toggle modules & elements
from one screen

The Djia Bricks admin panel lets you enable or disable each module independently. Within each module, you can also toggle individual elements on or off.

WordPress Admin โ†’ Djia Bricks โ†’ Modules
Modules
Enable or disable plugin modules. Disabled modules won't load any code, improving performance.
Enable All
Disable All
โœ“ Save Changes
Core Elements
General purpose elements: Countdown, Ajax Search, Accordion.
Active
Pro Forms
Advanced form builder with 48 field types, 40 actions.
Active
Dynamic Data
80+ dynamic data tags for posts, users, WooCommerce.
Active
Conditions
50+ visibility conditions for elements.
Active
Interactions
Frontend interactions with 50+ triggers.
Active
WooCommerce
Cart, Checkout, Product elements.
Active
Djia Filters
AJAX filter system. 15 filter elements.
Active
Query Builder
Custom query providers for Query Loop.
Active
Compare
Product comparison for WooCommerce.
Active
Swatches
Color, image and label swatches.
Active
Checkout Builder
Custom checkout fields, order bumps.
Active
My Account Builder
Custom My Account endpoints.
Active
Analytics & Events
GA4, GTM, Meta Pixel, TikTok.
Active
PDF Documents
Generate PDF from form submissions.
Active
Djia Animate
Scroll-based animation engine.
Active
๐Ÿ”ง

Toggle by module

Each of the 15 modules has a single on/off toggle. Disabled modules load zero PHP, zero JS and zero CSS โ€” they simply don't exist on your site.

๐ŸŽ›๏ธ

Toggle by element

Within each active module, individual elements can also be disabled. If you don't use the QR Code element, disable it โ€” it won't be registered in Bricks.

โšก

Zero code when off

Disabled modules don't just hide their elements โ€” they don't enqueue scripts, don't register element classes, don't add database queries. Clean zero footprint.

All Modules

What's inside each module

Detailed breakdown of every module โ€” what it includes, what it enables and how it fits into your Bricks project.

15
Modules
400+
Elements
48
Form fields
50+
Conditions
80+
Dynamic tags
Core Elements
91 elements

The main element library. 91 production-ready Bricks elements covering every common UI pattern โ€” accordions, tabs, post grids, modals, timelines and media players. All registered natively with full Bricks builder controls.

  • Accordion, Tabs, Modal, Tooltip, Popover
  • Mega Menu, Burger Menu, Off Canvas
  • Post Grid, Related Posts, Post Navigation
  • Countdown Timer, Stat Counter, Timeline
  • Before/After Slider, Image Gallery, Flex Gallery
  • Dynamic Chart, Data Table, Responsive Table
  • Testimonial Carousel, Team Member, Star Rating
  • Login Form, Age Gate, Cookie Consent, QR Code
91 elements
Pro Forms
48 fields ยท 40 actions

Replace the native Bricks form with a full-featured form builder. 48 field types including signature, map, image radio, star rating and payment fields. 40+ post-submit actions connect your form to email, CRM, payments, Discord, webhooks and more.

  • Text, Email, Phone, Signature, Map / Location
  • Card Checkbox, Image Radio, Star Rating, Repeater
  • Stripe & PayPal payment processing
  • Multi-step with progress bar + per-step validation
  • Conditional Wrapper with visual rule builder
  • Calculation fields with Live Value display
  • Honeypot, hCaptcha, reCAPTCHA spam protection
  • PDF generation from submission data
48 fields ยท 40 actions
Dynamic Data
80+ tags

Register custom dynamic data providers for Bricks. Use ACF, Meta Box and Pods field values in any Bricks text field. Includes 80+ built-in tags covering post data, user meta, WooCommerce product data and form values.

  • ACF field provider โ€” all field types supported
  • Meta Box and Pods field providers
  • Post data: title, excerpt, date, author, terms
  • User data: display name, email, role, meta
  • WooCommerce: price, stock, SKU, rating, sale
  • Form values โ€” use submitted field values anywhere
  • Djia tags: filter count, active facets
  • Compatible with all standard Bricks dynamic tags
80+ tags
Conditions
50+ conditions

50+ additional condition rule types for Bricks. Show or hide any element based on login state, user role, post meta, WooCommerce order history, form field values, URL parameters, cookies and active filter state.

  • User role and login / logout state
  • Post meta key + value comparison
  • WooCommerce: cart, purchase history, stock
  • Form field value โ€” conditional on user input
  • URL parameter and query string match
  • Cookie value match
  • Djia Filter state โ€” active facet value
  • Device, browser, language conditions
50+ conditions
Interactions
50+ triggers ยท 50+ actions

Attach interactive behaviors to any Bricks element without JavaScript. 50+ triggers and 50+ actions โ€” toggle classes, animate elements, open modals, submit forms, execute custom JS. Chain multiple actions per interaction.

  • Scroll enter / exit with viewport offset
  • Click, double-click, right-click triggers
  • Hover enter / leave interactions
  • Form submit, focus, blur, change events
  • Toggle CSS classes on any element
  • Run animations, open modals, show/hide
  • Submit or reset form fields
  • Execute custom JavaScript
50+ triggers ยท 50+ actions
WooCommerce Elements
25 elements

Build every WooCommerce page inside Bricks. Product elements, cart with live update, checkout builder with custom fields and order bumps, My Account builder with custom endpoints, plus compare and wishlist.

  • Product: Add to Cart, Buy Now, Gallery, Rating
  • Cart: Mini Cart, Counter, Free Shipping Bar
  • Checkout Builder: fields, billing, order bumps
  • My Account Builder: endpoints + navigation
  • Sale Badge and Stock Indicator with thresholds
  • Swatches: color, image and label for variations
  • Cart Content, Cart Totals, Applied Coupons
  • Empty Cart Button and cart management
25 elements
Query Builder
Custom queries

Build complex custom queries for the Bricks Query Loop element without writing PHP. Filter by meta, taxonomy, relationship and custom fields. Combine multiple conditions with AND/OR logic for any registered post type.

  • Build WP_Query without writing PHP
  • Meta query โ€” key, value, comparison, type
  • Taxonomy query โ€” multiple terms, AND/OR
  • Date query โ€” date range filtering
  • Relationship query โ€” connected post types
  • Combine AND / OR logic across conditions
  • Supports any registered public CPT
  • Integrates with Djia Filters for live filtering
Custom queries
Compare
WooCommerce

Add product comparison to any WooCommerce store. Customers add products to a comparison table and view them side by side with configurable attributes. Works with any WooCommerce product type.

  • Add to Compare button for product archive
  • Side-by-side attribute comparison table
  • Configure which attributes to display
  • Remove individual products from comparison
  • Persistent comparison across navigation
  • Works with all WooCommerce product types
  • Mobile-responsive comparison layout
  • Integrates with Djia Filters product archives
WooCommerce
Swatches
Variation-aware

Replace default WooCommerce attribute dropdowns with visual swatches on both product archive grids and single product pages. Color, image and label swatch types. Variation-aware โ€” unavailable combinations shown as disabled.

  • Color swatch โ€” hex, gradient or image fill
  • Image swatch โ€” custom image per term
  • Label swatch โ€” styled text button per term
  • Works on product archive grids
  • Works on single product pages
  • Disabled state for unavailable combinations
  • Round, square or custom border radius shapes
  • Tooltip on hover showing attribute label
Variation-aware
Checkout Builder
Order bumps

Take full control of the WooCommerce checkout page inside Bricks. Custom checkout fields, order bumps (upsells shown during checkout), reorder sections and enable Buy Now that skips the cart entirely.

  • Custom checkout fields โ€” any field type
  • Reorder billing, shipping and payment sections
  • Order bumps โ€” upsell products on checkout
  • Buy Now โ€” skip cart and go to checkout
  • Conditional fields based on cart contents
  • Multi-step checkout support
  • Custom thank you page builder
  • Integrates with Pro Forms field types
Order bumps
My Account Builder
Custom endpoints

Build a fully branded WooCommerce My Account area inside Bricks. Create custom navigation items, add new account endpoints and map them to any Bricks template โ€” no shortcodes or PHP required.

  • My Account Navigation element
  • My Account Endpoints element
  • Create custom account sections
  • Map any endpoint to a Bricks template
  • Custom navigation labels and icons
  • Reorder default WooCommerce menu items
  • Hide default endpoints you don't need
  • Show/hide based on user role or conditions
Custom endpoints
Djia Filters
15 filter elements

The most complete AJAX filtering solution for Bricks Builder. 15 dedicated filter elements connect to any Bricks Query Loop. Taxonomy, meta and WooCommerce facets. Indexed, cached, URL-synced.

  • Select, Checkbox, Radio, Toggle Button
  • Color Swatch and Image Swatch filters
  • Range Slider and Min/Max Input
  • Active Tags with per-tag clear buttons
  • Search and Sort / Order controls
  • Offcanvas mobile filter panel
  • Filter Group collapsible wrapper
  • Pre-built index + shared cache + URL sync
15 filter elements
Analytics & Events
GA4 ยท Meta ยท TikTok

Push custom events to your analytics platforms directly from Bricks element interactions. Configure event name, parameters and triggers without touching dataLayer code. Supports GA4, GTM, Meta Pixel and TikTok Pixel.

  • Google Analytics 4 (GA4) events
  • Google Tag Manager dataLayer push
  • Meta Pixel custom + standard events
  • TikTok Pixel event tracking
  • Configure event name and parameters in Bricks
  • Trigger on click, scroll, form submit, video
  • E-commerce events: add to cart, purchase
  • No dataLayer customization required
GA4 ยท Meta ยท TikTok
PDF Documents
Form โ†’ PDF

Generate downloadable PDF documents from Pro Form submission data using custom templates. Attach PDFs to email notifications, save to the WordPress media library or trigger as an immediate download.

  • Custom PDF template with HTML/CSS
  • Map form field values into template
  • Attach PDF to email notification
  • Save to WordPress media library
  • Trigger immediate browser download
  • Header and footer on every page
  • Custom page size and orientation
  • Dynamic filename from form field value
Form โ†’ PDF
Djia Animate
Scroll ยท Keyframes

A full scroll-based animation engine built into Bricks element controls. Add entrance, exit and scroll-linked animations to any element. Configure easing, duration, delay, offset and stagger โ€” no JavaScript files, no GSAP dependency.

  • Scroll enter and exit triggers with offset
  • Hover enter and leave animations
  • Click and page load triggers
  • Custom easing โ€” ease, spring, linear, step
  • Duration, delay and stagger per element
  • Fade, slide, scale, rotate, clip, custom keyframes
  • Sticky scenes with scroll-linked progress
  • Works on all Bricks elements โ€” native + third-party
Scroll ยท Keyframes

Ready to enable what you need?

Pick the license that fits โ€” all 15 modules included in every plan.