Transcription
What’s going on, everybody? It’s Dave here from Profitable Tools, where I review software to help you grow your business. Today, I’m talking about breezy cloud. Now, breezy cloud actually is an evolution of a WordPress page builder. They’ve taken a page builder and turned it into its own hosted software as a service platform similar to Squarespace or Wick’s or Web flow, where you can actually build your entire website using their service. That’s when look at their sales page here.
This is their website. I’m doing this review in February of 2021. They have just released their content management system so you can do blogging now. It is in a very, very early stages here. You’re not going to see some extremely advanced features. So maybe I’ll revisit this again in the future as they update the platform. But just to give you an overview of what you’re in for, I’m going to be doing a very, very detailed explanation of Breezy Cloud will be going through each feature.
I will have a table of contents down below in the description.
So if you’re only looking for feedback or maybe, you know, I do a review and it’s also kind of a tutorial at the same time. So if you’re trying to figure out how a specific feature works or maybe what I think of a specific feature, definitely check the table of contents down below so you don’t waste any time with the rest of the video. Now, Breezy did not sponsor this video. I never accept payments for review videos. However, I do use affiliate links.
So if this video is helpful to you and you would like to sign up for Breezy Cloud, I will have a link down below in the description. All right. Without further ado, let’s get right into the software so you can see here is their pricing as of February, twenty twenty one where you can pay forty nine dollars for a three hosted domains, or you can go up to their unlimited plan, which is going to allow you to do unlimited hosting, unlimited landing pages, unlimited websites for just one hundred bucks a year.
They do have a free plan to use. What I recommend doing is start off with this free plan. It’s honestly probably not going to be where you want to stay unless you have very basic requirements, you know, 50000 visits a month. You do get SSL so you can encrypt it. You can actually use this pretty full featured. It does have their new blogging feature built in as well. But I think most people are probably going to want to move up to the studio plan.
Let’s just be honest. This is where we get unlimited sub accounts and we get unlimited visits. You get a global CDN. This is really a sweet deal. A hundred bucks a year for, you know, the ability to create unlimited websites. If you’re looking at the competitors, it’s definitely going to be extremely expensive in comparison. So keep that in mind as we’re looking at the tool, because, you know, it’s not fully developed yet. That is kind of the one downside of Brizzi is that they’re a little bit slow on adding features.
However, when they do add those features, they tend to be really well done. All right. So here I am logged into a fresh cloud account. We have two different types of projects we can create. We can create websites which are exactly what you think they are, but we can also create pop ups, which you can embed in other websites. We’ll be looking at both inside of this video. Some other interesting things to note is that we’ve got personal projects up here.
That’s my kind of default account. But you can actually add subaccount. So if you have a website, websites that you’re building for yourself, if you have a client, say, here’s Joe’s carpet cleaning, I could build them a project and everything would be kind of isolated. So if we switch over to Joe’s carpet cleaning, you can see that they have their own individual account. I could create a website here and now when I switch back over here at Joe’s carpet, cleaning has project number one.
I switch back to my personal projects. You can see that there’s no projects here.
So what this allows us to do is essentially silo off Brizzi Cloud so that we can have teammates or clients be able to log in and only see their projects.
So you can do that right up here where it says team members and you can invite people to participate in a project so they will only be invited to the project that is currently selected. There are some user roles that you might want to know about. We’ve got a viewer which can just simply view the website. So maybe before things go live, you want people to check things out to give approval. We have editors who are able to change the images and text, but not the layout of the website.
Designers can do all of that, plus change the layout. And then managers, of course, can do anything, including delete projects, add new projects, so on and so forth. I am an owner of this account which just lets me change the billing. I can do everything a manager can do, plus modify the account. All right. So let’s get started it throughout this video. I’m going to show you all of the features of Breezy Cloud throughout actually kind of building a quasi website.
I’m not going to spend a great deal of time on making the website amazing, but you’ll definitely see all of the features. So let’s go ahead and the plus button here to create a new website. I’ll do that. Now that the website has been created. I can name it if I want to get right into editing the website. I click right here. It’s an edit project, but I want to show you a couple more features. Of course, we can publish sites, which is making them live.
Now, you have quite a few options for how you publish your website. Of course, you can use their hosted service, which is probably what you’re going to want to.
You in most cases, if you grab that unlimited plan, so you’ll be able to add your own domain name, that you buy it, you know, name Cheap or Hova or whatever you like to get your domains, you just choose this. It’ll give you the the code that you need to put into your domain name registrar so that it points correctly at their servers. You can also publish using a subdomain, which is essentially just going to have the Brizzi, that site name.
Now, if you are using one of their more limited plans, you can actually host the sites yourself so you can use free third party hosting, which I don’t necessarily recommend it just probably not the best quality of service. And you can also use server sync, which is going to allow you to sink the pages you build in breezy cloud in real time with your server. So they just give you a little bit of code here. You put that on your site and it keeps everything in sync so that if you make a change over on the editor, it will show up on your site.
I think by far the simplest thing to do is one of their hosted solutions and their hosting is actually fairly fast. They are using Amazon, AWB to in combined with a CDN and everything. So I highly recommend checking out their hosting. The last option I didn’t mention yet is that you can also export the HTML files. So if you don’t care about synching up this project, if it’s kind of a one and done type of thing, you can export the HTML files right down here with this download button.
All right. So back up to the triple dots before we actually get into the site builder, I do want to show you that you can actually view your leads here, which is kind of gives you an indication of maybe the priority of features inside of Brizzi Cloud. This is really it started off as a landing page builder with a form, you know, contact form. So if you’re using this to run traffic to, you’d be able to have people fill out a contact form, of course, that can sync up to your email marketing platform, but you can also view all of your leads right inside of this dashboard.
So if you’re let’s see, a running page traffic for Agim, you’d be able to see everyone who signed up for, you know, maybe a free training session or something right here on this dashboard.
And you do have the option to move a project. So if you wanted to do something in maybe more of a sandbox environment and then move it over to the client account, you’d be able to do that. So here’s my personal projects. If I work this up and I wanted to send it over to a client, I could do that by clicking move, choose my client, subaccount here and then hit the move button. That whole project would just be moved right over to their account.
So here it is inside of Joe’s carpet cleaning. Now, I don’t want to actually do that, so I’m gonna go ahead and move it back. Ah, there we go. It’s back in my personal projects. All right.
Let’s go ahead and get started editing this project. I’m at a project right here and the builder opens up.
The first thing you notice is that it’s really fast to load. So if you’re used to using slower WordPress hosting, that might be a real big benefit right out of the gates is that it’s very fluid to use breezy. I really commend them on how well they’ve made the back and flow. One of the first things I like to do when I build out a new website is simply add all the pages. So I know kind of, you know, what’s going to happen on the website to do that.
Inside of Breezy Cloud, you’ll click up here on this Hamberger icon. If you hover over it a little tooltip, I’ll show you CMS. So this is where you’re adding all of your pages as well as your posts. So let’s go ahead. I’ve got a home page kind of by default here. I’m going to add a few more pages.
I’ll call this the about page, give it a description and I can change the permalink over here.
I can see it’s in draft mode, which is just fine. I’ll leave it in draft mode for now. All right. I’ll add a few more pages here.
All right, so I went through and I added four pages to my website. Of course, I got the home page, the about page. I added a service page as well as a contact us page. You can very clearly see the status of these pages as in draft mode because they have this yellow light. I like that. I do wish they put a little indicator up here to say, you know, status or so. I just kind of know what this this late is.
We have the slug that each page has that’s going to be, you know, the permalink if you’re coming from a WordPress background. And then we have our actions over here where we can actually delete the page or go ahead and work on it and edit it. If you want to change the name of the page, that’s a little less intuitive, in my opinion. You click over here, which this doesn’t actually even look like a hyperlink. You know, these look like hyperlinked.
And if I click this, you can see it’s going to preview the page. You can edit it over here. But to change kind of the the back end. Right. So what is the page title? What is going to be the meta description that’s right here and the permalink that’s all done by clicking right over here. Maybe a little pencil icon or something will just make it more clear that I can actually click this to edit it. So this section over here, which I referred to before as the CMS section, they also label it as assets.
And what they mean by that is this is a place where all of your pages, your blog posts and your pop ups are going to live. You also have your project settings down here below. So if I click on this gear icon, I can create a menu which is going to be important to any website, of course. And then you can also go into the project settings where this is important because it’s going to be the place where you change your open graph information.
So if I’m sharing a post on social media now, blog posts are going to be a little bit different. But if I’m sharing a page on social media, I’ll set up kind of by default social sharing for the entire website right here. Blog post, like I said, are different. So don’t worry about that. If you’re sharing your content, it will display a little bit differently. So I could create a status message, which is really just like the page title or the headline that will show up when you share on social media.
We can have a description of the page, which would be, you know, the little excerpt that shows beneath the headline. And then we can have a default image show up here so you can have your company logo or maybe a nice social media, you know, proportioned. Usually it’s about six hundred and thirty pixels by twelve hundred pixels is where you want to go for your social sharing sizes. So go ahead and get all of that stuff loaded up as you’re building your website so that when you go to share pages later on social media or better yet, your customers share pages.
It looks really good when they post it into Facebook or or Twitter or something like that. So I kind of skipped over this earlier. But this is an equally important section. Site settings is going to be what Google and other search engines are going to pull in information so that they know what your website is all about. We’ve got a site title, a site description that’s going to be, again, the headline and the meta description if we’re talking SEO.
And then you can also upload your fever right here. That’s going to be the little icon that shows up next to the tab. So if you’re looking at your multiple tabs open, you see a little icon that is called a favor icon. You’ll definitely want to upload an image there.
All right. So I just want to add an added in the site settings and social sharing information for the site. I’m about to build a couple more settings here. We can check out custom CSS. You can inject CSS that you want to be live throughout your entire website right here. We do have code injection in both the header and the footer. So this would be a good place to set up your analytics plugins, your Facebook pixels, so on and so forth.
In the last section is redirects, which is going to be very important if you’re migrating from another platform like WordPress or Squarespace. So the idea here will be that you type in any URLs that used to exist on your old website that no longer exist, or even if you delete a page, it’s not a bad idea to go ahead and add a redirect. So the way this works is you would simply type in the old URLs, let’s say it was products and maybe have changed that over to say products and services.
I’ll leave a space and I’ll say products, services.
Now, if anyone visits my URL that tries to go to products, they’ll be redirected to this new page right here. I’d simply want to make sure that this URL matches up with one of the slugs that I created over in the pages section. For now, that’s not necessary. So I’m just going to delete this hit save changes and let’s start building this website. Great place to start is to make sure that your menu is in order. Now, you can see that none of the pages that I’ve created thus far are available to add to the menu.
And I haven’t actually made a menu yet. So what I need to do is publish those pages because no traffic is going to this website. I am fine with doing that ahead of time. So let’s quickly go through each one of these pages and change it to publish mode.
All right, great. I’ve got all of my pages published now, you can see it’s got a green light here. If I go back to my project settings, I’m going to see over in the left hand side bar here, all of the pages that I have created are available to be added to a menu. So let’s go ahead and add a menu. I’ll call this primary menu and now I can select my menu and add pages to it. So I’m just going to add every page here.
And hit as many, you know, I can rearrange these items, so, for example, I went home on top, maybe contact us at the bottom.
Now you can do nested pages similar to what you’re used to if you use WordPress, where you simply just grab an item and then kind of slide it in. Now, I’ve noticed that it’s a little bit buggy in terms of the user interface. So, like, if I want to nest services under about what I really need to do to get this to work reliably is go under blog first. And then if I come back to about and I kind of start off on the around the side, you’ll see there now it works.
So you kind of have to do this little back and forth. Not the most elegant solution. Hopefully they can fix that little UI glitch. So there we go.
Now I have about nested under services, so it’s a little disclosure triangle and I would have a submenu when I actually view the menu. I’m going to go and leave it this way for now, just so we can see what it looks like. As I add the menu to our website, if you have pages hosted outside of Breezy or even if you want to create an anchor link to be able to link to a specific section inside of a page, you can do that with the custom link right over here.
You simply check the box, add to menu and you’ll see that items show up over here in the menu to go ahead and configure this. Simply hit the little gear icon and you can give the link and name. Now, I have noticed that you do need to be very careful when clicking this again, another small UI glitch. If I click just outside of this box, let’s say right here, it’s going to move the entire section and you can see where it’s actually moving everything in terms of the services, the blog and the context page are getting moved around and I can actually reorganize my menu accidentally doing this.
So be very careful where you click again. A small UI bug. I hope they can fix easily, but simply click on the gear icon and then make sure you click right inside of the menu. And even sometimes when I click right there and I drag, it’ll still kind of move the icon around. So let’s go ahead and type a new page here. I’ll just call this external site and I’ll link up to you, let’s say Google dot com.
And it’s always good practice when you have an external page to have that open up in a new tab. I’m going to go ahead and check that box as well.
If you want to change the title of any of the pages, you can always click that little gear icon. You’ll be able to change the navigation label and also add a description if you didn’t do so when you set up the page. All right. I’m going to go ahead and hit save changes and we are finally ready to start designing our website. I’m going to go ahead and start with the homepage. We’ll click on the editor right over here. And you can see I’ve got a completely blank canvas.
Now, don’t worry, because one of the things that Breezy does really well is they’ve got some beautiful designs to help you get started. Now, the development of every website, in my opinion, should probably start off with a header and a foot or so before you get to the point where actually doing the development, meaning using the page builder, you should have already at least have a wireframe sketched out so that you know what you’re trying to build.
And it’s not just kind of happenstance. So I always like to start off with a header and footer, and I’d like to demonstrate for you how he handles that, because there’s a lot of good things about how he handles headers and footers. But some things I think would need to see a little bit of evolution before I could rely on this as a full time page builder to build out, say, hundreds of sites for clients. So we do have some nice presets for headers here as well as footers.
You can see they look maybe you can’t see because the previews are a little bit small, but there are very, very stylish and well thought out. We’ve got a generic logo with our menu bar off to the side. Let’s go ahead. And I’m just going to choose this first one because I think that’s kind of the most common type of menu bar. And you can see right here, it says, Select a menu from the elements option. I don’t know if I’m using this wrong, but whenever I’ve built a header using Breezy, I do notice that this never works for me.
You think you click this and then you’d be able to select our menu, but I can’t do that. So what I end up doing is hitting this plus button over here and I add an element. Now, we’re skipping ahead a little bit here because I do want you to understand the hierarchy of how Brizzi manages websites, but I’ll just show you that I can add the menu element right here and it’ll drop below. And then I don’t need this.
I can simply. Right. Click on this element and delete it again. I don’t know if that’s a bug or not, but that’s just kind of how things function. So I mentioned that I was skipping had a little bit. So I want to just backtrack and help you understand the hierarchy of how Brisset builds Web pages. So this section up here is an example of what he calls a block. This is a particular kind of block known as a header block.
We can have other blocks. Let’s go ahead and add another one right here. Let’s say I want to add a hero section that typically comes after the header. Right. I’ve got some preset designs. Of course, I can always start from scratch. I can always build my own. I don’t have to rely on any of these designs. It’s just nice for making a YouTube video so you can see a nice website come together pretty quickly. All right.
So here is another block. You can see this has block settings. This has block settings. The block settings will be particular to the type of block you have. So, for example, and I go over to this first icon over here, this is where I can change the header or the menu section to be either fixed, static or sticky. I’m going to set it to fixed for this website. We’ll play with having it static maybe a little bit later just to see how that works.
But another important setting is. The global section right here, so for something like a header, it’s very important to have a global header that you can have throughout your entire website.
So I’m going to go ahead and turn this on as global. And what that will allow me to do is display this page automatically or excuse me, display this block automatically on every page that I create. Now, just setting it is global is not everything I need to do.
I do have to go back up to the block settings, click on it again, and then go to display conditions. I think it would be nice if they just automatically took me into the screen after I made it global. But that’s not how things work right now. So I can have this header display on particular pages. So right now it’s only showing up on the homepage. But I could change this to be on any other page. I could simply add another one right here.
So they have a chip on the about us page, but maybe have a different header for the services or a different header for the contact page. More than likely, what you’re going to want to do is simply have it show up on all pages. That’s probably what most websites do. You might turn off your your menu if you’re running pages to like a landing page, in which case you’d have to, you know, change the display condition to be in exclude for that particular landing page.
So right now, I’m going to leave this header on all pages and hit save. So of course, I’m not done building this home page, but I do want to demonstrate for you what we just did with the global header. So what I’m going to do is actually update this page to save it. And now I’m going to head back over to the CMS section. I’m going to click over on pages and I’m going to open up, let’s say, the services page and set edit here.
And now I can see that I do have my header at the top of the services page. So by making it global, I’m no longer starting off with a completely blank canvas. But I’ve got my menu to start with. So here is my services page. I haven’t done any editing to this, but because I made this header section global, it’ll automatically show off. I’m no longer starting with a completely blank canvas. I’m probably going to want to do this for a footer as well.
So let me do that quick. You block go down to footers, I’ll choose one that looks good.
Of course, I’d want to edit it to have links relevant to my actual website, but for now I’m good with their template. I’ll click on the icon over here and once again make it global. Come back over to the icon and change the display conditions. All display this on all pages. Click save. Update my page. Now let’s head back over to the homepage and we should see that footer show up below our hero section. So here is my footer.
Unfortunately, it didn’t land in the right position. So this is an example of how Brizzi doesn’t really have it quite there yet in terms of user experience or user expectation, by setting this is a global footer, I would expect it to always be at the very bottom of the page. However, they put it in between another block. So here’s my hero section. I’ve got a header, a footer and then a hero section. So what I’m actually going to need to do is rearrange this.
No fear. It’s not that hard to do. I’ll click over here where I can see this little rectangle or click on this and I can see all of the blocks on this page. I can simply drag it and drop it. And now everything is in the right order. I really like this reorder block section. The little snapshot it gives you of your website makes it really intuitive to know which section you’re moving around. In terms of the actual editor, I think it’s a really beautiful experience.
Some of my favorite features include the ability to change the margins by just clicking and dragging since you started off with a hundred and fifty pixel margin. And I’m just moving it around by clicking and moving my mouse up and down. Really, really a nice feature. It works for the bottom margins as well. So you can see there’s quite a big margin here to display the background image.
Adding background images is over in the block settings. So click on that little icon you can see right here is the background image. I can remove this if I want. I could make it dynamic so I could have it be the featured image. Now, this is really going to come into play more for blog posts than it is for individual pages. But I think what Breezy is doing is setting the stage here for their future development, where they’ll have custom fields and you can do more of a true dynamic website building experience for backgrounds.
Of course, I can have images as we see here. I can also add a video or even a map if I wanted to have a certain location show up now. Right now, it’s very hard to read this map because it’s actually, you know, kind of looks like an apple map.
Very or a Google map, very, very vibrant.
And what I can do to make this a little bit more viewable is simply add a filter. So so maybe I’ll change the brightness, lower that down can increase the contrast or decrease the contrast and even change the color temperature. If I wanted to have the background change when I hovered over it, I can simply click on this little icon right here and I can have different effects applied. So maybe I want things to kind of go back to more of a normal look when I hover.
And now if I toggle back, I can see here this looks more normal and if I hover away, you can see the difference. Right? This is completely unusable in my current incarnation, but you might be able to get some ideas on how you could be creative with these types of settings. You’ll see this feature a lot throughout the Brizzi editor where you have your normal states and then you have your hover state simply toggled with these two icons. I think it’s a really slick way to do things.
For now, I’m going to switch back to the default image that it gave us and reset these filters. Well, we’re talking about backgrounds. You should know that. You can also add an overlay. So if you’re familiar with the concept of overlays from other page builders, it’s the same idea here. It’s simply adding an extra layer like in Photoshop over the top of another image. So on this next icon over and I can go ahead and let’s say add a nice dark overlay, change the transparency.
And that’s just kind of makes the text pop a little bit. Now, this is still gray tax, so I probably change the color of that. But you get the idea for how overlays work inside of breezy. Very simple to use. Once again, you do have hover colors here so that if you wanted to have a different overlay on hover, you’d be able to do that. I don’t necessarily recommend that, but the option is there. We can also add borders to our sections right here and add a blue border.
You can see that show up. I can choose between a solid line, a dash line or a dotted line and change the size here as well. I think that looks pretty bad. So let’s go ahead, turn it off. Let’s finish up with our block settings. We did skip over this first one. It is very similar to what we saw in the header section. But this is simply just a plain block. It’s not a header block.
So it obviously doesn’t have the option to make it sticky. You can make it global. So what this allows you to do is maybe you have a contact form. You want to show up on a lot of different pages on your website, simply make this global. And then you could have that one contact form automatically take on any changes that you make throughout your website.
A super cool feature that I’m not seeing replicated in any other page builders is this simple toggle to make things a section. So if I turn this on, you can see that I have a little slider right here where I can go ahead and edit this to be completely independent. So I updated the headline here. Let’s go ahead and just modify the background. Of course, I could upload a new image if I want. I didn’t mention before, but with background images, you can kind of slide things around.
This is a really cool feature. So let’s say I want to highlight more of this iPad.
I can just simply select it in the image selector here and now. If I look at my different slides, I can see that this one says we Krafts Super Mobile apps. And if I scroll over, this one says Your app, Our CODAS Done for you and the focus of the background is a little bit different. So you can have a completely different section here, full slider capability. If you want to add another slide, simply go back up to the settings right here and duplicate the existing slide.
And you can see that added in another tab right here. The one downside I see to this setup is that there’s no way to reorder the slides. So if I wanted to, you know, maybe make this last one show up first, I’d have to simply duplicate and remove slides enough times as a garbage can right here where I can, you know, remove the slides. It’s just kind of a fuzzy way to move things around. So just adding a little kind of drag and drop feature like they have for their blocks, I think would go a long way with the sliders.
As far as the experience of actually editing the content on your pages, it couldn’t be easier. I really enjoy the inline editing experience of Brizzi. Everything is super fast. For example, if I wanted to swap out this image with my own eyes, simply click on it. Go over to the little picture icon over here. This is the logo. I guess this is a little hard to see because it’s got a black background and it’s black text, but I can remove it right here by clicking the X and then simply upload my own logo.
And now the logo is updated because this is a global section. It’ll upload on every single page throughout the website. You can see I have the same image options that I saw in the background selector where I can change the focal point with this little selector. I can move it around, of course, for my logo. I want it to be nice and centered. I can change the zoom. I can have the image open in a light box.
I’ve wanted to. It doesn’t make a lot of sense here for a logo. And I can also apply filters. Let’s say I wanted this to be, you know, maybe more of a black and white thing. I can change the contrast. And there we go. I’ve got a black version of my logo. All right. Change that. Back to default. Now let’s take a look at editing headlines again. A nice inline experience. I can simply click and type my a new headline in I can align things.
So if I want things to be centralized or right aligned, it’s simply a toggle. So I don’t have a selector. I have to click things multiple times. It could be good or bad, depending on your expectations. We can change things into lists right over here. So this is the plain text mode. Here is a numbered list. And then here is a bulleted list changing back to plain text. We can bould items, we can italicize them.
See, it’s only affecting the selected text as I do so. And we can also underline items. If I wanted to underline the whole thing, I could simply select the entire thing. I can change any text into a hyperlink by simply selecting it, choosing the links, setting here and then adding in my own link. Once again, we have the option for a new tab or a no follow link. And if you didn’t start from a template, adding in these elements is super easy.
We go over here to a little plus icon and you’ll see probably a fairly familiar experience. If you’ve ever built any other website before, you’ll see something kind of similar to this in any page builder.
Or you can do something like a text Elementor right here.
If I wanted to change this into a headline, I simply click on the T and I can choose the typography options. Let’s say I wanted to make this an H2. I can do that and maybe I’ll move this down. Below my headline, so that it’s kind of underneath as a sub headline will trim that up a little bit and there we go and I’ve got my H1, my H2 and then a little bit of text. So there is no standalone headline option.
You simply have a text element over here. And actually I’m fine with that. It seems a little fidgety to have multiple elements to simply get text onto your page. So that works really well.
This is a good time to point out that there are global styles inside of Brizzi. The next option here below the reordering, which we looked at a little bit ago, is our styling. So right now I’ve got a paragraph style, a subtitle style and above title. And then we have our normal kind of each one, each two types of style. So what I can do here is actually modify all of the two elements in real time. So what I’m going to do is maybe just duplicate this so you get the idea.
Here is a second headline, too, and let’s maybe move this down or why don’t we put this in a eyeblink block?
We’ll start off another section down here. I’ll just simply drag it down. All right. So now I’ve got my hero section down here and then my other block, they just created a go back over to the style section and I can go ahead to adding to and let’s go ahead and change this to Monserrat. And you can see both of those updated in real time. Now they’re both using this kind of gray color right here. So I’m going to choose that and maybe I’ll make it red.
So now I’m changing all of the text that I was using, that kind of gray color. And I can change all of the text at one time that’s using that color. So everything is uniform. Of course, I can still make each element its own color if I want. Let’s say I really wanted this each to Elementor be purple. Well, I could definitely do that. I’ll choose a purple color right here and now it’s outside of that global styling color.
So there’s no way for me to affect this text without simply bringing it back to the original style, which getting this to look like the original headline should be easy in theory. And this is how it works in other page builders. So this is an example of my user experience or my user expectations not matching up with breezes actual user experience. So I’ve got this other headline down here, which is using the global styling. I should be able to, in my opinion, click copy on this and then go up to the other headline.
Right. Click and choose paste styles. That’s what I’ve experienced, another page of others. However, that doesn’t work inside of Breezy. So I would really like to see that functionality kind of match my expectations a little bit more. I feel like that’s probably the default expectation most people would have, but it’s not working that way right now. What I can do, of course, is simply duplicate the headline, bring it back up here and then copy and paste the text in.
I can right click remove the old headline and there we go. So a little bit more of a multi-step solution, but it’s not the end of the world unless you have to do it a hundred times across fifty different pages, then it might actually be your literal end of the world. Let’s look at a few more elements here.
Open up the sidebar. We’ve got our text element as well as our button. You can see we’ve already got a couple of buttons here, but I’ll show you how easy it is to add your own right now. This button has showed up with my global styling as well as center line. So I’m going to go ahead and left, align it by clicking a couple of times here, and then I can actually go into the button settings right here to maybe make it match the other one a little bit better.
Change the width.
I can play with the height if I want. Now there are these preset, small, medium and large, but if I click on the triple dots, I can get things exactly how I want them. We’ve got our fill options down here. So right now we’ve got a solid fill. I could have just an outline or no fill at all. Let me get kind of transparent button now because our text is white. It looks like the button has disappeared.
So what I’ll do right now is go ahead and change this to the outline. I can make the corners curved and of course, I can play with the exact radius once again by clicking these triple dots and then changing it right here. For now, I like the square corners. Let’s go back to the settings for this button and let’s change the text color. So right now, you can see here is our background color. I’m going to go ahead and change that text to be maybe one of the global styles right here.
I can change the border color right here. So maybe it will make that the darker color as well. I can add a shadow if I like. Right now it has none. And see that to start to show up right here. You can also make an inner shadow if you want. That looks a little bit dated to me, but you can play around with it.
And then once again on our hover we can have a different color show up.
So for here I’m going to change the background to maybe be our global black color.
And now if I hover over it, you can see that the text is already set to be white on hover. So we get a nice effect, very similar to what we see over here. Maybe not the exact same shade, but you get the idea would be fairly simple to match the buttons up to whatever styles you want to do. Now, I just showed you an example of how copy and paste styles was not working on the headlines.
However, it does work pretty well on the buttons. So I’m going to go ahead and copy this button and I’ll paste it up here on the one that I added. And does it pay style? And you can see that it does match the colors more precisely. It did modify the size of my button so I can click on this again and change it to be a little bit closer in size. But it’s interesting that it doesn’t match the size by copying and pasting the style.
You might have noticed that all of these buttons have icons next to them. It’s very easy to. Modify that or remove it. Let’s go back up to our button settings here, choose icon and you can just simply click the little X to remove it, hit the plus button and you can search through their library of hundreds of different icons, as well as glyphs that you can add in all this little cool guy, smiley face. You can change the position of the icon.
So if you want to, before or after the text, you can see it show up right here, kind of hidden in my selector. But it is happening in the background. It’d be nice if I could move this around so I could see a little bit better. Oops. I accidentally clicked duplicate, which shows a feature that I was going to show you anywhere in that. A really nice feature of Brizzi is that you can simply just add another button, as many buttons as you like in line.
It’s not a separate element. You just simply add one and it puts it in line. I know in other page builders you have to actually get a widget to do two buttons in line or try to do something fancy with columns. So I think it’s really nice that you can simply just copy and paste or duplicate a different button here. The power users among you may have noticed that there are key commands so that you can work a little bit more quickly inside of Breezy.
If I right click here, I’ll be able to see all of the key commands for these right click behaviors. There is more available as well.
If I click down here in the lower left hand icon where it looks like you’re going to log out, but you have this little shortcut icon, it pops up a screen and shows you all of the available key commands. Now, these are command keys because I’m using a Mac. If you are on a PC, of course these will be changed as a control. So don’t worry, they include both Mac and PC users. All right. Let’s start adding some elements to our new block that we’ve got down here.
It’s come back to the plus section. We’ve looked at buttons. Let’s try adding some icons in. This is exactly what you expect. It’s going to be the same icons that we saw inside of the buttons. I can click on it, click on the icon selector and then go through that same selector to choose the icon that I want. Not going to use that right now. Go ahead and delete that back over to the Elementor selector. We’ve got images.
This is, again, exactly what you’re going to expect to see. I can dump in a kind of blank image if I click on it will scroll down to use the little picture selector right here.
I’ll be able to upload an image that’s upload this one. We go, I’ve got my image. I can zoom in on it, see in real time kind of how it’s being affected. I change the focal point. I can resize it right inside of the browser. Maybe I want to align this left or right. And now there’s lightbox feature makes a little bit more sense. So I’ve turned this on. If I go ahead and update my page, I can preview it right down here.
And now here’s the preview of the page. If I click on it, of course, is going to open up the full image in a light box selector. You might be thinking that you could build a photo gallery using this, but you wouldn’t want to do that because Brizzi has you covered in a lot more reasonable of a manner. You can simply add the gallery widget right over here.
Let’s go ahead and remove this image right now in the gallery widget.
I can simply click on each box, add as many photos as I’d like, and then if I wanted to add another one, I’ll simply duplicate similar to how we manage the slider. The widget itself has some settings similar to what we saw inside of the block settings. Over here to the right, I can click on this little up carrot and then click on the widget and I can see how many columns I have this. I want to have three columns here and maybe add a little bit more spacing between the columns and have each of these images open up in a light box.
There you go. That’s going to be a lot faster way to create a nice gallery. Brizzi also makes it very easy to add any other sort of multimedia content to your website, such as audio and video. We can add video in two ways. We can simply drag and drop their video player, click on this and hit the little icon again and will be able to either add in a link to a YouTube or Vimeo video, or you can actually upload your video right to Brizzi.
Simply choose custom video. Click here to upload your file.
If you have a lot of videos that you want to show on one page, I recommend checking out their playlist element that is right down here.
I’ll simply drag and drop that below my gallery here. I can simply add in as many videos as I like in one place. So, for example, I’ll click on this icon, hit the play button, copy and paste my link to my YouTube video in and there we go. I’ve got my first video added. Will repeat this process at another video.
So overall, I think this feature is a great one to have right inside the page builder. But a couple of things I don’t like about the playlist element, the fact that it doesn’t pull in the cover images or the titles automatically, I can see it giving you the option to modify them. But for example, right here, I need to actually go ahead and type in my title right here. So I’ll say Dufy Review. And if I want to add a cover image so I don’t have this ugly blank item right here, I’ll hit the play button again.
I’ll go over here. It says cover and then I’ll actually upload that same image I used earlier. So now it looks really nice. I just wish you were able to automatically pull that information in from YouTube for me, since it’s obviously doing it anyway. It gets the image right here in terms of adding audio. You’ve got a few different options. There’s a audio widget right here. I can go ahead and paste that in. It’s going to work right out of the box with SoundCloud.
So if you’re hosting your audio, make your podcast on SoundCloud, you’re going to be in luck. You can hit the little speaker icon here and choose from the different platforms. We can do SoundCloud or we can do a custom audio file so I can upload an MP three. Right here and have it available with their new blogging feature, you might be thinking that you’d be able to create an RSS feed for your podcast just using that and embed the audio file right inside of each post.
However, I wouldn’t rely on it to be able to correctly create all of the metadata that the podcast directories, like the Apple podcast directory here, the Google podcast directory, are going to expect to see. So for that, you’re still going to need a third party service. All right. I’m going to update this page and let’s go work on our services page.
I’ll head over to the hamburger icon and under Peter’s services and let’s edit this one. So here we are on the services page. I don’t know if you remember, but you might be noticing it’s not in the menu actually. Nested this underneath the about section, which you can see right over here. So that is where Services is now.
I’ve got a blank page. I just have my global header and my global footer already on the page for me to start creating from on the services page. I want to highlight some of these marketing features. So let’s go ahead and add a new block here. We do have some really nice templates. They did a great job. You can see there’s actually two ICOM kits, so we’ve got style one over here. There’s nothing here in terms of call actions, but maybe I’ll choose the pricing tables.
So these are maybe a little bit older looking. This was their first set of templates. And then we’ve got style, too, which has a really nice kind of more modern design esthetic to it.
You know what I think it’s doing, actually, as I switch between the different sections, it’s not smart enough to go back and get that same category again. So you’re saying there’s nothing available? There is, in fact, things available for each kit. All right. I want to be on Kizzia, and here’s some of the call to actions. Let’s start off with the pricing section. I like this first one up here. Let’s add that in.
All right, great. So I’ve got some nice pricing tables here. So I of course, I could build this out all manually if I wanted to. I think it’s nice to start from a template, but I’ll show you exactly how you would do it if you wanted to do it manually. So let me go ahead and just remove this column right here. And I’ve just got two columns, right. Let’s say I wanted to add a third column in.
Well, I can either. Right. Click and just use column, add new or there is actually an element over here called a column.
I can simply drag and drop it. And there we go. Now I have a third column on my design, so now I’ve got a third column. Let’s go ahead and start to style it to look more like this one. So I’ll click on the little column settings up here and that’s that upward.
Kurt, I’m going to go ahead and choose a background color. Of course, this is white. Choose that. All right. So now I’ve got a nice white background.
However, these other columns have a little bit of a margin around them. So let’s go ahead and add that in to this column as well. I’ll click on the upward carrot, the little gear icon. And this time let’s go over to more settings. This is where I can actually control the margins inside of my widget. So I’ll just add a little bit of margin here. It looks like it’s probably right around here. You can change the corners now.
Obviously, I can simply copy and paste this style to have it match more precisely. But chances are you’re not going to be doing what I’m doing, trying to recreate their templates manually. I just wanted to show you how simple it really is to do so, then to recreate the rest of the design. Simply look. All right. So they’ve got a little spacer right here. I can add that in over under spacer. Drop it in. Now, I’ve got a spacer right here.
Looks like mine is a little bit bigger, but theirs has a little bit of padding at the top. So, you know, I’m just going to leave that as is because it looks like the bottom kind of matches up pretty good. Then we’ve got a TextField right here. I’ll drag and drop that in. Will change the style of this. I did peek and they are using heading five for there. So that’s a global setting.
Right. So I can change the type to black and why don’t we align this to center. Of course I could just duplicate this price right here. Just click and had duplicate, drag it over underneath my price. So hopefully you’re starting at the idea that I’m trying to point out here. There’s no reason to have a dedicated pricing element when this is simply a column with some elements added to it. I’m going to go ahead and finish this for you, but then we’re going to look at some more dedicated marketing features that are built right in Tabrizi.
All right. Back over to the elements. The first thing I want to show you is the countdown timer having a countdown timer for a sense of urgency for your visitors or even just to let them know something is coming soon is kind of a basic feature these days. Something we expect to have now. There is one built into Brizzi. However, it doesn’t have an evergreen functionality to it. For something like that. You’re still going to need your your deadline funnels or whatever source that you like to use.
Now, remember, you can’t use WordPress plug ins with Breezy Cloud. So if you’re thinking you’re going to grab a WordPress plug in and use it on a breezy cloud website, that’s not going to work out for you. You need to rely on software as a service providers there where you can simply embed codes. That is totally doable with Breezy Cloud. However, here’s my countdown timer. I can go ahead and modify it to be ending at a specific date and a specific time zone.
But there’s not any way to make this an evergreen timer in terms of four hours from when someone first visits the page. I think I’d like to see that in the future you can turn off sections. So, for example, let’s say you don’t want to have days up there. You just want to have hours and minutes. You can definitely do that. One of the nice features of Breezy that we’ve seen so far is that modifying the layout is simply dragging and sliding.
So I’m gonna go ahead and make this, you know, a little bit tighter here. So now that it looks a little bit better, I like that a lot. Let’s keep things moving here and look at another kind of marketing centric feature. In my opinion, progress bars are really good, especially if you have, you know, multi-step thing where you asking people to go through multiple pages using progress bars, let them know when the end is going to be there so they don’t feel like they’re going to be there all day.
So here is a progress bar. I can click here to see a few different styles.
I’ve got this little, you know, progress marker at the top or embedded right inside of the progress bar. I can set how far people are in their steps with this little slider. I can toggle on and off the title and the percentage if I just wanted to show the progress bar without any text.
And of course, I can modify the text as well, simply clicking and typing inside of the progress bar and I can change the colors as well. There is the option to change the title, the percent, the bar, the background and the shadow. So maybe I’ll make the title This Purple Color and I’ll make the percent the purple color as well. And let’s make the bar maybe a little bit more neutral. All right. There we go. Not beautiful, but you get the idea.
No, if you are using other software as a service platforms, let’s I mentioned deadline funnel. If you’re using deadline funnel and you want to use it on Brizzi Cloud or maybe Thrive Kaat, I think that’s a really powerful solution. Since Breezy doesn’t have any sort of e-commerce or funnel building functionality right now, you could still do up sales and and Bumpe offers if you’re using drive cars, simply embedding the cart on your page. So there’s this embed widget right here.
I could simply copy and paste the code for whatever platform I’m using right here, copy and paste it in and you’ll be able to kind of integrate a lot of different software as a services right inside of your website. All right. Next up, I want to show you the contact form, so I’m gonna go ahead and save this page or click update in the corner. I’ll go back up to my CMS under pages and let’s load up the editor for the contact page.
Now, once again, there are some really great templates I haven’t mentioned so far, but you can toggle between light and dark designs of each one. So if you want a more of a black dark mod type of website, you can do that. There’s not the ability to say toggle on and off a light and dark mode for your website. That would be killer. Love to see them develop that feature. But as of right now, that is not an option because we’ve been doing the light.
I will stick with that and go to the contact forms and let’s grab this one right here. So once again, it kind of dropped it in the wrong spot. It does not smart enough to know that the footer should be at the bottom. So I’m going to reorganize this. I’ll drag it to the top or in between the header in the footer excuse me. And here is our contact form.
So the way this works is once again, by adding a new field, you simply duplicate an existing one. So here I’ve got subjects, subject one, maybe instead of having a subject I want to have, oh, I don’t know, website on here. So I’ll simply click my duplicated one and I’ll type in website and then I can change the type of field it is by clicking right here in the form editor or the field editor. And right now it’s set to be taxed.
But I could make it be a website. Here’s your URL. I’ll choose that now. In order for the form to be submitted, it has to be in the proper format. So that’s exactly how the form editor is built. I can build one from scratch for you so you get the idea. I delete this form and let’s go over to the elements. Here is the form builder will drag and drop in by default. I have email, select and paragraph and select is going to be a dropdown selector right where I could have multiple options.
You know, let’s say I don’t want to say what is your budget. One hundred dollars. Two hundred dollars, so on and so forth. Very easy to modify. The selectors will look at that in a second. But first, let’s build out our form. So I’m not going to start off an email address. I’m going to start off with your first name.
So let’s call this first name, then I’ll edit the form selector right here to be a TextField, then under email. I’ll leave that as email and that is correctly set to be email. Notice that I have it selected as required right now. Then this select field. You know what? I don’t really want this to be a select field right now. I’m going to change this to be a telephone number. So I’ll drag I’ll slide down here to where it says telephone.
There we go. And let’s make this required.
Also update the prefilled tax. And here I’ll say it. Leave us a message. All right. So I’ve got all the farm fields that I want.
Let’s go ahead and modify this a little bit further. So I’m simply going to click on any one of the fields and then choose the form editor right here under Advanced.
I can turn on things like a label.
Now, I actually recommend this for a lot of longer forms because as people start to type, it’ll erase the placeholder text.
So I’ll toggle one or the other on. I don’t usually have both, but if you just leave placeholder text on its people start to type, they could actually forget what field it is that they’re working on, especially if they use the TAB command to quickly fill out a form. They might not know what they’re looking at. So for that reason, labels are often preferrable. All right. So I’m going to leave that on right now. I can also change the size of the form fields itself from a more condensed version to a larger version.
I can round the corners if you want to have more of a circular. Look, of course, we can change the typography. We can use any of the default excuse me, the global setting so I can use maybe the paragraph typography if I want, or I can change the actual font. I haven’t mentioned this so far, but any of the text fields throughout Breezy, you can add in your own custom fonts. It’s very easy to do.
Simply hit add new font. You can upload your own or grab one from Google fonts.
We can change the width of our fields here. So for example, I’m going to make this be about 50 percent and I’ll go to our email setting right here. I’ll grab that one, click on the gear icon and make this one 50 percent as well. And you can see that. Then it condensed our form to have two items on one line. So if you were looking at that originally thinking, oh, great, so everything has to be 100 percent.
Nope, that is not the case.
So if this is your lead capture form, you’re probably going to want to keep track of where these are coming from or maybe even get them onto some sort of email marketing pipeline to do that as really easy. Just click on the button down here below. And of course, you can change this to say SAMID or something that makes a little bit more sense.
But we’ve also got this icon over here that looks like a plug. These are the integrations that are connected to Brizzi. So by default, it’s going to send in email notification. We can enter in multiple email addresses right here with a subject line. So if you’re doing this for clients and these are going to be leads that they need to respond to, you might want to put something in here like reply immediately or, you know, just to let them know new lead alert or something like that.
They’ll get all of the contact information included. You can customize how that contact information looks. By the way, back at the first screen, we can use a custom template and we can simply type what you like here. So I can say hello, client and you use your client’s name.
Here is another lead brought to you by your company name.
And then we could add in their short so that of course they get the message. So we’ve got first name, email, telephone and leave us a message. This will correspond to the fields you set up in your form. So to add them copy paste, rinse and repeat and it could stylize this and say their name is they’re expecting an email at.
So I just went ahead and stylize this a little bit. I said their name is and then I added the placeholder. They’re expecting an email at and end out of their email address. And then I said their comments are and so on and so forth. So this is a way you can add a little bit personality. And I have some boring kind of hard to read, you know, form submission coming to your clients that might not be as tech savvy as you are if you want more than just an alert email, but you actually want people to be added to a sales sequence.
Maybe on your email marketing platform, you are in luck because Brizzi integrates with many of the most popular email marketing services, including MailChimp Converted Active Campaign. You can see it works with Zappia. So chances are you’re probably using one of these services if you’re doing email marketing as is. If not, you can always use Zappia to connect to just about anything. I’d love to see this list grow because, you know, there are a lot of platforms out there and it’s not that hard for companies to connect with other API.
So I’d love to see Brizzi put a little bit of effort into maybe expanding this or doubling or tripling the number of services that it works with.
You can also connect up to Google’s reCAPTCHA to prevent spam submissions to your forms if you find that’s an issue, very easy to do. So here, just simply click on reCAPTCHA and you’ll enter in your psyche and secretly over on Google. I’m not going to get into that in this video, but it is actually very, very simple to do. All right. It’s time to move on to bring these newest feature, which is blogging. Now, blogging is traditionally done in something like WordPress.
In WordPress, you’re going to have two components to a blog. You’ll have your single post, which are the individual blog posts, and then you’ll also have an archive page which displays all of the blog posts in one location. People can hunt for the post they want and click on it. I’m going to show you how to set up something very similar inside of me right now. I’m over here under the CMS section, otherwise known as assets under blogs.
You see right now, I currently have no posts. So let’s go ahead and add some posts. I’ll click, add new post, give my post a title.
I’ll add in a featured image. One thing I noticed about their featured image selector is that it doesn’t allow you to upload anything other than JPEG files. You can see I’ve got a file right here in my finder window. It’s not letting me choose that. So I think they should definitely update that to allow you to upload Pangea’s. There we go. Now I’ve got a featured image added can add an excerpt and change the permalink if I like. Now I’m going to want to make sure to add this to a category so it shows up on an archive page.
So I’ll do that right here. Choose category. And the only category I have right now is blog. You can add as many categories as you’d like.
I’ll see this now back on the blog post page itself again, edit the content. So I’m ready to make my first blog post here. But something happened that I want to point out. I’m ready to create my blog post and I have no header and footer. And that’s because when I set up the global header and footer, I didn’t choose posts as well as pages. So I actually need to go and change that to make sure that my blog posts all have a header and footer.
Back over to the storms, I can load up any page that I want, go to my header, change the display conditions, and this time I’m going to choose all safe.
Let’s repeat that process with my footer. Here’s my footer over to the block settings, change the display conditions and let’s change that to be all again. Back over to the CMS. I’ll go to my first blog post and let’s edit this. There we go. I’ve got a pattern of footer to at least start from. I like that. In between them, I’m going to add a new block. I’ll choose one of the text presets. I like this one right here and I’ll be able to add my blog post right here.
Now, I can also add some dynamic fields in things like the featured image or the title of the blog post.
So let’s say I wanted the title, the blog post up here at the top and I wanted to add maybe the excerpt underneath and I could even add maybe the featured image by grabbing the image selector right here. And I’ll choose the source for the image down below as the featured image. That’s not going to update in the editor because it’s populated dynamically. But if I save this draft, publish it and open it up in the preview here, you can see the featured image does, in fact, show up.
Now, this isn’t a very common use case. Actually, what you’ll see people do more commonly is to simply add this in as the background image. So let’s try that as delete this. And here is my block. Let’s go ahead here and add in the background image and I can choose the featured image here. And again, I’m not going to see anything because it’s only going to populate dynamically. But if I see this out now, it’s probably not going to look very good because I’ve got this black text, but we’ll check it out.
So there we go.
And I’ve got my featured image. It actually showed up behind the entire blog post, so I didn’t create two different blocks. Let’s go ahead and fix this. This is part of the problem of not having the dynamic content at least show an example right on the ED. So what I need to do is actually add in another block right here. I’ll call this the text block. Let’s grab that same one and then I can remove this whole TextField, actually.
So that was an error on my part. But it’s also a little bit of a side effect of the extremely clean interface that Brizzi provides. Sometimes you’re not getting quite enough information to know exactly what’s going on in the page. So now if I point out you can see the Block editor or the block settings over here to the right, where if I hover over the different sections, I can definitely see what is going on.
Let’s go and center this up. And what I’m going to do is actually add a little bit of a filter to the background here. I get to kind of guess what it’s going to look like, but I’ll go over to the overlays and I’m going to add a semi transparent filter that I’ll just kind of make my text pop a little bit more.
I’ll update this and let’s check out the preview now. So there we go. We’re getting a little closer to what I’m expecting to see, but I’ve lost a lot of the inline benefits that I get from editing image inside Tabrizi. So the solution to this would be to simply add this as a fixed background image for this particular blog post. And then once I’m satisfied with the results, I could switch it back to a dynamic element and then I could use this layout for future post.
That takes me to my next point, which is there’s not really a true system to create a blog post template like you might think of in WordPress if you’re familiar with that platform. So the idea would be that you create a template, right? We’ve had a lot of dynamic content in here. I’ve had to dynamically populated background image with the featured image, although we can’t see in the editor, we’ve got the headline or the post title showing up dynamically.
We’ve got the excerpt showing up dynamically. I’d love to add other dynamic elements, such as the author’s name or even like the post date, those types of things to show up with each post automatically.
So I don’t need to add it into the blog post individually, but there’s not really a system to set this up as a repeatable blog post so that when I go click new blog post that it automatically fills into this design. Now, there is a little bit of a workaround that you can use, and it’s actually a fairly useful feature that’s built into Breezy might find useful throughout building your website. So I’ll show you what I’m talking about here. So the idea is once you get this set up so that it’s a fairly professional looking template you want to use for all of your blog posts, what you do is let me get myself out of the way.
Here you go down to the little kiriat in the corner. Click on that and then choose Sèvres layout. Now, I have found that this only seems to update for me a small percentage of the time. If I’m using the Safari browser, it in fact, never seems to actually save. It just spins. So just keep that in mind if you have issues with it. So now that that’s saved, I can go and create a new blog post.
Let’s go back up to our CMS. I’ll choose a new post, will quickly give it a title here at a featured image. We’ll give it an excerpt. Edit the permalink if you’d like to switch this over to published immediately here just for our purposes, added to a category that is essential for our next step after we talk about this. And let’s go ahead and see this. All right, great. So I’ve got my second post save. I haven’t added any content to it.
So let’s go back, open it up in the editor. Here’s a blog post to look at it. All right.
It’s open up, but I’ve only got a header and footer I don’t have the rest of. My design, so what I need to actually do is click on the new block icon, go over to my save section and then underneath library, I’ve got blocks, but I also have layouts. So here I can actually insert the entire layout that I used on my other post. Now, what this is doing is actually adding in the header and footer again as well.
So I’ll go ahead and just delete the header and footer that I had added kind of automatically. And now I’ve got the post layout there. Again, I could add in my actual content here. Everything else is added dynamically in terms of the background image.
In fact, let’s go ahead and look at this. I’ll hit update here. Here’s what it looks like on the front end. Now you can see that I can’t actually read this text again. I would spend more time refining this design. But you’ve got to dynamically inserted featured image, the dynamically inserted post title, the dynamically inserted excerpt. And then I could simply add in my own blog content right here. So it’s definitely not a complete content management system yet, in my opinion, since you can’t actually make a content template for your content.
So I’d love to see them add that it seems like they’re, you know, 60 percent of the way there. Just a few more features to finish off before this really is ready for prime time.
All right. Moving on to the next feature I want to talk about, which is the archive page. So I’m over here inside of this CMS or the assets section under categories. I’m going to choose the blog category. Now, this is actually an archive page, meaning you’ll be able to see all of your posts that are related to this specific category. So I’m going to click the edit option over here. Now, I’m just given a blank canvas here.
What I need to do is add an element to display my posts. Let’s start off by making a new block. I’ll just use a blank one for now. I’m going to also reorganize things to put my footer at the bottom. And then let’s go out to the elements now, because this is an archive page. I’ve got a few extra elements. Namely, the one we want to use is the archive element. So I’ll just drag and drop this in and you can see there’s not a lot of content populating here.
But if I look at this on the front end, let’s update this preview it it’s actually going to dynamically update with the blog posts that have already got loaded. So here’s a blog post to my first blog post. You can see the featured images are being pulled in the titles and the excerpts are being pulled in as well. Of course, you can customize this back on the back end. This is simply an image, an image element that I could drag over.
It’s got the dynamic featured image added in with the Raymore button that’s going to automatically link to the post. We’ve got the blog excerpts right here. This is another element that you can add in right there. You can edit the element to change the design, if you like. Let’s say you want to have a few more columns here or maybe a few less columns. You can simply drag the slider around to get it looking like you like we can add more rows in as well.
So that is the idea behind the archive page. Is it simply a way to index all of your existing pages? So when I was talking about creating the single post template, I mentioned saving the layout. Now, in breezy terms, that is the entire page. But you don’t need to save the entire page. If you’ve got a section you want to reuse throughout your website, you can do that as well with saving blocks. So if I go over to a block, let’s say this hero section here, I could see you wanting to use this, maybe modifying it on different pages.
I simply click this little heart icon here and now it’s going to be available to me to use on any other page on my website. So let’s load up a different page. I’ll go over to, let’s say, the about page. And now when I go to add a new block, if I go under saved, I will see that Elementor show up right here again. I’ll need to reorganize things that my footers at the bottom. And there we go.
I’ve got a good jumping off place where I could change the background image, I could change the headline here and is not going to affect any of the other pages because it’s not a global element. So that’s the main difference. A saved block is something you can use as a starting point, but a global block is something that, if you update anywhere on your website, will automatically update everywhere on your website.
Now, we’re going to take a look at the pop ups feature in a second here. But before we leave the editor for building websites, I do want to point out that everything inside Tabrizi is completely mobile responsive. So we’ve been looking at the desktop view, this entire video. However, editing inside of tablet or mobile view is as simple as clicking over here. Right now we’re on desktop. I can change to mobile. Let’s say I wanted to make this a little bit smaller on tablet.
I could simply click the text and go ahead and change the size here and now. When I switch between the two views, I can have two entirely different sizes, very, very common type of responsive editing inside a page builders. But I did want to make sure I pointed out that that is completely doable inside of Breezy. All right. Back to the dashboard here. We can see the website that we’ve been working on throughout this video. I want to point out that I could have been adding pop ups and alerts right inside of that website, and they would live inside of that website and be completely isolated to that website.
But Brissie also has the option to add pop ups that can be embedded on any website. So if you’re using WordPress or Squarespace or anything you like, you can create a pop up in. At a breezy and then reuse it on other platforms, and that’s what we’re going to look at right now. I’m going to switch over here to pop up so you can see I have none created so far. This is all projects. Here’s just website. So this is kind of a little sorting filter.
So let’s go and create a new project where you pop up an alert and this is called pop up one. Let’s go and give our pop up a name and let’s open in the Ed got a blank canvas to start with. I’m going to go ahead and choose one of their templates. I think they’ve got some really nice looking designs. As I’ve said before, all of their designs are excellent. Let’s go and choose this Schewe pop up right here.
So now if I wanted to modify this pop up, all of the elements are available to me that we’ve already seen throughout this video.
For example, I can go over to the plus icon over here. Maybe I want to add in a form I could simply drag and drop that right here. Now, we don’t need this button. So what I’ll do is I’ll click on it in the trash can icon. And now I’ve got a differently shaped pop up, but one that has a contact form on it. So. So you get the idea you could set this up as a lead capture, as a way to offer someone a discount and then embedded on the website the way you embed it.
Let me save this and I’ll publish it. The way you embedded is to head back to the dashboard and there is an embed code right here. I’ll simply click on this now. I simply need to copy this code and then I can paste it in the footer tag of my destination website and then the pop up will show up. Now, you might be wondering what’s actually going to trigger the pop up to display. And I did overlook mentioning this.
So I’m back inside of the editor. And if I click up here on the settings and go all the way over to the left hand icon, you can set up the display conditions. So right now it’s set to display on page load. I can also do on click after inactivity or on page exit intent. All the common things that you typically see with pop ups are available. You also toggle this to make sure that the pop up only shows once, which is a nice thing to do because I can’t stand it when you go to every page on a website and the same pop up continues to display.
So this pop up functionality is really nice to have. Now it’s probably not as full featured as something like convert box, which you can actually do quizzes and AB testing and all sorts of analytical things, you know, really meant for more in demand marketing solutions. But it’s a really nice to have extra feature and hopefully it gets more of those kind of more technical features added in over time as well.
Overall, if I were to sum up Breezy, I’d say they are definitely taking their time adding features, but every time they do something, they do it in the right way. They’re not rushing to just get as many features added to the platform as possible. In fact, I would argue that this blogging feature really isn’t ready for release yet because it doesn’t have many of the standard features that you need for blogging. But what is there is done very nicely.
It’s very elegant and simple to use. So I’m very optimistic about the future of Brizzi. I just wish they could add a little bit more urgency to the development timeline. Maybe that means they need to add more staff, which means they probably need to make more sales. So if you’re excited about this tool like I am, maybe a good thing to do would just be to simply sign up so they have a little bit of revenue to continue to grow their platform.
Again, my link will be done below and that is a referral. Links will earn a commission if you do so. But you can see there’s a lot here that you can begin using right away with clients or your own website.
So overall, I think this is a really solid project that has a bright future ahead. But I just hope they get there. They’re moving at such a slow pace compared to some of the other services. I’m going to go ahead and give this one a seven point eight four right now. But if they continue to add more features, I definitely see revisiting Breezy again in the future. So that’s going to do it for this review and tutorial. I hope you found it helpful if you did make sure you click that like button.
And don’t forget to hit the subscribe button. We do also have a Facebook group that is absolutely free to participate in. So go ahead and click that link. I’ll put it in the description as well. We can do it for this video.
I’ll see you in the next one.
