Every website is unique and everyone creating a website has different requirements when it comes to components they need in order to build their perfect website.

With that in mind, SpringBuilder has developed a wide range of Elements that can be combined into Blocks.

Sometimes you are short of time and would love to have everything prearranged for you so that you don't deal with such stuff like the distance between every single element or the way they are actually positioned on your page, the Layout.

That's exactly where the Blocks section comes in handy! Here, you'll find various Blocks outlined by SpringBuilder Designers ready to be added to your page from the Left Panel.

To get started, click on the ‘Blocks’ icon and you’ll be offered a name list of all available block types and their examples: from Headers and Footers to Casino games, Text Blocks, etc.

Just click on one of the tags (e.g. ‘Social Icons’) to find all the available options that can be used for your own site. Don’t forget to scroll down to see all the examples!

To add the block, just drag and drop it to the desired section on the Crafting Area.

Here and now, you're all set to start editing the chosen block! 

Just hover over the Block and hit the three dots in the upper left corner to get started. You can upload a Background Image or embed a Video URL to have an eye-catching Background design. 

Block Settings

The settings enable changing the Column Alignment in Mobile View as well as managing the Visibility Settings. Device Visibility can be set to Always visible, Visible on Mobile or Desktop only. Location Visibility allows you to set visibility for a particular Country, City or IP.

Mind the Session visibility as well. It allows certain blocks be visible only to the logged in users of your website. This works well with User Account element and can come in handy if you want to hide some content from users until they sign up to your website.

The same way, you can manage the Visibility Settings of the Blocks on your website. 

All you need to do is go to the Block Settings, click 'Edit Block' and make the desired changes accordingly.

Choose to 'Hide' the block from the public eye or 'Save' a specific one.

To do so just move to Block Settings again and hit 'Save as Block'. It will be stored in the Blocks Section ready to be added to your pages just like the predesigned ones.  

Alternatively, you may press and hold the Ctrl+C/Command+C key while dragging and dropping he desired block on the Crafting Area to have it duplicated. 

You can also change the Order of the Blocks by dragging and dropping them around. To do so just hover over the desired block and drag it from the 3 dots that appear in the upper left corner!

You can also remove it completely hitting the 'Trash' icon, easy as that!

Cool, right? As you're reading this, our enthusiastic team is already working on implementing new elements, designer blocks and functionalities, so stay tuned!

For more insight on how to edit the elements within blocks, please move to the ‘Basic Elements' section or drop us a line from the Chat box in the lower right corner!

Did this answer your question?