Adding Content to Your Website

Sitebuilder uses "blocks" to add content to your site. Blocks are units that fill your website with elements like text, images, contact forms and more. Think of them as small, pre-designed layouts that help give your site an attractive, professional look.

To add blocks to your site, click Add Page Sections and select a drawer (category). Once you find a block you like, drag and drop it onto your page.

addpagesections.jpg

To dismiss a block drawer, click the x in the upper-right.

 

Block Toolbar

blocktoolbar.jpg

Once your block is in place, you can begin customizing it. Hover on the block to see the toolbar. the block toolbar allows you to:

  • Edit Block Background
  • Add Columns
  • Add Rows
  • Adjust Padding
  • Duplicate Block
  • Edit Block Settings
  • Move Block Up
  • Move Block Down
  • Delete Block

 

Edit Block Background

editblockbackground.jpg

Available block colors are based on the theme default, but you can also add an additional custom color. 

 

Add Column

Click the add column button in your block settings.

addcolumn.jpg

Click the highlighted area where you want to drop your new column.

Continue adding elements after you've created a new column. You can also hover on column borders to resize.

To delete columns, hover on the border and click the settings gear that appears at the top. Then click the trash icon.

 

Add Row

Click the add row button in your block settings.

addrow.jpg

Click the highlighted area where you want to add your new row.

NOTE: When adding elements, rows or columns, remember to preview your site to see how it will display on mobile devices. Elements that appear horizontally will stack vertically on mobile screens. The preview button is located at the bottom of the left sidebar menu.

 

Adjust Padding

adjustpadding.jpg

Use adjust padding to define the amount of space between the start and end of your content in a block.

 

Duplicate Block

duplicateblock.jpg

"Duplicate Block to" allows you to re-use the current on the same page on another page of your site.

Edit Block Settings

editblocksettings.jpg

"Block name" is useful for creating anchored links to your page. Check Show In Navigation to have this block name appear in the main menu of your website, similar to how a page appears.

Some blocks contain elements that can be hidden by hovering on them and clicking the X that appears.

To bring these elements back, click Restore hidden items from your settings.

Move and Delete Block

moveblockdown.jpg

Change the order of your blocks by clicking the up/down arrows.

Click the trash icon to delete the block.

 

Adding Content to Your Website Follow

Sitebuilder uses "blocks" to add content to your site. Blocks are units that fill your website with elements like text, images, contact forms and more. Think of them as small, pre-designed layouts that help give your site an attractive, professional look.

To add blocks to your site, click Add Page Sections and select a drawer (category). Once you find a block you like, drag and drop it onto your page.

addpagesections.jpg

To dismiss a block drawer, click the x in the upper-right.

 

Block Toolbar

blocktoolbar.jpg

Once your block is in place, you can begin customizing it. Hover on the block to see the toolbar. the block toolbar allows you to:

  • Edit Block Background
  • Add Columns
  • Add Rows
  • Adjust Padding
  • Duplicate Block
  • Edit Block Settings
  • Move Block Up
  • Move Block Down
  • Delete Block

 

Edit Block Background

editblockbackground.jpg

Available block colors are based on the theme default, but you can also add an additional custom color. 

 

Add Column

Click the add column button in your block settings.

addcolumn.jpg

Click the highlighted area where you want to drop your new column.

Continue adding elements after you've created a new column. You can also hover on column borders to resize.

To delete columns, hover on the border and click the settings gear that appears at the top. Then click the trash icon.

 

Add Row

Click the add row button in your block settings.

addrow.jpg

Click the highlighted area where you want to add your new row.

NOTE: When adding elements, rows or columns, remember to preview your site to see how it will display on mobile devices. Elements that appear horizontally will stack vertically on mobile screens. The preview button is located at the bottom of the left sidebar menu.

 

Adjust Padding

adjustpadding.jpg

Use adjust padding to define the amount of space between the start and end of your content in a block.

 

Duplicate Block

duplicateblock.jpg

"Duplicate Block to" allows you to re-use the current on the same page on another page of your site.

Edit Block Settings

editblocksettings.jpg

"Block name" is useful for creating anchored links to your page. Check Show In Navigation to have this block name appear in the main menu of your website, similar to how a page appears.

Some blocks contain elements that can be hidden by hovering on them and clicking the X that appears.

To bring these elements back, click Restore hidden items from your settings.

Move and Delete Block

moveblockdown.jpg

Change the order of your blocks by clicking the up/down arrows.

Click the trash icon to delete the block.

 

Want to contact us?
phone
1.866.614.8002
Sun. 8:00 AM-8:00 PM Mon. - Fri. 7:00 AM-3:00 AM Sat. 8:00 AM-8:00 PM
chat
Live Chat
Talk with a specialist
email
Send email
We'll answer you within one working day