Manage content blocks in Site Creator

This guide concerns content blocks, which are one of the most important elements of Infomaniak's Site Creator.

They allow you to easily create content on your pages.

There are various types, such as separators, pricing lists, site maps, simple text or image blocks, etc., generally pre-configured to facilitate their setup.

Adding a Content Block

To access Site Creator:

1. Log in to Manager Infomaniak (manager.infomaniak.com) from a web browser like Brave or Edge.
2. Click on the icon ‍ at the top right of the interface (or navigate via the left side menu, for example).
3. Select Hébergement (Web & Domain universe).
4. Click on the name of the relevant object in the displayed table.
5. Click on Site Creator in the left side menu.
6. 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. Select the desired category on the left, then the desired content on the right.

By clicking on the desired content, you add it to the page you are currently editing.
 

Another option: go directly to the page and hover above or below an existing block:

 

Deleting a Content Block

Hover over the block you want to delete on your page and click on the trash can icon that appears:

 

Confirm the deletion and it will disappear. You can undo this type of operation.
 

Duplicating a Content Block

Hover over the block you want to duplicate on your page and click on the gear icon that appears. Then choose the desired location for its duplication:

Editing a Content Block

Each editable element of the content block will be highlighted when you hover over it with your mouse. Simply click on any of these elements to start editing.

In addition, you can edit the HTML code (recommended for advanced users only) if you need more control over any content block; this allows you to insert HTML code like an Infomaniak Newsletter subscription.
 

You can also delete certain elements from your content blocks: while editing text, there's a "right arrow" button that shows more options and the Delete button:

 

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

Creating a Custom Content Block

In the left sidebar, under the content that can be added to your page, you'll 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 custom block to design your ideal block. It will be inserted into your page by clicking Apply changes at the bottom of the page.


 

Adjusting Block Margins

Hover over the content block to adjust and click on the gear icon:

 

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

The gear icon in the settings also allows you to change the background color or image of the block.

Moving a Block Up or Down

Your page content is divided into "blocks". You can add more blocks and rearrange them.

Hover over the content block to move and click on the dot area at the top left; hold to move the block.


 

Creating Space Between Two Blocks

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

 

You can then define its color and size.

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