TIP! Avoid all the clicky-clicky backwards and forwards when editing templates by installing Sridhar Katakam's free Bricks Navigator plugin: wordpress.org/plugins/brickslabs-bricks-navigator/ And don't forget: take my FREE Bricks masterclass to learn the real key to faster builds, effortless future maintenance, and more profitable projects: davefoy.link/bricks-masterclass

Ryan here, big thanks to Dave for the video featuring our plugin! I just want to say that Dave not only gave us valuable feedback but also pointed out issues and bugs and then fixed them for us.

This looks really dope. We can make the clickable-parent class not apply inside Gutenberg canvas. We already did that for Bricks and Oxygen -- I'll add Gutenberg to the list.

100% this is the Holy Grail of Client Editing in Bricks. I've been testing Gutenbricks out on a few projects since it came out and it's a game-changer. I finally feel like my tech stack is complete with: Bricks Builder, Automatic CSS, Frames and GutenBricks. Great video, Dave!

Fantastic I picked up the agency license as i have no impulse control 😅this will make life so much easier for my clients and myself

This is amazing! While Bricks is a totally professional tool, I always had misgivings about the scenario when you hand off the sites to clients who want to make their own changes to the site. Bricks is really a developer's tool, not really for clients to use - so now this plugin has pretty well totally solved that problem-brilliant!

Somehow I feel I like Gutenberg a bit more after this video, the plugin is looking great. Thanks my friend, top work as always 👍

Perfect timing Dave. I was thinking about this one this morning, and up pops your video

Purchased, thank you for the recommendation, Dave. Looks very promising indeed, assuming it will run smoothly in the long run.

Awesome video as always Dave! Great little tool, gonna buy that for sure.

Another great Video Dave. Thank you.

Gutenbricks is pretty good.

Video Timecode and Abbreviated Steps (Haven't followed through these steps personally, will update instructions mid to late next week so this makes more sense.) 0:00 Intro 3:08 Pricing 3:40 Wordpress Plugins Installed 4:15 Template Setup 5:38 GutenBricks Overview 6:09 Create New Bricks Template for New Block On Wordpress Dashboard click "Bricks" - Templates - Add New - Give Template a Name(In this case it's called "CTA1") - On Right of Screen Click "Template Type" - "Choose GutenBricks - Block" - Click "Publish" 7:05 Settings To Give Client Notes For the GuttenBrick You Create 7:48 Edit the Template with Bricks Go To Templates in Bricks Editor - Import premade template if you have a library installed. Save 8:15 Showing the Bricks Section That Will Be Turned Into A Block End of Part 01 8:55 Step 02 - How the Client Will Use Block in Block Editor Go back to Dashboard 9:10 Setup Bricks Icon in the Upper Left Corner of the builder so that clicking it takes you to the dashboard. In the Dashboard - Click Bricks - Settings - Builder - Toolbar Logo Link - Choose what you want the Bricks logo in the builder will take you. 9:23 Editing the Post. In the Dashboard - Posts - Add New Post or Edit existing one. 9:35 Inserting a Block in the Post. In the post body - forward slash "/" then start typing in the name of the block. (In this case "/CTA1". Refer Back to 7:35 in the video to see why it's named this.) 9:50 Editing the Block Text in the Post 10:04 How to Edit Links in the Block Upper Right Corner of Screen click "Square Button with SideBar Icon" New Menu Will Pop Up On Right Of Post Editor. Can Edit Box with "Button Link" 10:31 Preview the Post Upper Right Corner of the Screen Click "Update". Click Preview (Button just to the left of "Update" looks like a box with an arrow coming out of it) 10:45 Update the Formatting of the Block in the Template Go Back to the Dashboard - Bricks - Templates - "CTA1" Template, Click "Edit with Bricks" 11:04 Steps to Update the Formatting of the Block in the Builder Changing Margin Top - Changing the Heading Level - Changing the Button Style - Changing the PlaceHolder Title the Client Sees - Changing the Background Color 12:19 Save the Updated Formatting and Preview Changes Click Save Icon in the Upper Right of the Builder Screen. Click Bricks Icon in Upper Left of the Builder Screen to go Back to the Dashboard. On the Dashboard - Posts - All Posts - View. Verify Updated Formating Worked. 12:35 Explaining Why GutenBricks is so Powerful for Clients and Yourself Another Example 13:25 Creating Another Block Dashboard - Bricks - Templates - Add New - Name it "CTA2" - Template Type - "GutenBricks - Block" - Publish - Edit With Bricks 13:50 Edit Content for "CTA2" Block Add Prebuilt Template in Template Folder From Purchased Template Library 14:10 Converting the Section Into A Block Right Click Top Level Section in the "Structure" Panel and convert the Section into A Block 14:34 Styling The Block 15:20 Save and Preview Click Save Icon in Upper Right of Builder Screen - Click Bricks Icon in Upper Left of Screen Wordpress Dashboard - Posts - Edit the Post that you were working on Previously 15:30 Inserting the New Block In the Post Click Where You Want the Block to Go. Hit Enter. Click the Plus Menu In the Upper Left of the Screen. Click on the "CTA2" Block (looks like a paper clip Icon) Close Out of This Menu - "X" Icon Next to Wordpress Icon. 15:43 Edit the Block Text In the Post and the Button Link 16:02 Update the Post and Preview Click "Update" in Upper Right of Screen - Click Preview Button to Left of "Update" 16:30 Fix Issues with Blocks Dashboard - Bricks - Templates - Click "CTA1" or "CTA2" then "Edit with Bricks" Make Changes in the Builder then Save. Back to the Dashboard - Templates - Fix "CTA2" - "Edit with Bricks" Make Changes in the Builder then Save. 17:15 Check the Post With Updated Templates Back to Dashboard - Posts - All Posts - Click on Your Post 17:38 Inserting An Image in the Image Element in the Block Click on the Image Icon - Media Library Will Pop Up - Choose Your Image - Click "Use This File" in Lower Right of Screen Click "Update" in Upper Right of Post Screen Click preview Icon to the Left of "Update" button 18:07 Showing More Examples of GutenBricks Possibilities 20:00 Gutenberg Pattern Intro 22:55 Explaining How This Used to Only Be Possible With Coding Looks like when NASA remade their site they had coders create blocks like we can now make on our own with GutenBricks wptavern.com/why-nasa-chose-wordpress-for-revamping-its-flagship-website 23:45 Difference Between Blocks and Patterns 24:28 Creating a Gutenberg Pattern Or Block with Template Bundles 24:39 Disabling the Default Bundle and Creating Two New Template Bundles

This is fantastic. Also, Dave does such amazingly well done tutorial vids.

Awesome video as always Dave. After the first half, I’d already purchased my GutenBricks licenses. Genuinely excited to see where this plugin goes from here. The power of using Bricks to develop Gutenberg blocks… love it!

Cheers, Dave, hope all is great with you - this really unleashes a lot of possibilities. I'll have to try it out soon.

🤯 I already was excited to have Core Framework in gutenberg. I was working on this with ACF blocks, but this is a true gamechanger for me...thank you for turning me on to this. Picked it up.

Wow, this is exactly what I needed for my clients... Not only is your Bricks course the best of, but this is truly the holy grail... Thanks for the tip and the headaches of client questions disappearing.. 😆

Thanks Dave, I've just purchased the developer version from the link. Nice to have this in my toolbox, now let's see where this goes.

Fantastic! Thanks so much for this video - I wouldn't have known about it otherwise. Just purchased developer - I can see how useful this is going to be.

Well this was an easy purchase! JUST what I need!

This is EXACTLY what I was looking for... thank you ever so much, Dave! 🤩

This is very interesting!

You're such a great teacher Dave. The flow and quality of your content is excellent. I'm going to recommend your course to a friend of mine who is just getting into Web Design as I'm absolutely sure, without a doubt, this will be the best course for a beginner, the flow, the pacing, the recaps, it's all just perfect man.

So, this looks REALLY interesting. I've been waiting for something like this. We use Block Studio or Native Blocks currently. The one thing that I'm nitpicking here is that spacing or other values you might set for these blocks has a UI that is different from the core block editing experience with the little black popup palette or whatever. I'd rather see the interaction be the same for these block elements from Gutenbricks as what you see for core blocks. Still, worth keeping an eye on.

So great, @DesignBuildWeb !! I have dreamt about this sooo long. Do you think ACSS wiil do something similar like that in the future?

8:20 I have a (probably, silly) question about the use of Frames in the context of this video: are we required to bundle a Frames license with the WP instance we deliver to a customer, or will GutenBricks package the Frames design into its own when creating custom blocks? (My question is strictly about Frames designs; I understand Frames components do need an active Frames license to work.) Thanks to Dave for this great video 🙏🏻 it has convinced me to encourage the development of the GutenBricks project by purchasing a license. Kudos to Ryan of @WiredWP for making this tool ❤

Excellent video Dave! This is truly a game changer and bridges the gap between Bricks and the Block editor without the need for learning React. I've been using the ACF flexible content with Bricks custom sections then setting the acf_row_layout condition to get similar functionality. Is there a way to filter which native blocks and patterns are shown to the client inside the Gutenberg canvas with Gutenbricks? For example, I can envisage the need to show only a handful of the native Gutenburg blocks, remove the native patterns then show all of my custom blocks and patterns.

Would like to have option to add margin / padding at least on a side as gutenberg features. That is something I usually allow clients to have anyway, since its kinda important. This way we have to go through ACF fields, when gutenberg already provides nice UI / UX for paddings / margins. Other than that, this looks promising. Took Agency license, lets see where it goes. Cheers!

This is pretty damn epic. Other than the points you made, it could save you tons of time and add allot of flexibility by replacing many ACF fields. No need to condition the heck out of ACF fields, just tell the client if you need this content just add the block. My only reservation is that I'm curious to what bricks native components will have... "The FOMO strong it is".

A truly fantastic system! The only thing I ask myself is - to what extent might the whole thing become obsolete when Bricks releases the component functionality? I mean - I mostly buy full LTDs (unlimited sites) - but I might be annoyed in a few weeks if Bricks did the same with their components

Yes, just like components and you’ve seen it right here, before Bricks or Gutenburg get their versions out the door. In terms of interoperability, which has never been in the purview of the Gutenberg project when it comes to third party page builders, I have always thought that affording page builders the capability to build these components for the block editor would have made logical sense. I would like to have seen this baked into Bricks itself.

Really interesting- thanks for the explainer. I’ve heard lots about the increasing “power” of Gutenberg but never got how it would work until seeing this. One thing though, is it possible to access dynamic data through this method? So hooking pricing tables up to CPT information for example? Is that something that could ever be done with Gutenberg?

Cool! If you create a block and a customer changes content do those content changes carry back into the bricks editor should I need to update the design or another change that comes after the original block was created? Oxygen had something like this but it only worked in one direction making it very limited I'm wondering if Gutenbricks is the same. Thanks Dave

Thanks Dave. Yes this is an absolute game-changer tool. I have always been wondering if I could add bricks built templates to the Block Editor but I have found the answer now. Oh, by the way, I really like your way of promising you would demonstrate something in the begging of your videos and then viola 🎉 you keep the promise later in the videos. I feel relax honestly when you say this “I promise” knowing for sure you’d promise. KEEP IT UP. Thanks one more time Dave. I strongly recommend your course for anyone interested to learn how to build websites with Bricks Builder.

Looks great. I use ACF on pretty much every project. Client editing then happens back end via a stripped down admin panel. I like the look of (what appears to be?) front end editing. How would this work with content rendered via a loop? eg. An ACF repeater or custom post content? Would editing still have to happen traditionally via back end (or via a form linked to post content)?

yes,Yes, YEs, YES! Did I mention YES!!!!!!!!

Hey Dave, in the pricing section, what if the client wants to add 3 extra bullet points to box number 2 and 5 extra bullet points to box number 3, how would that work from the gutenberg editor?

Nice, great video. Is there a simple way to disable all default gutenberg blocks and patterns?

12:40 and 28:00 Another question has popped. Does (or will) GutenBlocks offer the ability to change elements of the design via the block parameters (e.g. choose H-tag markup between H2 and H6 for the title)? Obviously we can make several different blocks to do that but this will be inconvenient for some designs that will only differ by one feature such as the H level I write about).

Hi Dave, thanks a lot for this video, very helpful so we already know the basics of it. May I ask one question: I can't find the explanations about the template type 'GutenBricks - Block Page' in your video. Did you forget it? 🙂

Where do you guys find clients? I have done basic blog or portflio websites, 1 ecommerce website for myself. I tried fiverr, didnt work. Wondering if i would ever find clients decent enough to pay and needing to edit this way.

Are you able to make the blocks/patterns full width? Is that something you do separately in Gutenberg?

Does it also has Metabox integration or only with ACF?

would be awesome if you could deactivate standard gutenberg blocks and patterns ( or some of them), clients will make a mess if they choose everything mixed.

Is it possible to create a block for product loop? Can the customer change the loop?

Pinegrow Web Editor!|

Just bought in fresh wp, fresh bricks install, made a block, and it doesnt show up among the blocks. I'm not suprised since this is the case with 99% av all addons, always. I have emailed the support of course, but this is a real turn of and a warning sign to future versions of bricks and this plugin, it will likely break everything. But I'll hold my thumbs that it will be stable.

cant we do that with shortcodes from the bricks templates?

If I got this right... one will need a license of Bricks Builder, and a license of GutenBricks to be able to feed a Gutenberg Blocks based WP theme (with blocks and/or patterns). So, how does that prevent clients from changing design? I mean, GutenBricks looks cool but if you can't export blocks/patterns made with it, and in order to ditch Bricks Builder from the game, what's the point?! Is there anyone willing to elaborate? Cheers!

or.... just make core blocks templates. it works fine

Es posible exportar los blocks a otro sitio web?

Brickscore and Scripts Organizer??

This is similar to the Oxygen-Gutenberg add-on, Yes?

Are we hearing from Automatic CSS after his announcement of Cwicly exchange?

I still dont get why this is so smart. It seems like the clients can edit posts like this, but what about when they want to change content on pages? I assume that is what they often want to. And those pages are made in the bricks editor. I would also say that its their own responsibility to only edit content, not design. Have not tried setting it up with the native features in Bricks, but even if that is not enough, their host probably has daily backups. Also just think Gutenberg is terrible experience in itself, so kinda cruel to make them use it

Pretty great! But Gutenbricks should let us get into the template more easy. That is awful clickedyclick thingy. Like it is done in Gutenberg partial synced patterns.

I tried to see the pricing but the link doesnt work.

Seriously 2.00 min of Introoo brother...

I kinda miss the point of this, why not just give your client an editing permission?

Okay... Don't shoot me here.. but... Why not just build it in blocks in the first place? 😬

Really interesting. It works like components? It so bad to allow clients to edit *only content* inside bricks? 🫨