How to create a website using WordPress/How to use plugins/No-code construction blog
![](https://i0.wp.com/hanami-web.tokyo.jp/blog/wp-content/uploads/brizy/imgs/thumnail-28-482x362x0x0x482x362x1658968173.png?w=1290&ssl=1)
[Paid/Free Feature Comparison] Build a website without coding! Page builder plugin Brizy!
At HanamiWEB Online School,
●Ask questions in real-time in the virtual study room!
●Ask as many questions as you want via chat!
●E-learning materials that you can learn as much as you want, 24 hours a day!
All included for just 2,500 yen/month!
Recently, I've been very interested in the page builder plugin Brizy. I've actually built five WordPress sites with it and I really think it's a great idea, so I'd like to introduce it to you and let you know just how good it is!
If you have built a WordPress site using Elementor, Divi, etc., be sure to check out Brizy's features!
If you're wondering what Brizy is, be sure to check out their official website!
A wide variety of templates available
The page builder plugin Brizy offers a wide variety of layout packs, where the entire layout is pre-made, and block parts, where the layout is pre-made on a block-by-block basis.
I have often thought it would be great if AI could automatically create websites, but since a website can be created simply by combining templates, I think it's close to automating website construction!
First, let's look at the layout pack, which contains a complete design for one page.Of the 99 designs currently available, 18 can be used for free.
![](https://i0.wp.com/hanami-web.tokyo.jp/blog/wp-content/uploads/2021/07/image-1.jpg?resize=1024%2C500&ssl=1)
With this layout pack, you can create a website just by adapting it.
All that's left to do is change the photos and text and your page is complete!
It's also useful when you want to quickly create an image site.
IWireframingI use it for this.
With the page builder plugin Brizy, you have a wide variety of pre-designed parts using layout packs and block parts, so you can create a stylish website without any coding or design!
There are a wide variety of block parts for the entire page design. Let's take a look at each of them!
Hero Block
Main visual In other words, this is the section that can be used at the top of the page.
![](https://i0.wp.com/hanami-web.tokyo.jp/blog/wp-content/uploads/2021/07/image-3.jpg?resize=1024%2C498&ssl=1)
Future Block
This is a block that can be used for features.
![](https://i0.wp.com/hanami-web.tokyo.jp/blog/wp-content/uploads/2021/07/image-4.jpg?resize=1024%2C484&ssl=1)
Contact Block
This is a block that can be used for inquiries, and I personally use Contact Form 7.
In addition to inquiries, it contains various parts such as sign up and email newsletter registration.
![](https://i0.wp.com/hanami-web.tokyo.jp/blog/wp-content/uploads/2021/07/image-5.jpg?resize=1024%2C498&ssl=1)
Gallery Block
It also includes a gallery block. Use it when you want to layout your photos stylishly!
![](https://i0.wp.com/hanami-web.tokyo.jp/blog/wp-content/uploads/2021/07/image-6.jpg?resize=1024%2C506&ssl=1)
CTA block
CAT stands for Call to Action.
- Subscribe Now!
- Click here for a free consultation!
- Sign up for our e-mail newsletter here!
These are the parts of the flow that get customers to click buttons and lead them to the GOAL.
![](https://i0.wp.com/hanami-web.tokyo.jp/blog/wp-content/uploads/2021/07/image-7.jpg?resize=1024%2C507&ssl=1)
Text Block
Regular text design parts are also available.
![](https://i0.wp.com/hanami-web.tokyo.jp/blog/wp-content/uploads/2021/07/image.png?resize=1024%2C496&ssl=1)
Team Block
Member introduction design parts.
![](https://i0.wp.com/hanami-web.tokyo.jp/blog/wp-content/uploads/2021/07/image-1-1.jpg?resize=1024%2C510&ssl=1)
Pricing Block
This is a block with a price list. It's great because there are so many designs available even in the free version!
![](https://i0.wp.com/hanami-web.tokyo.jp/blog/wp-content/uploads/2021/07/image-1-2.jpg?resize=1024%2C496&ssl=1)
Testimonials Block
These are customer testimonial design parts. Brizy has a function to make each block slide, so you can design customer testimonial parts by sliding horizontally.
![](https://i0.wp.com/hanami-web.tokyo.jp/blog/wp-content/uploads/2021/07/image-1-3.jpg?resize=1024%2C503&ssl=1)
[Pro only] Header block
The Header block, which is an essential part for designing an entire website, is unfortunately only available in the Pro version of the page builder plugin Brizy.
![](https://i0.wp.com/hanami-web.tokyo.jp/blog/wp-content/uploads/2021/07/image-1.png?resize=1024%2C509&ssl=1)
[Pro only] Footer block
The footer is also a feature exclusive to the Pro version of the page builder plugin Brizy.
![](https://i0.wp.com/hanami-web.tokyo.jp/blog/wp-content/uploads/2021/07/image-2.png?resize=1024%2C500&ssl=1)
Light mode/Dak mode
Two design styles are available, Light mode and Dark mode, which further expands the range of designs!
![](https://i0.wp.com/hanami-web.tokyo.jp/blog/wp-content/uploads/2021/07/image-3-1.jpg?resize=1024%2C485&ssl=1)
![](https://i0.wp.com/hanami-web.tokyo.jp/blog/wp-content/uploads/2021/07/image-3-2.jpg?resize=1024%2C493&ssl=1)
Kit1 & Kit2
I can't introduce them all anymore...
What I've been introducing so far is the Kit#2 part that is displayed by default, but there is also a part called Kit#1 that's hidden further away.
![](https://i0.wp.com/hanami-web.tokyo.jp/blog/wp-content/uploads/2021/07/image-3-3.jpg?resize=1024%2C503&ssl=1)
With such a wide variety of design blocks, I think this is the ultimate page builder plugin that allows you to quickly build a website without having to think about the design from scratch!
There are still many things I want to introduce.
So far I have explained about the design parts included in the page builder plugin Brizy, but of course it also has the perfect features for those who want to customize the design parts or build an original design from scratch!
Element Parts
Like a normal block editor, there are plenty of element parts.
![](https://i0.wp.com/hanami-web.tokyo.jp/blog/wp-content/uploads/2021/07/image-3.png?resize=360%2C887&ssl=1)
![](https://i0.wp.com/hanami-web.tokyo.jp/blog/wp-content/uploads/2021/07/image-4-1.jpg?resize=1024%2C662&ssl=1)
![](https://i0.wp.com/hanami-web.tokyo.jp/blog/wp-content/uploads/2021/07/image-4.png?resize=1002%2C767&ssl=1)
But what's great about the page builder plugin Brizy is that it doesn't end there.
Pop Up Block
It is possible to output a variety of popups, such as a banner that follows the bottom right of the site or a registration guide that appears right in the middle, and design parts are provided for this, but you can also customize the design from scratch using Elements parts.
Here are some examples.
![](https://i0.wp.com/hanami-web.tokyo.jp/blog/wp-content/uploads/2021/07/image-5-1.jpg?resize=967%2C723&ssl=1)
![](https://i0.wp.com/hanami-web.tokyo.jp/blog/wp-content/uploads/2021/07/image-5.png?resize=992%2C512&ssl=1)
Here are some other features I like!
Adjust margins without coding
The padding and margin adjustments, as well as the border-radius function for rounding corners, are all intuitively controlled! This is truly a page builder function!
![](https://i0.wp.com/hanami-web.tokyo.jp/blog/wp-content/uploads/2021/07/image-6-1.jpg?resize=1024%2C727&ssl=1)
No coding required for font size
You can create a website with a unified look by calling up and using pre-registered sizes and fonts for heading sizes, etc.
It is also possible to customize the size,Font-size can be adjusted without using font-color etc.It is as follows.
![](https://i0.wp.com/hanami-web.tokyo.jp/blog/wp-content/uploads/2021/07/image-6-2.jpg?resize=1024%2C459&ssl=1)
No-code animation
You can use JavaScript to display content smoothly, and make full use of CSS to move buttons.
These functions can be achieved without any coding! I was only able to display a part of it, butThere is also a huge variety of animations.
![](https://i0.wp.com/hanami-web.tokyo.jp/blog/wp-content/uploads/2021/07/image-6.png?resize=312%2C261&ssl=1)
Also responsive!
Of course, it also supports responsiveness, which is an essential requirement for web production. You can make adjustments while checking the appearance on three different devices: PC, tablet, and mobile.
Although the heading fits perfectly when centered on PC, I want the font to be smaller and left-aligned on mobile!You can make adjustments like this without any coding.
You can also set the display to be hidden on each device (PC/tablet/mobile).
![](https://i0.wp.com/hanami-web.tokyo.jp/blog/wp-content/uploads/2021/08/image.jpg?resize=1024%2C476&ssl=1)
You can change the displayed content depending on WordPress permissions.
There is a feature called Show to that allows you to control the display based on WordPress permissions.
![](https://i0.wp.com/hanami-web.tokyo.jp/blog/wp-content/uploads/2021/07/image-7-1.jpg?resize=1024%2C519&ssl=1)
Brizy paid/free feature comparison
function | free | Paid |
Drag and drop editor functionality | ○ | ○ |
Elements (parts of text, images, etc.) | 24 types | 46~48 types |
Responsive | ○ | ○ |
Global Features | ○ | ○ |
Free Design Templates | ○ | ○ |
Paid design templates | × | ○ |
4000+ Vector Icons | × | ○ |
Header/Footer Design | × | ○ |
Custom Fonts | × | ○ |
Pop-up windows | × | ○ |
Custom Design (Ability to build a website from scratch with no coding) | × | ○ |
Dynamic content template function for blogs etc. | × | ○ |
Integration with the Custom Fields Plugin | × | ○ |
Mega Menu | × | ○ |
Marketing Features | × | ○ |
Update notifications and support | × | ○ |
WooCommerce Builder | × | ○ |
Membership Features | × | △ |
Multisite | × | △ |
summary
This has gotten quite long, but Brizy is a page builder plugin that I highly recommend because it allows you to freely build websites without any coding.
If you are interested in the types of licenses, please check out the following article!
Leave the reskilling of your website to us!
Since 2019, we have been sharing skills related to WordPress and websites. We have accumulated case studies and know-how, and are good at quickly and accurately solving problems. If you have any concerns about your website, please feel free to contact us via our official LINE account!
↑Click to open the official LINE page
Latest Articles
![](https://i0.wp.com/hanami-web.tokyo.jp/blog/wp-content/uploads/brizy/imgs/All-in-one-WP-Security-2-211x158x0x0x211x158x1717196661.png?w=1290&ssl=1)