Bricksforge (Brickforge.io) là một plugin cao cấp giúp mở rộng sức mạnh của Bricks Builder — page builder “low‑code” mà bạn đang dùng. Đây là “Swiss Army knife” của Bricks: nó cung cấp cả bộ công cụ về animation, động, form, UI backend, email templates… tất cả đều thao tác trực quan qua Builder mà không cần code nhiều
🔧 Thế mạnh nổi bật
1. Modular – Chỉ bật khi cần
Bạn có thể bật/tắt từng module (giao diện, popup, animations…) tùy dự án — giúp hiệu năng tốt, không gây nặng nề .
2. Pro Forms & Dynamic Data
– Pro Forms: form nâng cao với logic đa bước, CRUD, lưu submission vào database.
– Dynamic Data Tags: chèn dữ liệu, truy vấn động…
3. Bricksforge Panel (Node‑style interactivity)
-
Giao diện UI trực quan để:
-
Lắng nghe Event (scroll, click, custom, form submit,…),
-
Thực thi Action (chạy animation GSAP, thêm class, vv.),
-
Có thể thêm JavaScript nếu cần.
-
-
Tích hợp timeline, folders quản lý, điều kiện thể hiện… rất mạnh mẽ mà vẫn dễ dùng.
4. Animation & Page Transitions
-
GSAP animation: kéo‑thả, builder làm hết.
-
Page Transitions dùng swup.js giúp load trang mượt mà, không full reload.
5. UX Design Elements
-
Flip Everything, Before & After, Lottie, 3D Model, Scroll Video… giúp tạo tương tác rich media rất tiện.
6. Backend Designer & Email Designer
-
Tự thiết kế dashboard / login area.
-
Kéo thả template email, hỗ trợ Twig, variable, rất hữu dụng cho marketing & client projects.
7. Node Editor
Tính năng Node Editor (trong Bricksforge 3.0) là bản nâng cấp toàn diện của Bricksforge Panel/Events, cho phép bạn xây dựng logic tương tác bằng giao diện kéo‑thả thay vì viết code thuần — rất phù hợp với low‑code như bạn 👌
🧩 Điểm nổi bật của Node Editor
a. Hệ thống node dạng flowchart
-
Có 3 loại node chính:
-
Event Nodes (màu vàng): định nghĩa trigger như click, hover, load page, v.v.
-
Action Nodes (màu xám): thực hiện hành động như thay đổi class, gửi request, hiển thị/ẩn phần tử…
-
Condition Nodes (xám có pin đỏ): kiểm tra logic “if/then” để điều hướng luồng xử lý
-
b. Kết nối pin trực quan
-
Execution Pins (tam giác) định nghĩa trình tự thực thi.
-
Data Pins (vòng tròn, màu theo kiểu dữ liệu: xanh dương số, xanh lá text, đỏ boolean).
-
Hỗ trợ hiển thị hợp lệ (ô xanh) hoặc không (ô đỏ) khi nối pin
c. Các node xử lý logic nâng cao
-
Branch Node: tách nhánh xử lý theo điều kiện.
-
Condition Group: kết hợp nhiều điều kiện (AND/OR).
-
Delay Node: chèn khoảng thời gian giữa các thao tác
d. Phù hợp mọi cấp độ
-
Cho beginner: xây workflow đơn giản dạng “kéo & kết nối”.
-
Cho chuyên gia: granular control, giúp debug & hình dung logic rõ ràng hơn
3. Thực tế ứng dụng (ví dụ age‑gate)
-
Có bài hướng dẫn tạo age‑gate popup, sử dụng Page Load Events + Form Submit + sessionStorage hoàn toàn bằng Node Editor mà không cần JS code
💡 Tại sao bạn – developer low‑code – nên dùng
-
Tiết kiệm plugin: nhiều testimonials cho biết họ đã bỏ nhiều plugin khác khi chuyển sang Bricksforge.
-
Không cần code: làm animation, dynamic logic… trực tiếp trong UI, rất phù hợp người muốn mở rộng không gian low‑code của JetFormBuilder, JetSmartFilter, Greenshift…
-
Tích hợp sâu với Bricks: từ element, global class, logic condition, animation đến builder tùy chỉnh – tất cả nằm trong Bricks UI cho trải nghiệm mượt mà, trực quan.