All Collections
Design Mode
Add and Customize Your Blocks
Add and Customize Your Blocks
How to Add and Edit Blocks on Your SpringBuilder Website
Anna Poghosyan avatar
Written by Anna Poghosyan
Updated over a week ago

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 site Elements that can be combined into Blocks.

Sometimes you're short of time and would love everything to be prearranged for you, especially when it comes to handling specific Layout details.

From the Blocks section, located on your Left Panel, you'll find various Blocks outlined by SpringBuilder designers and ready to be added to your page.

Click on the Blocks icon to get started. You’ll be offered a list of all the available block types and their examples, including Headers, Footers, CTAs, Casino, and more.

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.

You're all set to start editing the chosen block!

Just hover over the Block and click on 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, Desktop to Tablet only. Whereas, Location Visibility allows you to set visibility for a particular Country, City or IP.

Keep in mind session visibility allows certain blocks to be visible only for your website's logged in users. You can also manage the Visibility Settings of the Blocks on your website the same way.

Go to the Block Settings, click Edit Block, and make the desired changes accordingly.

You can also choose to Hide your Blocks from the public eye or Save a specific one.

Select Block Settings again, and click Save as Block. The Block will be stored in the Blocks Section; you can use these blocks for all of your websites.

You can also press and hold the Ctrl/Command C key while dragging and dropping the desired block on the Crafting Area to duplicate it.

Simply hover over the desired block and drag it from the three dots that appear in the upper left corner.

You can also remove the block completely by clicking on the Trash icon.

Related Articles

For any further questions or concerns you may have, please visit the SpringBuilder Help Center for more information. 

Did this answer your question?