Knowledge base

Thank you for entrusting us with the hosting of your website and creating its content with Site Creator.

Where to start?

Basic information

You don't need any downloads to use Site Creator.

Obtain Site Creator

We recommend that you use the latest version of a browser such as Chrome, Firefox, Safari and Microsoft Edge, preferably on a computer.

1. Manage pages
2. Simple page editing
3. Manage content blocks
4. Manage media (images, videos, documents, etc.)
5. Manage the navigation menu(s)
6. Manage themes, colors, fonts
7. Manage site name and details

Advanced operations

1. Advanced page editing
2. Manage additional modules (gallery, blog, shop, etc.)
3. Manage languages and translations
4. Create a contact form
5. Cookie management (GDPR)

You can also delete your site created with Site Creator and start from scratch in recreating a blank site.

I couldn't find the answer to my question

See all Site Creator FAQs

This guide explains how to get and sign in to Site Creator.

You don't need any downloads to use Site Creator. We recommend using the latest version of a browser such as Chrome, Firefox, Safari and Microsoft Edge, preferably on a computer.

Connect to Manager, open Site Creator

1. open the Manager (manager.infomaniak.com)
2. go to Web Hosting
3. click on the relevant hosting/domain name
4. in the left side menu click on Site Creator
   

Also note: when Site Creator is installed on your site and you browse it, if you have not logged out of the Infomaniak Manager, then the edit menu (or a button at the bottom left of the window) will be visible (only to you) to use the editor at any time.

This guide concerns Site Creator, an Infomaniak tool for creating sites offering, among other things, a library of media (images, videos, documents, etc.).

Access files

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

The library is accessible from the lower part of the left side menu, under Files.

These media will be available to you when you edit your pages and wish to insert content. 

Organize your files, folders and subfolders

Please note that you cannot move or rename files.

You cannot delete a folder if it is not completely empty.

Consequently think about the organization of your media and their tree structure if possible before you create your site.

Create a new folder

Use the action menu at the bottom right of the window:

Load a new file in the library

Click Send File to browse your hard drive and upload the desired files:

Open image editor

Hover over an image in the library and click on the pencil to access the image editor:

Find and use free images

In the left sidebar of the library is a menu item leading to royalty-free images that you can insert into your library to enhance your site.

Protect your content

Click on Settings in the left sidebar and then on General Settings.

At the bottom is an option that once enabled disallows visitors to right click on your site.

Problem downloading images/files

Try to upload JPGs or PNGs that are as light as possible.

If you upload an image, it is not necessary to upload images larger than 1000px wide.

Make sure your files are not in "300DPI" resolution, you don't need it on your website, it's only for printing.

If you're trying to upload files directly from your camera, try resizing them before uploading.

If you upload a photo from your iPhone, it may be in HEIF/HEIC format, which is not supported - try converting it to JPG first.

This guide concerns Site Creator which allows you to create a complete site composed of several pages :

• the home page, mandatory (with or without header and footer)
• additional pages, blank or directly containing specific content (contact form for example)
• legal pages (to put your general conditions of use for example)

which will then compose the navigation menu(s) of the site .

Add Page

To add a page to your site:

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 Personalize my site

Once in Site Creator:

1. in the left side menu click on the Settings button - the list of your pages appears
2. click on the Add a page button below the existing tree structure:
3. choose a page name and Show more options to choose page type and other settings

Copy a page

1. in the left side menu click on the Settings button - the list of your pages appears
2. hover over the desired page in the existing tree structure
3. click on the duplication icon that appears on hover

Another possibility: go to the page you want to clone. Under Settings , click on the Add a page button below the existing tree structure and in Show more options choose  Copy / duplicate :

Rename a page

1. in the left side menu click on the Settings button - the list of your pages appears
2. hover over the desired page in the existing tree structure
3. click on the cog wheel to access the page options:
   
   

Another possibility: under Settings , on the existing tree structure, you can directly rename your pages then Save changes at the bottom of the page.

Be careful, renaming a page changes its URL .

Change the order of the pages

1. in the left side menu click on the Settings button - the list of your pages appears

On the existing tree structure, you can directly drag your pages in order to change their order (this mainly influences the display of pages within a menu) then Save changes at the bottom of the page:

Delete a page

1. in the left side menu click on the Settings button - the list of your pages appears
2. hover over the desired page in the existing tree structure
3. click on the trash can that appears on hover
4. confirm the deletion and the page disappears without the possibility of cancellation

Another possibility: go to the page you want to delete. Under Settings , click the red Trash button at the bottom of the page to delete it.

Create a password protected page

1. in the left side menu click on the Settings button - the list of your pages appears
2. hover over the desired page in the existing tree structure
3. click on the cog wheel to access the page options
4. activate the password protection option in order to define the password that will be requested when consulting the page:
5. save changes at bottom of page

To test, visit the page from a browser in private browsing (so as not to be connected to Site Creator) or preview the page from the editor.

Add a "hidden" page

To add a page that will not appear in the main menu (but which will remain accessible by its direct address and by a search engine if it indexes your page, as well as in the site map if you wish):

1. in the left side menu click on the Settings button - the list of your pages appears
2. hover over the desired page in the existing tree structure
3. click on the cog wheel to access the page options
4. choose the last display type to hide the page in the navigation and determine if you still want to include the page in the sitemap :
   
   
5. save changes at bottom of page

Another possibility: hover over the desired page in the existing tree structure and click on the page icon to the left of the name of your page, until the crossed-out eye appears:

Save changes at bottom of page.

If necessary you can create a link to this page from another, because the hidden page will still appear in the list of site pages when you add an internal link: 

This guide details how Site Creator behaves with different screen formats and resolutions.

View the site on different devices

Sites created with Site Creator are automatically adapted to browsers regardless of their medium (computer, smartphone, tablet, large and small screens, etc.). But they can react differently depending on some parameters you can adjust:

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, to preview the version of the site according to the reading medium, click on the button located at the very bottom of the left side menu, to expand the publish and preview options.

Click on Preview then at the top of the page, click on the action menu to the right of Preview to change the type of playback device:

Display your site in reduced width

You can reduce the width of your site. But this display within a "container" or "box" will only be visible on large desktop type screens:

1. in the left side menu click on the button Design
2. click on More settings
   
3. save changes at bottom of page

Hide a content block based on device type

In the options of a content block, you can define not to display it < strong>only on certain typesof device (smartphone for example):

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:

This guide helps you understand how creating and editing pages works in Site Creator.

Simple page editing

Open 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

Editing a page happens live and your changes are saved as you edit the content of your blocks.

Create a link

You can create a link (to a page, a file, an e-mail) from images or text, directly by selecting the object.

Then click on the link icon to open the part that will allow you to specify the type of link and the associated options:

Turn a link into a button

In the settings of your link, you can choose the style (rounded button, solid, etc.), the associated icon, etc.:

Edit link

You can edit a link by clicking on it:

Create a link to a file

To allow your visitors to download a file from a link on an object, choose the type "File" in your link settings:

Link to email

Choose the type "Email address" in the settings of your link. Clicking on the link will open the visitor's default email app and start composing an email with the pre-written address.

In order to prevent the email address from being written in plain text on the page, we recommend that you use a contact form.

Create a link from an image

When you click on an image to edit it, simply activate the "This is a link" button below the image to be able to specify the URL address that should be displayed when a visitor clicks on it:

If you enter the URL of a YouTube video, the video will open in a lightbox window.

Create a list

The different formatting possibilities for your text can be found above the selection of your text and additional options (bullet lists, alignment, etc.) are accessible with the arrow:

This guide is intended for users of the Site Creator tool who want to go further in editing their pages.

Open HTML editor

Go to 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, you can modify the HTML code (recommended for advanced users only) if you need more control over any content block:

1. hover over the block to be edited on your page and click on the gear wheel that appears on hover:
   
   
   
   
2. click on the HTML element in the left sidebar to edit the block's HTML:
   
   

Add an HTML block

To start from scratch with a blank HTML block, you can insert the Custom HTML code module on your page from the list of Apps:

The text can be edited via the CODE button which opens the HTML editor:

You can also add code outside the blocks.

This guide is intended for users of the Site Creator tool who wish to optimize the SEO of their site.

Add Site Creator to Google

To submit your site to the Google search engine:

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 button Applications
2. click on the Add to Google app.

You can insert the verification code here if you use Google Search Console. 

Define meta tags

Once in Site Creator:

1. in the left side menu click on the button Settings
2. click General Settings
3. click on SEO and statistics
4. insert full site title, description and keywords

This is also where you can manage the robots.txt file if needed.

To set this, but for a specific page:

1. in the left side menu click on the button Settings
2. click General Settings
3. click Subpage Settings
4. click on SEO & Metadata

If you do not intervene on this page, Site Creator dynamically manages your tags.

You can also manage the URLs of your pages independently of the SEO title of your page (page named " Contact" on the SEO side while its URL will be "/company" for example).

Insert tracking codes

Your website includes a simple Statistics module, but you can use Google Analytics or other tracking methods that require the insertion of a code on your site:

1. in the left side menu click on the button Settings
2. click General Settings
3. click on SEO and statistics
4. scroll down the page and insert your tracker codes

This guide details the possible interactions between Site Creator and social networks.

Specify the URLs of your different social profiles

To allow visitors to click on your social media links:

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 button Settings
2. click onSocial Media
3. indicate the addresses of your various social profiles (Tiktok, Instagram, etc.) including a telephone number and an email address if you wish< /li>
4. save changes at bottom of page

Add your profile icons

You can add icons from your social media in the footer or in the header from your website:

1. in the left side menu click on the button Settings
2. click onSocial Media

At the bottom you can specify where you want the icons corresponding to the profiles you have completed above to appear.

Save changes at bottom of page.

Add social sharing block

Among the blocks that you can add within a page, a block offers a line buttons allowing the visitor to easily subscribe to your various social media.

Another type of block offers a row of buttons allowing the visitor to share the page on the main social media:

Get the site's QR Code

To get the QR Code for your site:

1. in the left side menu click on the button Settings
2. click on the QR Code icon at the very top

You can download the QR Code corresponding to the address of your home page. So a user who scans your QR Code can easily go to your site.

Change social sharing OG image

When you share a link to your website on social media, a thumbnail (Og:image for OpenGraph image) is often automatically associated with it:

1. in the left side menu click on the button Settings
2. click General Settings
3. click on SEO and statistics
4. scroll down to the Open Graph image and choose the image