Knowledge base
1000 FAQs, 500 tutorials and explanatory videos. Here, there are only solutions!
Thank you for entrusting the hosting of your website to Infomaniak and creating its content with Site Creator. This guide allows you to quickly use the essential functions of this accessible and simple website creation tool.
Where to Start?
Discover Site Creator through the recorded Webinar held at Infomaniak's premises.
You don't need any downloads to use Site Creator for free. Just have a paid Web hosting with Infomaniak and activate Site Creator for the first time.
It is recommended to use the latest version of a browser such as Chrome, Firefox, Safari, and Microsoft Edge, preferably on a computer.
Basic Information
- Manage pages
- Simple page editing
- Manage content blocks
- Manage media (images, videos, documents, etc.)
- Manage navigation menu(s)
- Manage themes, colors, fonts
- Manage site name and details
Advanced Operations
- Advanced page editing
- Manage additional modules (gallery, blog, shop, etc.)
- Manage languages and translations
- Create a contact form
- Cookie management (GDPR)
You can also delete your site created with Site Creator and start over by creating a blank site.
Additional Help
To view or review the contextual help at the start of Site Creator, click here on your Manager:
In case of any issues, please consult the knowledge base before contacting Infomaniak support.
This guide explains how to add and configure an online shop module on your site created with Site Creator from Infomaniak to venture into e-commerce and offer your products for sale.
Add the Online Store on Site Creator
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 in the top right corner of the interface (or navigate through the left side menu, for example)
- Choose Hébergement (universe Web & Domaine)
- Click directly on the name of the relevant item in the displayed table
- Click on Site Creator in the left side menu
- Click on Personnaliser mon site
Dedicated Themes
If you plan to create a site entirely dedicated to your products in the form of an online store, you can choose from the start to apply a theme from the E-Commerce category:
The necessary tools will already be integrated.
Shop Module for Site Creator
But if the Shop module is not yet integrated into your pages, simply add it to the location of your choice:
- Click on the Contenu button in the left sidebar
- Click on Applications at the bottom of the list and then on Boutique
The shop and 3 sample products are inserted.
Store Configuration
Read this guide (click here) about the different configuration options for the Site Creator store.
This guide explains how to create a registration form for Infomaniak's Newsletter tool, how to embed it on a web page, and how to manage subscriber sign-ups and unsubscribes.
Prerequisites
- Have at least one contact list within Newsletter.
Create a Registration Form
A registration form allows visitors to a website to subscribe to a newsletter and enrich one or more contact lists. To access the form management:
- Login 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 side menu).
- Choose Newsletter (under Events & Marketing).
- If necessary, click on the domain name in the displayed table.
- Click on Forms in the left side menu.
- Click on the blue button Create a form
- Give your form a name.
- Specify which contact list(s) should be updated - this allows you to have a form in one place corresponding to the filling of a specific contact list, and another form elsewhere corresponding to another list, in order to subsequently send an even more personalized Newsletter:
- Most of the settings on the right (Content tab) can be previewed live on the left side - don't forget to save your changes regularly (blue button):
- Similarly for the Fields tab which allows you to add, delete, or move information fields that you want to collect from visitors who want to subscribe to the Newsletter (information that can then be inserted into the body of the Newsletter to personalize it):
- Click the blue button to save your changes as you go:
- The integration code tab is displayed, but don't hesitate to configure the other tabs as well:
Inserting the Created Form on a Website
The integration code (point 12 above) can be inserted on any page of your site:
on WordPress
- Insert a new block where desired.
- Choose an HTML block type
- Paste the HTML code obtained in point 12 above (switch from the Javascript tab to the HTML tab to display the code corresponding to your form).
- Click Update
- The previously configured form will display on your site:
on Infomaniak's Site Creator
- Hover over the block in which to insert the Newsletter registration form.
- Click on Block Settings:
- Click on HTML.
- Paste the HTML code obtained in point 12 above (switch from the Javascript tab to the HTML tab to display the code corresponding to your form) where desired or in place of existing text on Site Creator:
- Save the changes:
- The previously configured form will display on your site:
Example of Newsletter Sending
The example below is a very simple case where the sender of the Newsletter wants to contact only subscribers registered before a certain date. This choice of "filtering" (or segmentation) is made during the final steps of Newsletter drafting:
Only one subscriber meets the selected criteria (press the Update button to calculate the number of contacts corresponding to your criteria).
Subscribers on Multiple Lists
It is impossible to know from the above page, but it is worth noting that for this example, the contact corresponding to the criteria is registered on the 2 contact lists (groups on the same domain, obviously) that were selected (conference and arbitral).
Obviously, a Newsletter is sent only once per contact, even if they are present in different lists.
Contact Unsubscribe
Following the sending of the example Newsletter above, the contact wishes to unsubscribe via the link at the bottom of the Newsletter:
After unsubscribing, it can be observed in the 2 contact lists that they are indeed marked as unsubscribed:
The member of the list can easily re-register via a registration form belonging to the same Newsletter.
This guide for Site Creator explains how to proceed if you are unable to connect Site Creator to a domain name.
Site Creator and Domain Name
Situations and solutions if you are unable to perform the desired operation:
Domain Name Concerned | Solutions |
---|---|
External to Infomaniak | Order a corresponding DNS zone or transfer the domain to Infomaniak |
Already linked to hosting/site or already set as a synonym domain | Detach the domain |
Already linked to a site with a dedicated IP | Uninstall the dedicated IP |
Already linked to a self-signed, DV, or EV SSL certificate | Uninstall the certificate |
Don't have technical rights on the linked hosting | Change permissions |
This guide explains how to obtain and log in to Infomaniak's Site Creator.
You don't need to download anything to use Site Creator for free. You just need to have a paid web hosting from Infomaniak.
Activating Site Creator on Web Hosting
To add Site Creator to a site on your web hosting:
- Log in to the Infomaniak Manager (manager.infomaniak.com) from a web browser like Brave or Firefox.
- 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.
- Read this guide (click here) from point 5 and choose Site Creator at point 6.
Accessing Site Creator
To start using Site Creator for designing your website:
- Log in to the Infomaniak Manager (manager.infomaniak.com) from a web browser like Brave or Firefox.
- 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.
When Site Creator is installed on your site and you browse it, if you have not logged out of the Infomaniak Manager, then the editing menu will be visible (to you only) to use the editor at any time.
You can hide it and come back to it whenever you want:
This guide explains how to change the language of the interface of Infomaniak's Site Creator as well as managing translations of your pages.
Changing the interface language
To modify the language of 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 using the left side 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 side menu
- Click on Customize my site
Once in Site Creator:
- In the left side menu, click on the Settings button
- Click on General Settings
A dropdown menu allows you to change the language of the Site Creator editor interface (this will also translate some elements accessible by the visitor, such as the Search button in the search bar, etc.).
Offer your site in multiple languages
To offer a translation of your site:
- Under Applications, click on the Translations application
You can add or remove languages in which your site will be translated.
Using the mouse, move the languages in the desired order (which affects the language selection dropdown menu).
By clicking on the editing pencil that appears when hovering over a language block, you can rename the item and choose whether the translation should be automatic or accessible at a specific URL (if you have created a manually translated page elsewhere, for example).
Once the languages are determined and sorted in the upper part (don't forget to save your changes at the bottom of the page), activate the language selection menu in the header to give the visitor the choice of language through a dropdown menu at the top of the page:
This guide concerns messages sent from Site Creator (for example, contact form or e-commerce module).
By default, emails are sent using the unauthenticated PHP mail() protocol. We recommend changing this to the authenticated SMTP method.
Change the Sending Method
To change the email sending method from 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 using 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:
- click on the Settings button in the left side menu
- click on General Settings
- click on the blue link More settings:
- choose the SMTP method by filling in the details according to your email address as indicated below:
- save the changes
Settings to Use
- SMTP server name
mail.infomaniak.com
- SMTP port
465
(SSL) - username
complete email address
- password
email address password
This guide is intended for users of Infomaniak Site Creator who want to optimize the SEO of their site.
Add Site Creator to Google
To submit your site to the Google search engine:
- Log in to 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 via the left sidebar menu, for example)
- Choose Hosting (under Web & Domain)
- 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:
- Click on the Applications button in the left sidebar menu
- Click on the Add to Google application.
You can insert the verification code if you use Google Search Console.
Set Meta Tags
Once in Site Creator:
- Click on the Settings button in the left sidebar menu
- Click on General Settings
- Click on SEO and Statistics
- Insert the title, description, and keywords for the entire site
This is also where you can manage the robots.txt file if necessary.
To set this up for a specific page:
- Click on the Settings button in the left sidebar menu
- Click on General Settings
- Click on Subpage Settings
- Click on SEO & Metadata
If you don't 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 (such as Facebook Pixel, Google Tag...) that require inserting a code on your site:
- Click on the Settings button in the left sidebar menu
- Click on General Settings
- Click on SEO and Statistics
- scroll down the page and insert your tracking codes
This guide concerns the Infomaniak Site Creator, which allows you to create a complete website consisting of several pages:
- The homepage, mandatory (with or without header and footer)
- Additional pages, blank or containing specific content directly (such as a contact form)
- Legal pages (to include your terms of service, for example)
which will then form the site's navigation menu(s).
Add a page to the site
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 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:
- In the left side menu, click on the Settings button - the list of your pages will appear
- Click on the Add a page button below the existing tree structure:
- Choose a page name and Show more options to select the type of page and other settings
Copy / Duplicate a page
To do this:
- In the left side menu, click on the Settings button - the list of your pages will appear
- Hover over the desired page in the existing tree structure
- Click on the duplicate icon that appears when hovering
Another option: Go to the page you want to copy. Under Settings, click on the Add a page button below the existing tree structure and select Copy / Duplicate under Show more options:
Rename a page
To do this:
- Click on the Settings button in the left side menu - the list of your pages will appear
- Hover over the desired page in the existing tree structure
- Click on the gear icon to access the page options:
Another option: Under Settings, on the existing tree structure, you can directly rename your pages and then Save changes at the bottom of the page:
Attention, renaming a page changes its URL.
Change the order of pages
To do this:
- In the left side menu, click on the Settings button - the list of your pages will appear
- In the existing tree structure, you can directly drag your pages to change their order (this mainly affects the display of pages within a menu) then Save changes at the bottom of the page:
Delete a page
- In the left side menu, click on the Settings button - the list of your pages will appear
- Hover over the desired page in the existing tree structure
- Click on the trash can that appears when hovering
- Confirm deletion, and the page disappears without the possibility of undoing
Another option: Go to the page you want to delete. Under Settings, click on the red Trash button at the bottom of the page to delete it.
Create a password-protected page
- In the left side menu, click on the Settings button - the list of your pages will appear
- Hover over the desired page in the existing tree structure
- Click on the gear icon to access the page options
- Activate the password protection option to set the password that will be required when viewing the page:
- Save the changes at the bottom of the page
To test, visit the page from a browser in private mode (to avoid being 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 will remain accessible through its direct address and through a search engine indexing your page, as well as in the site map if desired):
- In the left side menu, click on the Settings button - the list of your pages will appear
- Hover over the desired page in the existing tree structure
- Click on the gear icon to access the page options
- Select the last display type to hide the page in the navigation and determine if you still want to include the page in the site map:
- Save the changes at the bottom of the page
Another option: Hover over the desired page in the existing tree structure and click on the page icon to the left of your page name until the crossed-out eye appears:
Save the changes at the bottom of the page.
If necessary, you can create a link to this page from another one, as the hidden page will still appear in the list of site pages when adding an internal link:
This guide concerns content blocks, which are one of the most important elements of Infomaniak's Site Creator.
They are what will allow you to easily create content on your pages.
There are all kinds of them, separator, price list, site map, simple text or image blocks, etc., generally preconfigured to make it easier for you to get started.
Adding a content block
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 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:
- In the left side menu, click on the Content button - the list of blocks appears
- 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 directly to the page and hover over the space above or below an existing block:
Removing a content block
Hover over the block to be removed on your page and click on the trash can that appears when hovering:
Confirm the deletion and it will disappear. You can cancel this type of operation.
Duplicating a block
Hover over the block to be duplicated on your page and click on the cogwheel that appears when hovering. Then choose the desired location for its duplication:
Editing 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.
In addition, you can edit the HTML code (recommended for advanced users only) if you need more control over any content block; this allows, for example, to insert HTML code for Infomaniak's Newsletter subscription.
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 will appear. At the bottom, there is 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 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 custom block to design your ideal block. This will be inserted into your page by clicking on Apply changes at the bottom of the page.
Editing block margins
Hover over the content block to edit and click on the cogwheel:
Scroll down the settings to Default block spacing and click on it to set your own settings:
The settings cogwheel also allows you to modify 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 to move and click on the dot area in the top left; hold down 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: