Manage content blocks in Site Creator

This guide is about content blocks which are one of the most important elements of Site Creator.

These are the ones that will allow you to easily create content on your pages.

There are all kinds, separator, price list, sitemap, simple text or image blocks, etc. generally pre-configured to make it easier for you to get started.

Add content block

To access Site Creator:

1. open the Manager (manager.infomaniak.com)
2. go to Web Hosting
3. if necessary click on the hosting/domain name concerned
4. in the left side menu click on Site Creator
5. click on Customize my site

Once in Site Creator:

1. in the left side menu click on the Content button - the list of blocks appears
2. choose the desired category on the left, then the desired content on the right

By clicking on the desired content, you make it appear on the page you were editing.

Another possibility: go to the page directly and hover over the space above or below an existing block:

Delete a content block

Hover over the block to be deleted on your page and click on the trash can that appears on hover:

Confirm deletion and it disappears. You can cancel this type of operation.

Edit a content block

Each editable item in the content block will be highlighted when you move your mouse over it. Simply click on one of these elements to start editing.

In addition, you can modify the HTML code (recommended for advanced users only) if you have need more control over any content block.

You can also remove certain elements from your content blocks: when editing text, there is the "right arrow" button which shows more options and the Delete:

To edit an image, click on it and a new window will appear. At the bottom, there is the Save button on the right and the red Delete button on the left.

Create a typical content block

In the left sidebar, below the content that can be added to your page, you will find a button to Design a content block.

All the elements that make up the blocks are arranged on the left. You can drag them to your block type to design your ideal block. This will be inserted into your page by clicking Apply Changes at the bottom of the page.

Change block margins

Hover over the content block to edit and click on the cog wheel:

Scroll down the settings to Default Block Spacing and click on it to set your own settings:

Move a block up or down

The content of your page is separated into "blocks". You can add more blocks and rearrange them. 

Hover over the block of content to move then click on the dots area at the top left; hold down to move block.

Move a block up or down

The content of your page is separated into "blocks". You can add more blocks and rearrange them. 

Hover over the block of content to move then click on the dots area at the top left; hold down to move block.

Create a space between two blocks

To create horizontal space between content blocks, add a separator manually:

You can then set its color and size.

You can also "decorate" the top and bottom of a block more automatically, by activating the Decoration option while editing a block: