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

Introduction

• These are the content blocks that will allow you to easily create content on your pages.
• There are all sorts, separator, price list, site map, simple text or image blocks, etc.
• They are generally preconfigured to make it easier for you to get started with them.

Add a content block

Prerequisites

• Access Site Creator:
  1. Click here to access the management of your product on the Infomaniak Manager (need help?).
  2. Click directly on the name assigned to the relevant product.
  3. Click on Customize my site:
     

Once in Site Creator:

1. Click on the Content button in the left sidebar: 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 option: go directly to the page and hover over the space above or below an existing block:

Delete a content block

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

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

Duplicate a block

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

Edit a content block

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

Additionally, you can edit the HTML code (recommended for advanced users only) if you need more control over any content block; this allows you, for example, to insert HTML code for subscribing to the Infomaniak Newsletter.

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

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

Create a content block type

In the left sidebar, under the contents 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 template block to design your ideal block. This will be inserted into your page by clicking on Apply changes at the bottom of the page.

Modify the block margins

Hover over the content block you want to modify and click on the gear icon:

 

Scroll through the settings until you reach Default block spacing and click on it to set your own parameters:

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

Moving a block up or down

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

Hover over the content block you want to move, then click on the dotted area at the top left; hold down to move the block:

Create a space between two blocks

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

You will then be able to define its color and size.

You can also "decorate" the top and bottom of a block in a more automatic way, by activating the Decoration option from the block's edit menu: