Bricks Builder Design Tutorial: Sticky Chat Style Contact Form Widget with Conditions [Video 23:48]

Welcome back to another Bricks Builder design tutorial! In this video, we’ll create a floating or sticky contact form widget using a block container, additional components, and conditional settings.

Video

This tutorial is beginner-friendly. We will start off with designing a simple chat-feature style contact form widget. After which, create a ‘show online’ indicator and then apply some conditions to the week and time. We’ll also use a ‘Click element’ condition to show and hide the contact widget, and more.

Continue this tutorial below –

Video features

1. Introduction
2. Creating a layout for the widget
3. Applying positioning
4. Widget and form styling
5. Using conditional logic
6. Adding animations

Signup for more Bricks Builder design tutorials

If you enjoyed this free video, you’ll love what’s waiting for you inside. We have a growing library of Bricks Builder tutorials, not to mention a complete beginner-intermediate friendly foundation course, class-based projects, and more!

Members enjoy access to –

1. Premium tutorials
2. Page builder mastery courses (Bricks and Oxygen Builder)
3. Code snippets
4. Templates and design sets
5. Podcast
6. Showcase video series (Behind the scenes content)
7. Comment on tutorials (Q&A and support with tutorials)
8. Private discord group!
9. Media kits and more…

Learn more here.