Knowledge base
1000 FAQs, 500 tutorials and explanatory videos. Here, there are only solutions!
This guide is about Infomaniak Site Creator, an Infomaniak tool for website creation that includes a media library for your media files (images, videos, documents, etc.).
Accessing Files
To access Site Creator:
- Log in to the Infomaniak Manager (manager.infomaniak.com) from a web browser like Brave or Firefox.
- Click on the icon at the top right of the interface (or navigate through the left side menu, for example).
- Select Hosting (in the Web & Domain section).
- Click directly on the name of the relevant object in the displayed table.
- Click on Site Creator in the left-side menu.
- Click on Customize my site.
The media library can be accessed from the lower part of the left-side menu under Files:
These media files will be available to you when you edit your pages and want to insert content.
Organize Your Files, Folders, and Subfolders
Keep in mind that you cannot move or rename files.
You cannot delete a folder if it's not completely empty.
Therefore, plan the organization of your media files and their structure before you start creating your website.
Create a New Folder
Use the â‹® action menu at the bottom right of the window:
Upload a New File to the Library
Click on Upload a file to browse your hard drive and upload the desired files:
Common image formats are supported (webp, jpg, jpeg, png, gif, svg, etc.), as well as video formats (mp4, mov, etc.). You can also upload other file types (zip, pdf, etc.) to make them available to visitors using the File Download module, for example.
Open the Image Editor
Hover over an image in the library and click on the pencil icon to access the image editor:
Search for and Use Royalty-Free Images
In the left sidebar of the library, there is a menu item that leads to royalty-free stock 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, there is an option that, when enabled, prevents visitors from right-clicking on your site.
Troubleshooting Image/Files Upload
Try to upload the lightest possible JPG or PNG images; there's no need to upload images with a width greater than 1000 pixels.
Make sure your files are not in "300DPI" resolution or higher; you don't need this for your website; it's only for printing purposes.
If you're trying to upload files directly from your camera, try resizing them before uploading; from your iPhone, it might be in HEIF/HEIC format, which is not supported - try converting it to JPG first.
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:
- open the Manager (manager.infomaniak.com)
- go to Web Hosting
- if necessary click on the hosting/domain name concerned
- in the left side menu click on Site Creator
- 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:
- hover over the block to be edited on your page and click on the gear wheel that appears on hover:
- 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 explains how to add and configure a blog module on your site created with Infomaniak Site Creator.
Starting a blog on Site Creator
To access Site Creator:
- Log in to the Infomaniak Manager (manager.infomaniak.com) from a web browser like Brave or Edge
- Click on the icon in the top right corner of the interface (or navigate through the left side menu, for example)
- Choose Hosting (universe Web & Domain)
- Click on the name of the relevant object in the displayed table
- Click on Site Creator in the left side menu
- Click on Customize my site
Once in Site Creator, on the page where you want to insert your future blog articles:
- Click on the + button located below an already inserted block
- Click on Applications (on the Content tab that opened when you clicked to add the visual block)
- Click on the Blog module
- If it's the first insertion of this module, then you get the following visual block with an example of the first published article (move on to point 4 below):
- If you have already tested the Blog module before and have removed it from your pages, you get this:
- Press the top choice (A) to insert the main block
- Press the second choice (B) to display a block with the last 3 published articles only if you already have a main block inserted elsewhere on the site
- If it's the first insertion of this module, then you get the following visual block with an example of the first published article (move on to point 4 below):
- Once the Blog module is inserted, hover over the block and click on ☰ Blog
- Click on New article to insert a blank article and complete it (image for the banner, title, optional subtitle, body of the article with different formatting options (click the + sign in the article text or the tab key on your keyboard)
- Publish by clicking the Publish button (or save the draft for later)
Edit the blog
To activate comments, email notifications, list layout, and sorting, etc.:
- Click on Applications in the left side menu
- Click on Blog
- Click on Settings and adjust your preferences, don't forget to save at the bottom of the page:
Edit articles
Regardless of where you are when editing your site, simply go to the Applications menu at the bottom left, then click on Blog:
To edit the content of your article, click on Browse articles in the left side menu, hover over and click on the pencil icon:
To configure (read below) one of the articles, hover over and click on the gear icon:
Tagging, archiving, or expiring an article
A blog article can disappear from your list of articles, either by giving it an expiration date or by archiving it immediately. It is also possible to add a tag that will be clickable for the visitor and thus facilitate navigation within the posts:
Date of articles
By default, new blog articles will be added with today's date but it is possible to modify it:
- Hover over and click on the date link (directly on the article)
- Choose a new date
You cannot access your site's files on the server side, neither by FTP nor by any means other than the manager offered in Site Creator.
This guide details creating navigation menus for your site made with Infomaniak's Site Creator, as well as their composition, styles, and settings.
Various Navigation Menus
The different pages that make up your site can be accessible within one or more navigation menus:
- Log in to the Infomaniak Manager (manager.infomaniak.com) from a web browser like Brave or Firefox
- Click on the icon at the top right of the interface (or navigate through the left sidebar menu)
- Select Hosting (under the Web & Domain universe)
- Click on the name of the relevant item in the displayed table
- Click on Site Creator in the left sidebar menu
- Click on Customize my site
Once in Site Creator:
- In the left sidebar menu, click on the Settings button
- By default, the list of your pages appears, classified into 2 main sections: MAIN MENU and LEGAL
But you can add more.
These menus with the pages they contain are then included in different parts of your site depending on the chosen theme.
You will often find the main menu placed at the top of the page:
and the other menus will automatically be offered in the footer:
Managing the Menu
Once in Site Creator:
- Click on the Settings button in the left sidebar menu
- Hover over a menu title in the existing tree structure
- Click on the gear icon that appears when hovering
You can manage its presence in the site map or delete it (along with all its pages). Also, read this guide (click here) to not display any menu at all.
Creating a Sub-Item in a Menu
Once in Site Creator:
- Click on the Settings button in the left sidebar menu
- The list of your pages appears
With the mouse, move a page slightly to the right under another page:
It will become a sub-page, and your menu on the site can display the tree structure thus created.
Non-Clickable Menu Title
Choose if necessary to make the very first item in such a menu not clickable:
- Click on the Settings button in the left sidebar menu
- Click on General Settings to modify this setting under Sub-menu Options:
Menu Item Containing a Link to Another Website
- Click on the Settings button in the left sidebar menu
- The list of your pages appears
- Click on the Add a Page button below the existing tree structure:
- Choose a page name and Show more options
- Choose URL redirection to specify the destination when clicked:
Add a New Menu
Once in Site Creator:
- Click on the Settings button in the left sidebar menu
- Hover over a menu title in the existing tree structure
- Click on the "+" icon that appears when hovering:
Additional Top Menu
To display a "menu bar" at the very top of your page:
- Click on the Design button in the left sidebar menu
- Click on More Settings
- Activate the Header Menu Bar:
Menu Styles
Once in Site Creator:
- Click on the Design button in the left sidebar menu
- Click on Menu Editor:
You can decide on the placement of your menus (on the left side of the page or placed at the top, fixed or mobile, "hamburger menu ☰" type on the right or normal, etc.).
Change the Color of the "Hamburger" Menu (☰)
If it appears, for example, white on white on a smartphone:
- Click on Menu Title / Logo (still under Design, then Menu Editor)
- Adjust the text color:
Adopt a New Menu Theme
Completely change the predefined style using the themes at the top of the submenu:
- Click on Menu Templates (still under Design, then Menu Editor)
Fixed Menu
Most menus offered will move with the content of the page. The menu disappears if you scroll down the page:
You can define a menu that should always be fixed at the top edge (with various visual options):
To enable or disable the fixed menu:
- Click on Design
- Click on Menu Editor
- Click on Main Configuration
- Choose In Header in the Menu Type box
- The Fixed at the Top checkbox appears below, and you can enable it
- Click on Save
Some menu templates (like #3 and #16) directly apply optimal settings for a fixed menu:
Insert Your Menus into the Page Body
A Sub-page Menu module allows you to insert your menus and sub-menus anywhere on your page.
The site map module displays all menus and all your pages in a single block.
Set the Page URL
By default, if the name of your page is "Contact," then the URL to reach it will be "www.domain.xyz/contact."
If later you change the page name to "Contact Us," then the URL will be "www.domain.xyz/contact-us."
To set the custom URL of the page you are on:
- In the left sidebar menu, click on the Settings button
- Click on SEO & Metadata (under This Sub-page's Settings)
The first field at the top allows you to set the page address. Any space will be turned into a hyphen, and special characters, accents, symbols, etc. are to be avoided.
If URL changes are saved during site creation while a menu already contains a link to the page in question, it will be dynamically adjusted.
This guide explains how to create galleries of your photos in Infomaniak's Site Creator.
Create a photo gallery
To access Site Creator:
- Log in to the Infomaniak Manager (manager.infomaniak.com) from a web browser like Brave or Edge.
- Click on the icon in the top right corner of the interface (or navigate through the left side menu, for example).
- Choose Hosting (Web & Domain universe).
- Click directly on the name of the relevant object in the displayed table.
- Click on Site Creator in the left side menu.
- Click on Customize my site.
Once in Site Creator:
- Click on the Settings button in the left side menu, your list of pages will appear.
- Click on the Add a page button below the existing tree structure.
- Click on Show more options to choose the page type PHOTO GALLERY
- Choose a page name.
- Validate.
The new page with the photo gallery module will appear on the screen.
Configure the photo gallery
- Hover over the module to access the gallery settings.
- Click on Edit.
Photo albums
You can create additional photo galleries for your different albums:
Change the order of photos
When your gallery is created, each new photo you upload from your computer is added to the end of the photo list; you can easily change this order by dragging the photos with the mouse when you edit a gallery:
Additionally, you can add a description to any of your photos, under each image you'll notice the "Image Description" field, start typing your description there and press the green button to save the changes:
Add an image scroll widget
To configure one or more dynamic Slider widgets, on which one or more photos will slide laterally (unrelated to the photo galleries described above):
- Click on the Applications button in the left side menu.
- Click on Slider
. - Configure the widget according to your preferences.
- Insert the configured widget at the desired location by clicking on Content and then Apps and choose Slider
.
This guide explains how to add and configure a contact form on your website created with Infomaniak's Site Creator.
Create a Custom Contact Form
You can create one or more forms allowing your visitors to write a message, sign up for an activity, in short, fill out any kind of online form with or without attachment:
- Log in to the Infomaniak Manager (manager.infomaniak.com) using a web browser like Brave or Edge
- Click on the icon at the top right of the interface (or navigate through the left side menu, for example)
- Select Hosting (Web & Domain universe)
- Click on the name of the relevant object in the displayed table
- Click on Site Creator in the left side menu
- Click on Customize my site
Once in Site Creator:
- Click on the Content button in the left side menu
- Click on Applications at the bottom of the list and then on Form Creator
Once the first form is created, it will appear on your page:
Contact Form Settings
You can customize the thank-you message, any redirection page after submission, the email address used, add a captcha (recommended), etc.
To do this, hover over the module to access its settings and click if necessary on the form you want to edit, then on the button located at the bottom next to the save changes button. Choose Form Properties.
It is recommended to change the default sending method.
This guide explains how to manage the logo, header, and footer in Infomaniak Site Creator.
Add a Website Logo
Open Site Creator:
- log in to the Infomaniak Manager (manager.infomaniak.com) from a web browser like Brave or Edge
- click on the icon at the top right of the interface (or navigate through the left sidebar menu, for example)
- choose Hosting (universe Web & Domain)
- click on the name of the relevant object in the displayed table
- click on Site Creator in the left sidebar menu
- click on Customize my site
Once in Site Creator:
- click on the Settings button and then Logo in the left sidebar
- upload an image and choose whether the site name should also be displayed next to it
Logo Settings
- click on the Design button in the left sidebar
- click on Menu Designer and then Title/logo to adjust spacing and colors
Centered Logo Display
In the same place as above, enable the option to display the logo on a separate line which will center the site logo:
Hide Logo (+ header and footer)
To create a page without a logo that will have neither a header (thus no menu displayed) nor a footer, it must be set as Homepage (i.e., "Landing page"; note that this does not change the order of pages) using a button located here:
- click on the Settings button in the left sidebar
- click on Page List
- hover over a page in the existing tree structure and click on the gear icon that appears on hover
- enable the option at the bottom "Homepage" to hide headers and footers:
This guide explains how to temporarily take a site created with Infomaniak's Site Creator offline.
Visitors will only see the Infomaniak maintenance page. You will still be able to view and edit the site with Site Creator.
Putting Site Creator in maintenance mode
To temporarily deactivate Site Creator:
- Log in to the Infomaniak Manager (manager.infomaniak.com) from a web browser like Brave or Edge.
- Click on the icon in the top right corner of the interface (or navigate through the left side menu, for example).
- Select Hosting (Web & Domain universe).
- Click on the name of the relevant object in the displayed table.
- Click on Site Creator in the left side menu.
- Click on the â‹® action menu in the Quick management section.
- Click on Enable maintenance mode.
- Repeat the operation to disable it.
This guide explains how to connect a site created with Infomaniak's Site Creator to a domain name present on your Manager.
Connect Site Creator to a Domain Name
To connect Site Creator to an existing domain name in your Infomaniak account:
- Log in to the Infomaniak Manager (manager.infomaniak.com) from a web browser like Brave or Edge.
- Click on the icon at the top right of the interface (or navigate through the left sidebar menu, for example).
- Choose Hosting (Web & Domain universe).
- Click on the name of the relevant object in the displayed table.
- Click on Site Creator in the left sidebar menu.
- Click on Connect my site to a domain to start the setup wizard below:
Manage Site Creator Domain(s)
To manage the domain name(s) used with Site Creator:
- Log in to the Infomaniak Manager (manager.infomaniak.com) from a web browser like Brave or Edge.
- Click on the icon at the top right of the interface (or navigate through the left sidebar menu, for example).
- Choose Hosting (Web & Domain universe).
- Click on the name of the relevant object in the displayed table.
- Click on Site Creator in the left sidebar menu.
At the top of the page, any messages regarding problems with Site Creator and domains are displayed.
Below, you can manage your domains if there are any:
Temporary Address, Preview URL
Several domain names can be linked to Site Creator, deleted, or swapped and switched if necessary:
However, the preview URL, of the type abcd.infomaniak.site and distinct in the list of Site Creator domains, can never be deleted for the proper functioning of your site: