129 – How Beaver Team can speed up your Beaver Builder WordPress website builds

In this episode:

Interview – How Beaver Team can speed up your Beaver Builder WordPress website builds with Tom Carless

WP Builds is brought to you by...


GoDaddy Pro
and
Weglot, the easiest way to translate your WordPress website

DEAL ALERT: Get 10% off  Beaver Team Pro – use the offer code “wpbuilds

Can we all agree by now that Page Builders are here to stay? They’re no longer something on the fringe of WordPress, in fact, I’d say that they’re key to many people and the way that they run their WordPress website agencies.

We know that there are a few front runners in the Page Builder space, and that one of those is Beaver Builder. We’ve had the guys from Beaver Builder on the podcast a number of times (here and here), and we’ve created heaps of content around the ecosystem that has sprung up around Beaver Builder.



The reason that a Beaver Builder ecosystem has sprung up is because the core plugin is not trying to do everything, and whilst Beaver Themer added a whole load of functionality a while back, there are still areas where 3rd party developers have jumped in to fill in the gaps. So there’s Ultimate Addons for Beaver Builder and PowerPack to name a few.


Join the VIP list to be the first to know when you can get your free ticket and make huge progress in streamlining and simplifying WordPress website builds!

Most 3rd party additions add some features, so it might be modules that allow you create your layouts with extra features, but Beaver Team takes a different approach to some extent. You see this add on is all about saving you time. If you’re a frequent user of Beaver Builder, then you’ll have noticed that you’re repeating certain actions on a website build over and over again. This is not really a problem, because you’ve become familiar with the UI and have just got used to the fact that this is the way that it is.

Well, Tom Carless, is a power user and he was not satisfied with the fact that he was using some of his precious time to repeat things that he know very well he could code out of existence!

I’ll give you an example… what if you wanted to change the settings of a module that you’re using for your website layout. Well you can do that of course, but what it that same module is used over and over again on the website? You’re going to have to track down all the places that you’re using it and update them one at a time! This is a time suck, and with Beaver Team, you just update once and it updates in all the places that it’s available on the website.

You want another example don’t you? What if you’ve deployed a website to live and the client suddenly comes back and says, you know that orange that we’ve been using, well the marketing department have just alter the brand colours and now it’s blue. AAARRRrrrgggghhhh! You go off and find all the places that the orange is used and update them to the new blue. Then a week later you get a call to say that you’ve missed 14 areas of the site that you forgot about. Beaver Team will let you “find and replace” the orange with the blue, everywhere, with one click. It’s great and I’ve used it!

It’s little things like that, little things that add up to a whole load of time and money saved.

Now this podcast was recorded a few month back and so some of the features that we mention have been updated and a few things have been added or removed based upon how the core Beaver Builder Page Builder has evolved.

The headline features right now are:

  • Bulk Updates
  • Module Templates
  • Conditional Rows and Columns
  • Template Jumper
  • Bulk Colour Update
  • Background Image Filters
  • Colour Sync
  • Pattern Backgrounds

It’s a very cool project by a very nice guy and I hope that you go and check it out.

Mentioned in this episode:

Get 10% off  Beaver Team Pro – use the offer code “wpbuilds

Go check out a whole load more deals over at the WP Builds Deals Page.

The WP Builds podcast is brought to you this week by…

GoDaddy Pro

The home of Managed WordPress hosting that includes free domain, SSL, and 24/7 support. Bundle that with the Hub by GoDaddy Pro to unlock more free benefits to manage multiple sites in one place, invoice clients, and get 30% off new purchases! Find out more at go.me/wpbuilds.

Weglot

Weglot, the easiest way to translate your WordPress website! The Weglot translation plugin gives you a reliable and easy way to make your WordPress website multilingual in minutes. No coding required and no developer time needed. Find out more at weglot.com.

The WP Builds Deals Page

It’s like Black Friday, but everyday of the year! Search and Filter WordPress Deals! Check out the deals now

Transcript (if available)

These transcripts are created using software, so apologies if there are errors in them.

Read Full Transcript

Nathan Wrigley: 00:02 Welcome to the WP Builds podcast, bringing you the latest news from the WordPress community. Welcome your host, David Walmsley, Nathan Wrigley.

Nathan Wrigley: 00:21 Hello there, and welcome to the WP Builds podcast. This is episode 129 and titled How Beaver Team can speed up your Beaver Builder WordPress website builds. It was published on Thursday the 23rd of May, 2019 my name's Nathan Wrigley from picture and word.co. Dot. UK, a small web development agency based in the north of England and we'll be joined a little bit later by Tom Carlos, who is the founder of Beaver Team and be the team pro, but we'll get to that in a moment. Before we begin any of that stuff, just a couple of things to mention like I always do at the beginning of the podcast. If you wouldn't mind heading over to WP build.com there's a whole load of links at the top of the websites and I'm going to point a few of them out. WP Builds.com forward slash subscribe, join our two mailing lists. Want to alert you about the podcast and one to keep you updated with WordPress deals that come out as and when they come out.

Nathan Wrigley: 01:16 You can also click the iTunes button and you can, you know, get the podcast on your iTunes account. Or there's the Google play button for the Google podcast APP as well. Join our Facebook group. There's over 2000 WordPress people in there talking about all things WordPress. And then we've also got things like youtube, our youtube channel, where you can get all of the content that we produce if you prefer to consume it over on youtube. The next link is WP Builds.com forward slash deals. If you're in the market to buy some particular products or other related to WordPress, it's always a good idea to check this page out. We've got a load of coupon codes on there, including 20% off Beaver Team pro, which is what we're talking about today. But there's a whole bunch of other things which you might like to look at.

Nathan Wrigley: 01:59 So if you're in the market, go and check that page out and see if there's something there. WP Builds.com forward slash contribute. If you'd like to come on the podcast and join me and there's quite a few people that have done it so far back, 10 minutes on a screencast, show us something that you've done recently that you're proud of and of course WP Builds.com forward slash advertise if you would like to promote your product or service on the WP Builds podcast. The WP Builds podcast is brought to you today by the page builder framework. Do you use a page builder to create your websites? The page build a framework as a mobile responsive and lightening fast WordPress theme that works with Beaver Builder, Elementor breezy, and other page builders with its endless customization options in the WordPress customizer. It's the perfect fit for you or your agency.

Nathan Wrigley: 02:48 Go to WP dash page builder framework.com today and we thank our sponsors for their support of the toll dup builds podcast. It makes it easier for us to put on each week. Okay. Very, very briefly, a quick resume of what we're going to be talking about, Tom Carlson of all the way from Canada talking about his add on to Beaver Builder. Essentially, if you're a agency owner or if you're a power user of Beaver Builder, you'll know that there's, although it's brilliant, there are a few things which you repeat and do over and over again will. Tom has highlighted a whole bunch of these things that he thinks he can mitigate and so his plugin, Beaver Team and Beaver Team pro enables you to do this and there's a whole load of options. For example, you might want to change the color of a button throughout the whole website instead of finding them all. You use Beaver Team pro and click the button once and it's all done. It's that kind of thing. Anyway, it's a lovely podcasts. I've struck up a very nice friendship with Tom off the back of it, so I hope you enjoy it. Hello there. Welcome to the interview part of the WP Builds podcast today. All the way from there. I was going to say Australia, but that's completely wrong. All the way from Canada is Tom Carless. Hi Tom.

Tom Carless: 04:02 Hey. Yeah,

Nathan Wrigley: 04:03 the uh, yeah, I'm good. Thank you. The reason I, the reason I wanted to say Australia's because Tom is Australia and I'm sure Tom Has Australian from his accent, but he's now living in, yeah, I've got that right. Whistler in Canada. Whistler in Canada. That's right. Tell me why a Canadians, sorry, a, an Australian is becoming a Canadian or living in Canada. What's the scoop?

Tom Carless: 04:24 Uh, it was, well, it was always my dream to live in the mountains. Um, so I made sure that when I found a wife that she was from the mountain, um, and then I would convince her to take me back to the mountains. Weather.

Nathan Wrigley: 04:38 So sorry.

Tom Carless: 04:40 He doesn't like me telling. Yeah, yeah, yeah, yeah. No, but, uh, yeah, married a married, a Canadian woman that lives in the mountains where I love to be.

Nathan Wrigley: 04:52 Do you, um, do you ski and snowboard and all of that business?

Tom Carless: 04:56 I do. I, I snowboard maybe a little bit too much when the snow is good. Um, so yeah, I do love to snowboard, but I'm getting older and older.

Nathan Wrigley: 05:08 Yeah. Or now doesn't it when you get a bump? Yeah. Well I haven't got Tom on to, to talk about, uh, snowboarding or skiing or any of that good stuff we've gotten onto. Talk about Beaver Builder, actually, not specifically Beaver Builder because Tom is the developer of a plugin for Beaver Builder, which he's going to talk about today. And I'm hoping that lots of you guys, if you haven't heard of it before, you'll, you'll make the effort to go and check it out at the end of this because it's really good. There's an awful lot of new stuff which he's built. Um, and we're going to go through it piece by piece one part at a time. So Tom, tell us what is this thing called and perhaps right at the top givers of the URL so that we can find it as we're listening.

Tom Carless: 05:51 Okay. So the plugin is called Beaver Team Pro. The URL is a beta.team. Um, and what the plugin does is it's kind of like a development toolkit for Beaver Builder. So if you've ever spent time building websites with Beaver Builder, you've probably had to go back and adjust things or Redo your work or change the colors around or something when the customer changes their mind. Um, and Beaver Team is kind of my answer to those, uh, indecisive customers I guess.

Nathan Wrigley: 06:29 Yeah. Did this come out of, um, real time problems or did you just perceive a need because of, I don't know, feed back that you are getting from other people? Or did you find yourself frustrated with some aspect of Beaver Builder in daily use?

Tom Carless: 06:44 Absolutely. Yeah. Um, pretty much every, uh, every module we call them, every module inside the plugin, um, is kind of my procrastination, um, from a customer that has had a change or, or, or a request that I'm using bill pay the bill that otherwise would be a really time consuming task. So, you know, change the border radius on every single button on the website or we've got a new logo. So now we've got a new color or anything like that, um, that's all just turns straight into this plugin pretty much.

Nathan Wrigley: 07:22 So the idea is that it will take a repetitive job and just make it go away. Um, so the example of a button that you'll be able to set a sitewide default button, um, such that if you change it in one particular case, it changes in every particular case. Now, we've always had something akin to this functionality with saved modules and saved roads and things like that. But this allows you to do it. If you've got a button kind of anywhere, right? You don't have to have a particular saved row. This would, this would update any button anywhere. Um, let's start with that. I know that there's more to it than that, but is that true?

Tom Carless: 08:02 Yeah, that's right. So you can, um, sorry, uh, you can create a sort of a button or a info box or whatever you like, and if that's going to be how you're roughly going to style it on the rest of their website, similar to the safe modules, you can, uh, you can sort of save that. Um, but then anytime you grab it and say the button out of the Beaver Builder draw, um, it will automatically have that styling. So you don't need to sort of go up into the save modules and find the one that you want. Um, it's just old buttons now look like you've said it. Um, so it takes a lot of this sort of education for the customer piece out. You don't need to explain how saved rows and things like that work. Um, it's just kind of baked straight into the just the basic Beaver Builder.

Nathan Wrigley: 08:52 So what you've just described, um, on a particular, on a typical Beaver Builder page, I lock the drawer if you like, whatever we want to call it, where all the buttons or are all the modules are. I lock that to the left of my screen. So it feels a bit like a WordPress customizer. It's just the way I deal with it. But I direct, let's say I drag in a button, what you're saying is that your plugin for if I set it up correctly and, and decide I want a blue button with port for Pixel rounded corners with an icon to the left and texts with this font and this color save it. Every time I drag in a brand new button, each button will adopt those styles and what have you off the bat. Correct? Yes. And will I be able to override that such that the customer doesn't always have to have the button with the love heart in it. They could change it to a button with a tick and change the text or is that button forevermore locked down as the way it looks now that I've set it up that way?

Tom Carless: 09:50 Uh, no. So it just a updates the settings for the button. So after you drag it in, you can, you can change the design to sort of anything that you like. Um, so if you do want to update everything you can, you can use the next module. We'll probably talk about the bulk updates. Um, and then you can update everything as you want. So there's no sort of lock in if you change your mind or you change your mind and that's fine.

Nathan Wrigley: 10:15 Okay. So you could, so you could have a, a particular, I mean that, that's a really common usage cases net. You know, you want an orange button with rounded corners and that's it. You just want, so that every time the customer goes in, there's the branding for the site. There's the orange button that we want to time and time again. Um, but on a particular instance, you don't have to stick with that. You can kind of unlock that. Uh, you don't even need to unlock it. That's an exaggeration. You can, you can just fiddle with that one, but you've got this default. So that addresses the net, by the way, we should say buttons is just a good example. It's not limited to buttons is it? Buttons is just a great, easy way for everybody to understand what we're talking about. Any, yeah. So, and we'll get to that in a minute as well. Um, so would I be able to then say, okay, now the customers come back there, orange buttons now need to be blue. I want every button to be blue immediately. Can I do that?

Tom Carless: 11:12 Yes. So that's the, uh, that's the bulk update, uh, logical. Um, so basically when you're in the Beaver Builder and you make a change to say the colors on the broader radius or anything like that, um, they'll just be a little button there that says update all, uh, and you click on that. Um, and then it gives you a few different options as to whether you want to update, you know, just that one page, the entire website. Um, you know, just blog posts or anything like that. So it gives you sort of conditions so you can update, um, your whole website sort of quite granularly.

Nathan Wrigley: 11:48 It's imp. Unless you've actually been frustrated by this problem, you, you probably won't realize what we're on about. But the frustration of having to, what color was it, what was the hex value of that? And you go and you open another page or you find it in the inspector on a new tab, a, okay, there's the hex code because you forgot to save it as a default color into your color palette and so on. And uh, what were the, they were four pixels row and the font was, and you just, it's just, it's just a time suck. You do this thing over and over again. And I've very, very often wondered, could this be done? So this plugin solves that. Now we talking, we're talking over and over again about buttons. It doesn't have to be buttons. You could, well tell us what, what are the, what are the possibilities of things that we could do with this kind of update all default or default functionality

Tom Carless: 12:37 after the default functionality? Um, our, our most popular youth internally is sort of creating headings and things like that that are, um, SEO friendly. Uh, I know a lot of people use sort of headings, um, when they're just looking for large text, which is bad for Seo and not good. Um, yeah. So we'll create a, you know, like a heading text module that um, that looks like a heading, but it's, you know, just a, a proper div. It's not a, not a heading or anything like that. So the sort of SEO purposes we have sort of those little work around. Um, and then just, yeah, like just general styling, you know, icons. Uh, we use, uh, ultimate add ons for Beaver Builder a lot. So the info box module we use quite religiously. Um, and that one we, we sort of, first thing we ever do is set up the infobox style. Yes. Um, and then anytime you sort of create anything from there on, it's just, it's just ready to go and ready to modify straight out of the gate.

Nathan Wrigley: 13:43 The Info box from Ultimate addons is the, is the module which just keeps on giving isn't what, what kind of, yeah, exactly. You can build an entire site with the one thing. Yeah. So, I mean, I, I've seen it being used with thick. Yeah. It's things like, so you, you know, you do the heading and you, you put it in an h one tag, but also you do things like, okay, we want the padding around the h one tag to be a certain thing and we always want to have a background image that looks like this. And so when you drag that row in, that's all just taken care of and it's prefilled out with all the correct stuff.

Tom Carless: 14:20 Yes, yes. Yeah. You better put than I did.

Nathan Wrigley: 14:22 Well, it's beautifully done. It's really nicely done. And it's just, you know, it's just the sort of stuff that you wish was there. It was always, it was always possible, but it was always manual and now you've just lovely little twists. Lovely little thought. Let's make that, um, so that you don't have to think about it ever again. Do it once, save it, update, publish, whatever, and then, um, and then you're done. There is a little quirk there isn't that you have to, you have to sort of save it and it and things like that in the right order and unsafe things multiple times in some cases. Is that true?

Tom Carless: 14:56 Yes. Um, I, in the latest update, there's one less kind of saved. So good. Um, basically now there's just a dropdown on the module, like sort of padding or anything else and you just say this is the default and then when you publish that page, that then say as the default. So now it's just kind of the one page publish. Yep. Um, and then it's the default

Nathan Wrigley: 15:19 one of the, one of the places, one of the things that I sometimes find a little bit tricky with a Beaver Builder is that you don't actually know where the settings for the new things have gone with yours. The where, where does this live? Not The settings for the plugin itself, but let's say we wanted to, um, make a default module, how, how in Beaver Builder, where would we look for the, the settings to say, right, make this the default, the default heading, if you like.

Tom Carless: 15:46 Yeah. Um, at the moment it's a little bit, um, it's a little bit of the wild west out there, so you do need to kind of go back and track down the original module. Yep. Um, you can, you can override it anywhere. Um, so you can always sort of keep updating. You know, if he created a new module, you can then set that as the default. Um, but the next version is going to have a nicer sort of save module mode. Oh, okay. We need to be able to log in.

Nathan Wrigley: 16:15 Okay. So you'll be able to see that much more than you can at the moment.

Tom Carless: 16:18 Yeah. And so there'll be a, there'll be a list of your existing sort of defaults that you'll be able to go in edit.

Nathan Wrigley: 16:24 Okay. Right. Okay. So there's an awful lot of functionality in there. It's far more easy to see than it is to explain, but the principle is you can set defaults for just about everything so that when you drag it in, it looks how it should look and every time you drag it in its setters that default. And that's going to be great for clients, isn't it? Because they don't want to, they don't want to go, they genuinely don't want to go in and fiddle with the margins and the padding. They just want to go in and click the text and edit it, you know?

Tom Carless: 16:52 Exactly. And that's a, that is a sort of a feature for us now when we, when we do sell websites to customers is that you have a brand pack. Yep. That's sort of available to you to just drag in and just chuck it in. And so if you want to do anything, your branding is ready to go. Yup. Um, and customers that like a little bit of DIY really, really appreciate that. Yeah. Yeah.

Nathan Wrigley: 17:14 Yeah. It's great idea. So we've dealt with two of the, excuse me, the eight two possibilities. The next one. This is great. I love this, um, color sync. Uh, tell us about what the color sync is. Cause if you've used Beaver Builder, you've probably come up against the, um, you know, the color options and this just just adds a nice little extra feature.

Tom Carless: 17:34 Yeah. Oh, this is lucky. You were saying, it comes back to that having an extra tab open with the inspector and you know, chrome extensions to find the colors that you selected for things. And um, it just saves you having to look around, have a list of colors saved on a word document or you know, however people do it. Yeah, that's what I've done. Yeah. Everywhere. Oh dear. Yeah, so it, it basically just synchronizes the colors between the Beaver Builder presets and the a and the customer is the colors. So if you make a preset while you're designing your website in Beaver Builder, um, then when you go back into the customizer, if you want to change your footer or whatever your fonts, um, it's all available right there in the customizer. So you don't need to remember any colors that you've saved or anything like that. Um, if you've used them in the customizer there in Beaver Builder, and if you've used them in Beaver Builder there, they're in the customer.

Nathan Wrigley: 18:35 So no more having to think and go back. And you're honestly, I swear, even on the WP Builds website where I've got three colors, I've got a blue, I've got a yellow on, I've got a slightly off black. That's it. Pretty much. I can not remember them. Yeah, we'll have, I still have the little color drop, you know, the little chrome extension every single time I have to do that. So that's great. If it's black or white and a black one, I can remember it's text 30, 30, 30. The others no chance. It's just garbage. Um, but yeah, so that's great. So what, and you don't even have to think, you don't even have to say save this now. It just does it. Right.

Tom Carless: 19:16 It just does it. Yeah. Um, every, everything I build I try to make it so that you can get, it's almost death. Yup. Yup. Um, so you'll be disappointed if you log in somewhere else and it's, and it's not there, you'll know.

Nathan Wrigley: 19:27 Yeah. You'll see why I did it in the customizer. Yeah. That's going to be a great time saver. Thank you for that one. Right. And then something very similar is called bulk color swap, which sounds as if it would be almost be the same thing, but of course it's not. What, what's bold colors?

Tom Carless: 19:44 Yeah, it's a, it's, it's almost the same but it's, it's not quite. Um, so this is from a, a customer that um, three days before their website went live, they, uh, they changed their logo and their branding and their color scheme. Um, so the entire site was just the wrong color. Um, so in that instance we didn't want to go in and sort of update all the buttons from red to blue and then update all the headings from red to blue. Uh, we just wanted to update all red to blue. Um, so that's what this module does. It lets you log in and say anything that is this color light blue, um, change it now to dark green. Um, and you just put in the hex code, you hit go and sitewide it just searches for that old color and replaces it with a new color.

Nathan Wrigley: 20:33 It's an interesting use case because in, in that sense, it was a, it was a frustration that that brought it to life. You know, you were annoyed because the sort of clients suddenly jumped this one on you. But I can see this being very useful as a tool to very quickly say, well, it could look like this or it could look like this, you know, just before, you know, before you've even got to the proposal stage necessarily, you know, we can, we can throw out three or four different versions of the same page, but it is the blue one and here's the orange one,

Tom Carless: 21:02 Simon. Exactly. Yeah. Uh, and then it also enables you to sort of use the same modules as, sorry, the like this, the templates. Yep. Um, a lot easier. Um, I know the, the ultimate add ons, for example, they've got a lot of yellow in there. Templates. Yep. Uh, this way you can drag it in and even though it's not the right color, you can then just go and say, yellow is now green. Yup. Whatever you want. Um, so it sort of unlocks all the templates to you a little bit more as well and makes them, makes them more sort of brandable. Yeah,

Nathan Wrigley: 21:34 yeah. Brilliant. I mean that's just, there is a bit of value, wasn't that cause that we've all been there, we've all wasted time tracking down the 15 pages where the, where the blue thing is, um, and changing it. So do it once and it's done forever. So how does that do that on a technical level? How does it kind of rewrite all the CSS? Just interested to know how that works?

Tom Carless: 21:56 Yeah, so um, Beaver Builder, um, Tate well has a, has a really structured a lot of settings, um, which is great for us. Um, so every single button, every single, you know, heading picture, everything has sort of for each module it has a set, um, you know, list of attributes and setting. So, um, the color will be one of those settings. Um, so basically my plugin, just look at every page in your site that has that color setting. So it looks through every module on every page and if it stays that color, hex string, um, it'll swapped that over. Right. Okay.

Nathan Wrigley: 22:38 So just rewrites a bit of CSS and takes one thing and replaces it with another thing. Yeah, that's good. So it's not done by hierarchy or anything like that or whatever comes last. It's just literally taking it, deleting it and putting something new in

Tom Carless: 22:52 at the moment. Yes. We will put some conditional stuff into it eventually, but at the moment, yeah. It's just that is no longer, that is now this. Yep. And then you obviously clearly, yeah.

Nathan Wrigley: 23:02 Cash and then it re rebuilds itself. I will come to clearing the cache later. Um, the, the next one I had great fun playing with this actually just, I mean, just for fun, uh, was the responsive background images. Um, go for it. Tell us what it does because it is cool.

Tom Carless: 23:22 Yeah. Um, if you, uh, if you've ever used a background image on your sort of desktop size when you're building a website, um, the thing that always bugs me as if it's sort of a picture with a person sort of standing off to the right or something like that. Um, when you shrink that down to a mobile phone size, generally three quarters of the person's face or be cut off. So you'll see that chin hanging out at the bottom or you'll see someone's hand and you won't say anything else because the picture isn't designed for mobile phone shapes. Um, so with this module, it just enables you to choose to show a different image with different alignment, um, on different screen sizes. So on a tablet or on a mobile screen, you can put it sort of tall and narrow photo. And then on, uh, on larger screens you can have a landscape photo.

Nathan Wrigley: 24:15 It's a little bit of work, isn't it? But it's worth doing because the results are great. It genuinely is a powerful thing. If you've got an image which you have to have this bit all the time, um, and you don't want to lose that. As you say, somebody said it, it was actually really works. Yeah. Yeah. So it's a, it's

Tom Carless: 24:35 is another one of those things. You know, you don't have to use it. So when you're just building the site really quickly, you can just use a full screen image, but then when you're getting down in the nuts and bolts at the end, sort of cleaning everything up. Yeah. That's when you can very easily just go in and add it in there. Absolutely.

Nathan Wrigley: 24:49 And another one, which was possibly even more fun was um, SVG backgrounds. There's just like 1,000,000,005 different possibilities. It literally, there's like a select box as big as your arm. Um, yeah, that's kind of right. I really liked it. You know, just peculiar names and just trying to find one that you like. Tell us, tell us what this does. Yeah. So this one just creates, um, background images that are

Tom Carless: 25:18 sort of repeatable pattern. So, you know, grids and, and wines and diamonds and silly patterns and things like that. Um, good thing is because they're SVG images, they're vectors. Um, you can scale them as large or as small as you want, um, and you won't lose any quality of the image. So if you want big lines, you can easily dial it up. Or if you want to really find sort of almost a sort of a graying sort of background with pattern, uh, you can do that. Yup. Um, and because it's SVG, it's, it's practically no load on the website as well. It's, it's pretty much the lightest way of adding style yeah. To a row or a column.

Nathan Wrigley: 26:00 So it's usually in most cases it's just some sort of like little subtle thing. I mean, you can make it horrifically on subtle if you like. You can make in a bright green with the yellow background or something, but you get these two color pickers, so you've got your cup. Here's the color of the line itself. Um, so this wavy line is blue. Um, here's the color of the, the other bit. The not line if you like, and we'll make that white. And you can dial it right down. And if you do really nice subtle grays and things, it really, it, it's hardly there, but it's definitely there and it looks like it's really lovely, really nice. And you can change the size of them so that you can make them big or you can make them really teeny tiny. Um, but you can go, you can also go horrifically with it, can't you? You can slip accidentally on the color picky.

Tom Carless: 26:48 Oh yeah, I'll put a little lime green.

Nathan Wrigley: 26:51 But in Europe it's, so, you know, how many hacks have we done in the past to get that effect, to make a tessellating background image, which looks cool. And you know, you've gone to this, that and the other site to try and find something, which tessalates and uh, you know, uh, you can repeat x and repeat why and all of that. Um, do the, have you sanitize all those SVGs they're all like cleaned up, so there's no possible

Tom Carless: 27:13 yes. So we were open to the idea of making it, um, you know, letting the user upload their own SVGs it's positive then become background. Um, but yeah, we don't want to open it up so that people can upload a nasty SVGs. Yeah. Um, so yeah, at the moment it's all we sort of hand copy and pasted them in there and, and they all are nothing but lines and colors. Um, but yeah,

Nathan Wrigley: 27:42 whatever, all sanitized. Yeah. The um, SVGs is like a document format. It's not an image and thus it comes with all sorts of interesting stuff attached to it. And if, if you allow, if malicious stuff is able to be uploaded that it sits on your server and you can, you can leverage it for all sorts of funky things which you'd hope to be happening. So. Oh, that's good to know. That's great. Thank you. Right. We've got three more fun things to talk about this of all of them. This, I think is that the one that offers the most power, that the, the other ones offer lots and lots of possibilities for visually changing things and making things easier for you to do. But this one I think is going to be useful for the, the people actually looking at the website more. And this is conditional rows and columns. Tell us this is plumbing. Great. Tell us about this. Um, yeah, so

Tom Carless: 28:33 coming out in the new version of Beaver Builder, um, but this was built, um, before then it is a little bit different. Um, but yeah, basically it lets you set up a condition to display, um, a row or column. So say you've got an ecommerce store, um, if you've got a gallery, say for your images and you can display that gallery as a huge big hero image at the top. Um, but if you don't have a gallery, um, it'll just be hidden completely. Um, and with this module that lets you set unlimited sort of conditions to display content. So, uh, it could be anything showing, oh, hiding a sale button. Say, if, if an item's on sale, um, maybe it's a download on, you know, a blog post or something like that. Um, it just allows you to show or hide sort of. Yeah. Really any module. Yep.

Nathan Wrigley: 29:29 So what made a really nice use case might be, um, there's a, there's a conditional, one of the options is location, which is fab. And I could have used this about six months ago. Really, really could have used, um, whereby yeah, they've got, I've got a site and they want it was a button and they didn't want the button showing two visitors outside of the UK. Uh, that was simple, simple requests, but tricky to pull off. In this case you could have a row or whatever and simply say, show this row if you know, if in the UK don't show this row otherwise. Um, but the, the, the options don't, and they're, you know, it could be, um, show this on pages only or show this on posts only or you know, you can come up with a rule and anything will work. Have you got things like date options in there? If you've got like show it, but this between these dates or um, yeah, so it accepts short codes. Okay. Um, so you can use a date

Tom Carless: 30:26 short code. I think there's some built into Beaver Builder anyway. Um, so yeah, you can say if it's after Wednesday, the 15th, then don't display it and that, that will work. Yup. Yup.

Nathan Wrigley: 30:38 Yeah, it's great. Really, really cool. And obviously, if you've ever been to the site before, you'll, you'll know, you'll know why this is useful. Now two more. Um, the last, the second to last one I don't really haven't played with. Don't really understand. I couldn't really find any options for this. So I'm wondering what this is. It says auto cache buster. What? What's this? Now we all know what a cache is. We all know that for Beaver Builder, increasingly it's quite nice to be able to clear the cache because things can go wrong if you save things and you haven't got the clear, the cache clear. So what's going on with, what is this auto? That's probably the word I'm most interested in.

Tom Carless: 31:13 The auto. Yeah. So this is, um, I can't remember the guy's name, but this is sort of a, an extension of an existing Beaver Builder cache busting plugin. Um, basically if you save the page or a post or, or anything like that, um, with Beaver Builder at the moment, um, it only clears that cash at the cash for that page. Um, if you're working exactly on that page. But as we know, WordPress pulls in information from everywhere and all sorts of different places. So a lot of the time be the builder will miss, um, updating its cash. Um, so this plugin basically is just a brute force guy. They're just hammering the clear cash button. Um, so that your page doesn't fall apart when you update or you know, something if you update a, uh, an email or if you update something on a different page. Yup. Um, it'll just all work. Um, also when you're update Beaver Builder and things like that, it'll clear your cache. So it's, it just really aggressively clears the cache for you.

Nathan Wrigley: 32:20 So it's automatic in the sense that it does it when you click the publish button. I'll just do it, it'll take care of it. Um, and that's, that. Now most of us have got a different solution forK or you know, there are a whole bunch of different solutions for caching. Is this, is this configured to work with some of the leading caching solutions out there? Yes. I

Tom Carless: 32:40 don't have the list on me that um, it's WP rocket and a bunch of the big hosts as well. WP engine and Flywheel, it, it, uh, it tells them to clear their caches as well. Um, and I've forgotten all of the other ones, but there's about 15 or 20. What's six cloud for I'm guessing, might be one of them, I think. Yes. Yes. Correct.

Nathan Wrigley: 33:03 Well, let's say yes. If it's not, it was just the line never done. Never did it. But yeah. That's nice. Um, and anybody who's played with Beaver Builder for any length of time, we'll have had that some, why is that now over there when it should have been moved over there? Cause it's cached and I can't make it go away and yeah, that's brilliant. I like that. And finally from this lot of the selection, the simple road templates. What's that? Um, so all the exhibits

Tom Carless: 33:33 Ding, um, templates that you can buy or that exist in Beaver Builder is default. Um, they're very, they're very styled. So they, depending on what it is, they'll have, you know, different custom fonts applied. So your default fonts don't apply or they'll have colors or you know, things like that. Um, but you end up replacing anyway when you drag a template in. Um, so there's simple road templates. It really just, um, really common layouts that, you know, everyone uses on a website, you know, like the three info boxes in the middle, and then a button below. These are just all prebuilt for you. Um, but there's no like colors or, um, you know, fonts or anything like that apply it. It's all just sort of basic, um, applications. So when you drag it into your site, um, it'll look, um, similar to your site because it'll have all your fonts and colors and things like that applied. Um, so yeah, they're just really, they're really simple road templates.

Nathan Wrigley: 34:32 So it's a nice way to sort of make a quick start. Um, yeah. Yeah. We,

Tom Carless: 34:36 we use them a lot for, for wire framing without, we'll jump on a quick screen share and we can just sort of chuck them in really quickly and um, and it makes it really easy to sort of quickly build out a prototype.

Nathan Wrigley: 34:49 I like that use. That's clever. I hadn't thought about it in that way. Yeah. I do that slightly differently. But yeah. Interesting. Yeah, it made me think about something. That's good.

Tom Carless: 34:58 Yeah. We always used to use the, uh, the ultimate Adams one as well. But yeah, like I said before, you know, it's always comes out yellow. Yeah. So then your costume and goes, but when we don't use yellow, yeah. Yeah. So you don't have to worry about any of that interest. Interesting.

Nathan Wrigley: 35:13 Um, those of us who use Beaver Builder for any length of time, a lot of us kind of worry about things like, um, the, the applicability of stuff like you've built for the add on packs, like power pack and ultimate addons. And you've mentioned ultimate addons a couple of times, so I'm guessing it's working. All of these things that we've discussed in the last half an hour, it works with, with those two, um, out on packs.

Tom Carless: 35:38 Does it? Yeah. So as long as you follow sort of be the builders development standards, it'll work with you. So I know power pack and ultimate add ons and wolf pack and all of those. Um, and a few others that I can't remember now. Um, they all work. There are some people that have made sort of sort of weird hacky Java scripty things okay. And it doesn't work with them, but okay. Um, any decently supported one.

Nathan Wrigley: 36:05 Okay, well that's good to know. And the other one is, um, when we install things like power pack and ultimatums, you know, it comes with a slew of options as does yours. And sometimes we don't want them all. Can we, I know the answer to this, I'm going ask it anyway. Can we turn it on? Awful. Can we switch on this bit of your plugin and turn this one off from this one on and so on?

Tom Carless: 36:25 Yes. Um, it's actually all by default login and nothing happens. Yup. Um, because well, we've all been there where you are today to plug in and then all of a sudden the page has changed. Um, yeah, so it's all off by default. Um, so yeah, you have to go in and activate the, the specific modules that you want and you can do that one by one. Each will work independently without the other. There's no dependencies or anything like that. Um, and you can also control the user permissions. Um, so you can say only admins can use it or only editors can use the features of the plugin. Okay. So the plugin remains active, but it doesn't work for, um, for people that can break stuff. Ah,

Nathan Wrigley: 37:10 great. So you know, the situation we're talking about earlier where we come up with a default bottom, they can use that default button, but they can't modify that default bottom. That would be up to you. Yeah. Yeah. You're correct on liking it. You a very clever, um, that is great. Um, anybody that's not checked it out. I'm, I'm, I'm possibly s Tom, I forgive me if I'm speaking out of turn, but I'm gonna, I'm gonna say that the correct URL is beaver.team forward slash pro. Um, if you want to go to, to investigate it. Yeah. Good. That's great. I'm glad. Um, and it's available for sale right now at, at the, at the time of recording, it's, um, it's a yearly subscription model. Um, and looks to me like, you know, something that if you, if you really are building a lot of Beaver Builder websites, it's pretty much indispensable. Who's going to save you an awful lot of time and time, as they say, is money. It's not just that that you're doing though. Cause if you go to beaver.team without the pro on the end, what's that all about? That's a completely different thing altogether. Nothing to do with plugins. No. So, um,

Tom Carless: 38:18 in, in my years of building websites with Beaver Builder, I've accumulated a lot of knowledge and, and speed, I guess. You know, when you, when you work on something all day every day, um, it, it gets pretty fast for you. So, um, beaver team was kind of my outlet to do, um, just be builder work for other, mainly for other agencies and other web developers, um, so that they can get back to, you know, managing their customers and, um, you know, in selling more websites and things like that. So I mean instead of building 13 different pages, um, you can just flick it over to us and we'll build it for you. Um, so there's a lot of time savings there for you. Um, and we get to play with Beaver Builder, which we love.

Nathan Wrigley: 39:04 Yes. Yes. And you are taking, um, sort of, you're taking, well, there's a form on your website where if you are a heavy user of Beaver Builder, you, you believe that you've, you've got speed and you can contribute things and you're capable. You can, you can ask to be part of this team if you like.

Tom Carless: 39:22 Exactly. Yeah. So we've got our internal team is all on, all work through baby team. Um, but then yeah, like you said, if you're a, if you're a professional beaver builder, if you can pump out outside, um, before you've even had your morning coffee and then we'd love to have you on there and we don't charge or anything like that, it's more of just sort of a community. Um, basically the guys that we think are a great Beaver Builders and, and chat directly with them. We don't take a cut or anything like that. It's just, uh, just, just for you

Nathan Wrigley: 39:54 it's a philanthropic thing. That's really cool. So, um, go over to beaver dot team. If you are a heavy Beaver Builder we use and you want to reach out to Tom and say, hey, I can use Beaver Builder. I might be able to, um, to help you out and Tom, no doubt we'll get back in touch with you. Um, just to take it from there. Um, yeah, we've been going for about 37 or eight minutes, which is just perfect actually. So I'm going to say I'm going to knock it on the head in a moment, but before then, Tom, do you want to have a, have the soapbox if you like, you can talk for any length of time you like, tell us about your Twitter handle or your email or anything you want to say. Um, go for it.

Tom Carless: 40:32 I should get a Twitter but I don't have one. Um, yeah, but basically I'm just on a bit of a mission to get Beaver Builder out into those agencies hands. Um, I just think it's odd thing. It's the best darn plugin in the world. Um, so any, anyone that wants to get into baby builder and needs a hand or, um, wants to know the best way to get set off or anything like that, um, reach out to reach out to me anytime. I'm probably the best way to get me is on my email, which is tom at beaver.team

Nathan Wrigley: 41:08 groovy. Now I'm going to make Tom, I don't know if he is already, but I'm going to make Tom join our Facebook group and a while I'm there. Oh, great. Yeah. Sorry, I never know quite who was in the night. Um, so you know, if you start typing Tom space and see what gets auto filled, you might be able to, to get in that way as well. Yeah. Thank you Tom for coming on and telling us all about your fantastic additions to the builder plugin. Great to have you on. Um, I would just, yeah, no, you're very, very welcome. Thank you. If you've been listening to this episode, really appreciate it. Um, we've been WP Builds and I'm Nathan Wrigley. Uh, we'd always appreciate it if you can go over to the podcast player on the WP Builds.com website as a whole slew of buttons underneath there.

Nathan Wrigley: 41:55 And iTunes seems to be a very, very good way to, to help us promote the podcast. I don't know why, but I think apple has the lion's share of this kind of stuff, so not, so if you go over there, that would be most helpful. And go to the WP Builds . com website, click on the links at the top to find deals and webinars and all that kinda good stuff. So, yeah, once again. Thanks Tom. Okay. Yeah. I hope you enjoyed the podcast today. It's very nice to chat to Tom about his Beaver Team pro plugin. I always enjoy talking to people who can save me some time and he certainly does that in Beaver Builder. Just to let you know, just to recap that if you go over to the WP Builds . com forward slash deals page, you'll find a coupon code for 20% off Beaver Team pro, so that might be useful to you.

Nathan Wrigley: 42:42 The WP Builds podcast was brought to you today by WP&UP one in four of us will be directly affected by mental health related illness. WP&UP supports and promotes positive mental health within the WordPress community. This is achieved through mentorship, events, training and counseling. Please help enable WP&UP by visiting WP&UP.org forward slash gift. Together we can hashtag press forward. Okay. Perhaps we'll see you back here next Thursday for a new podcast or common join us on Monday for the WordPress weekly news and also on a Monday at 2:00 PM UK time I get now. Okay. It's for guests, including myself on a live podcast where we talk about the WordPress we can use and data is becoming increasingly popular. So if you haven't checked that out, go to our youtube channel, WP Builds.com forward slash youtube and you can find it there or come and join us. Lie even comment on the nonsense that we speak. Okay, I'm going to fade in some cheesy music and say bye bye for now.

Speaker 4: 43:46 [inaudible].

Support WP Builds

We put out this content as often as we can, and we hope that you like! If you do and feel like keeping the WP Builds podcast going then...

Donate to WP Builds

Thank you!

Nathan Wrigley
Nathan Wrigley

Nathan writes posts and creates audio about WordPress on WP Builds and WP Tavern. He can also be found in the WP Builds Facebook group, and on Mastodon at wpbuilds.social. Feel free to donate to WP Builds to keep the lights on as well!

Articles: 897

Filter Deals

Filter Deals

Category

Category
  • Plugin (4)
  • WordPress (4)
  • eCommerce (2)
  • Lifetime Deal (2)
  • Other (2)
  • Security (2)
  • Design (1)
  • Hosting (1)
  • Training (1)

% discounted

% discounted

Filter Deals

Filter Deals

Category

Category
  • WordPress (39)
  • Plugin (33)
  • Admin (30)
  • Content (18)
  • Design (11)
  • Blocks (6)
  • Maintenance (6)
  • Security (5)
  • Hosting (4)
  • Theme (3)
  • WooCommerce (3)
  • SaaS app (2)
  • Lifetime Deal (1)
  • Not WordPress (1)
  • Training (1)

% discounted

% discounted

SUBSCRIBE TO OUR

NEWSLETTER

WP Builds WordPress Podcast

THANKS.

PLEASE CHECK YOUR EMAIL TO CONFIRM YOUR SUBSCRIPTION.

WP Builds WordPress Podcast