🎉 SPECIAL OFFER: Celebrate the Node Editor With Us!

Video Tutorials

Learn Together

Browse official and community created tutorials to master various areas of Bricksforge and take your skills to the next level.

Filter

Feature

Feature
  • All
  • Pro Forms (14)
  • Bricksforge Panel (11)
  • Node Editor (4)
  • API Query Builder (1)
  • Builder Customizer (1)
  • Tour Guide (1)

Level

Level
  • All
  • Beginner (18)
  • Advanced (8)

Tags

Tags
  • All
  • Forms (11)
  • Animations (9)
  • Node Editor (3)
  • Conditional Logic (2)
  • Frontend Forms (2)
  • User Experience (2)
  • 3D Models (1)
  • ACF (1)
  • Calculations (1)
  • Dynamic Data (1)
  • Form Validation (1)
  • PDF Export (1)
  • Pro Forms (1)
  • Webhooks (1)

Creator

Creator

Search Tutorials

Search Tutorials

Sort By

Sort By

Node Editor Age Gate Demo

In this video, learn the new Bricks Forge 3.0 Node Editor to control a Bricks Builder popup template. The node editor controls page onload events, form submissions, and custom JavaScript. You will also learn about browser storage and how to check for your stored variables!

John Aperture

Building Forms with Calculations and Conditional Logic

In this tutorial, you'll learn how to perform conditional logic with calculations in Bricksforge Pro Forms.

Daveden Webdev

Create real-time iTunes API data with dynamic URL routing in Bricksforge

Learn how to create a dynamic iTunes search feature with Bricksforge in this comprehensive tutorial! Whether you're a WordPress developer or a beginner to API integration, this video will give you the tools to create interactive, data-driven websites.

Brendan O'Connell

Introducing Variables (Node Editor)

Introduction to a powerful feature – Node Variables!

Bricksforge

Stacking Cards On Scroll

In this tutorial, I'll show you how to create an impressive Stacking Cards On Scroll animation with GSAP to create dynamic effects on your website. I use the Bricks Builder in combination with Bricksforge.

Sebastian Dembinski

Awesome Text Reveal Effect on Scroll with Bricksbuilder

Check out how to pull off this awesome text reveal effect on scroll (no code necessary!)

Heiko Dietze

Mastering Bricksforge Pro Forms with Expert Techniques

In this beginner's guide to Bricksforge Pro-Forms, I'll take you step-by-step through creating a frontend form to update your WordPress posts. While this technique is simple, it will introduce you to many core concepts of working with Bricksforge's Pro Forms elements.

Paul Charlton

Track Form Submissions With Bricks Forge and Fathom Analytics

In this video, we learn how to log custom events in Fathom Analytics using the Bricks Forge Panel.

John Aperture

How to change Bricks Builder’s interface colors using Bricksforge 

This video will show you how to change the default Bricks Builder colors in the builder interface using the Builder Customizer from Bricksforge.

mygraphic.design

Create Layout Transitions with Bricksforge using GSAP FLIP

In this tutorial, we will create stunning layout transitions using the GSAP Flip technique.

Bricksforge

How to create a form using Pro Forms Element from Bricksforge

In this video you will learn how to create a simple form using Pro Forms element from Bricksforge in combination with Bricks Builder. See how you can use the Multi-step element, the Text field, the Text field Area, the Email field, Tel field, Radio and Checkbox Wrappers. Besides the fields mentioned above, you will learn how to use the Live Value field, and also how to add a JSON file to a Select field.

mygraphic.design

How to create a Review/Rating System

This video will show you how to create a rating/review system from scratch using Bricks Builder and Pro Forms element from Bricksforge.

mygraphic.design

How I made a horizontal slider on mouse scroll with Bricksforge

I think it’s so nice to have a feature like this on a website—and now you can add it too! It’s quick, it’s easy, and once you know how, you can set it up in just 3 minutes!

Heiko Dietze

Setup a Tour Guide with Bricksforge

In this video, you'll learn how to configure the element "Tour Guide".

Bricksforge

Build a Recipe Blog with Bricksforge & ACPT

This tutorial is part of a series of videos teaching you how to create a recipe blog using Bricksforge Pro Forms, ACPT and Dynamic Toolbox for Bricks.

Daveden Webdev

How I use the Stagger Text Effect with Bricksbuilder & Bricksforge

in this video I show you how to use this fascinating Stagger text effect with Bricksbuilder and Bricksforge, but without any code!

Heiko Dietze

Number, Phone & Date Picker Tutorial – – WTF Series Ep.2

In this video series called What The F...ield!, you will learn how to create a basic form using Pro Forms element from Bricksforge in combination with Bricks Builder. We will be focusing on the Number field, Tel/Phone field, and Date Picker field.

mygraphic.design

Basic 3D Headphone Animation

Today's video is a bit special as it will cover for the first time for me the basic introduction to 3D model element in Bricksforge, which is using the three.js 3D JavaScript Library. It is animated by GSAP.

Kokoro Web Animation

Introducing the Node Editor

In this video, you’ll learn the fundamental concepts and essential steps for effectively using the Node Editor.

Bricksforge

Hero Section Video Animation

In this video you will learn how to create an impressive hero section animation with the brand new version Bricksforge 3.0.

Sebastian Dembinski

Bricksforge Pro Forms – Building a frontend form

In this livestream, we'll attempt to build a frontend post submission form using Bricksforge.

Daveden Webdev

How I set up Horizontal Scroll in 5 minutes

By watching this video, you'll learn how to do it in less than 5 minutes (no joke!). We will just use Bricksbuilder and Bricksforge's animation panel (with its UI for GSAP).

Heiko Dietze

Create Mouse Movement Effects using the Bricksforge Panel

In this video, you will learn how to create a mouse movement effect using the Bricksforge Panel.

Bricksforge

Dynamically Enable Specific Dates in the Date (Picker) Field

In this video, you`ll learn how to dynamically enable specific dates in the Date Field for Pro Forms.

Big Pixel Creations

Build a modern Fade In Menu with Bricksforge

Learn how to create a stunning fade-in menu animation using GSAP and Bricksbuilder with the Bricksforge add-on!

Bricksmotion

Bulk Add Options to a Bricksforge Pro Form Select Field

Here's a simple tutorial with ChatGPT to help you bulk upload options to Bricksforge Pro Forms using JSON-encoded data.

Daveden Webdev

Front End Form With Bricks Builder and Bricks Forge

In this tutorial, you will learn how to edit post metadata using the Bricks Forge Pro Form. The user can edit post content dynamically with a front-end form.

John Aperture

Webhooks With Bricks Forge Pro Form

In this video, learn how to configure webhooks with Bricks Forge Pro Form. With a webhook, we can send data from our website to an endpoint that will read our form data. In this demo, I use Pabbly Connect to read the contents of the Webhook.

John Aperture

Frontend Post Submission Form using Pro Forms

In this detailed tutorial, I'll show you how to easily add your content, edit it and link your forms to Advanced Custom Fields (ACF) and the WordPress Post Fields. It works with ACF Relationship Fields, Checkboxes, Gallery Fields and others. Bricksforge 3.0 comes with powerful Pro Forms and Dynamic Tags.

Daveden Webdev

How to Open a Popup on Form Submission with the Node Editor

In this video, you will learn how to display a popup instead of the normal form message. To build this, we will use the Node Editor.

Bricksforge

Dynamic Form with CPT, Validation Rules, Conditional Logic & PDF Export

This video will show you how to create a dynamic form using Pro Forms element from Bricksforge in combination with Bricks Builder. See how you can use the Validation Rules including simple Regex expressions, Conditional Logic, connect CPT fields to your form, calculate fields using the calculation element, display the calculation in Live Value elements and create a PDF gathering the data.

mygraphic.design

How to create a basic form in Bricks Builder using Bricksforge – WTF Ep. 1

In this video series called What The F...ield!, you will learn how to create a basic form using Pro Forms element from Bricksforge in combination with Bricks Builder. We will be focusing on the Text field, Email field, and Message field.

mygraphic.design

Create Your
Free Playground

Test Bricksforge 7 days for free – as often you want!