Everything in JOeve Builder is about the blocks. It starts with a block, whether from scratch or from our vast premade library of ready-to-use blocks.
This tutorial gives you a quick overview of what Blocks in JOeve Builder are and how to use them.
Everything on JOeve Builder started with blocks, without the blocks, the webpage will be nothing, we will show you what and how to use blocks to edit or build your webpage.
After you clicked on the + sign a window will pop up on your screen, this is the blocks library to help you starts with your webpage.
Blocks Style & Categories
Lets start with the panel on the left.
This is the blocks style and categories panel, you can choose different type of blocks such as Hero header, Features, Contact, Gallery, Call to action button, blocks with text, your company’s team intro blocks, pricing table blocks, testimonial blocks, website header blocks and website footer blocks. The blocks are also separated into 2 styles, light background options and also dark background options.
Layouts, Blocks, Saved Blocks & Global Blocks
- Layouts tab from the top panel let you choose some ready made webpage template to quick start your webpage design.
- Blocks tab is the default tab when you launch the pop up panel, you can start building your webpage by selecting the blocks from the library.
- Saved Blocks is the library of your saved blocks, you can save the blocks which you edited and use them in other pages in your website.
- Global Blocks are blocks that you wish to appear globally accross your entire website, you can make header and footer blocks as global blocks
There are wide selections of blocks in the library, they are easy to work with, we will show you how to use and edit your webpage from the blocks.
How to edit from blocks
The image highlighted in light blue is a block, we can also label it as section, a complete webpage was made with multiple blocks, from header, hero,
features to footer, the highlighted section in the picture is Hero’s block. Its the 1st section of the website below the header, usually we will place some slider or
very nice picture here to attract viewer from your website.
Block Toggle Switch / Button
When your mouse cursor hover over a block, the block settings toggle switch will appear on the top right corner of your block
The 1st icon on the Block settings panel are “Block”, you can set the block to global block
with the toggle and also make the block a slider.
Settings tab: You can set the block height in this setting too, custom let you set your own height,
Full height is the whole image covered the screen of your browser.
Create New Block
Working on New Block