This guide explains how to view information about visitors who have accessed your Web Hosting sites (traffic stats).

Preamble

• The result is presented in a simple format with a graph, allowing for easy interpretation.
• Annual, monthly, daily, and hourly statistics are displayed per site, http address, referring site, country, etc.
• Refer to this other guide if you are looking for information about access logs.

Access visit statistics

To view public traffic statistics:

1. Click here to access your site management on the Infomaniak Manager (need help?)
2. Click directly on the name assigned to the site in question.
3. Click on Statistics in the left sidebar:
   
4. The upper part allows you to choose:
   1. the potential site in question
   2. the type of desired statistics
   3. the period
   4. the download of the current tab's information to have it interpreted by a third-party tool:
      

Explanation of terms

There is no distinction between humans and robots. You can also use tools like Matomo, Open Web Analytics, Google Analytics, etc.

Meaning of 'Commercial (com)' in the country list

When you view the statistics under 'Geographical areas', you will notice that 'Commercial' represents a significant portion of the traffic. This category includes users connected to the Internet via Internet Service Providers (ISPs) with a .com domain in their address. It is difficult to determine which country or countries are represented by .com as this extension is used by several ISPs from different countries. Additionally, the 'Commercial' category may also include companies using .com addresses regardless of their actual geographical location.

As for 'unresolved', these correspond to IP addresses that cannot be resolved to a specific geographical location. These addresses may result from various reasons such as ISP privacy settings or virtual private networks (VPNs). They therefore remain undetermined in the geographical location statistics.

This guide allows you to quickly discover the essential functions of the Euria writing assistant available on Site Creator Infomaniak.

Preamble

• The writing assistant will help you write a text on the topic of your choice, including if it must be based on existing elements, thanks to artificial intelligence.
• It is not a conversational agent or chatbot; it will not necessarily answer generic questions or engage in dialogue with you.
• Use it, for example, to write:
  • a new title that must contain specific elements
  • a new paragraph on a particular topic
  • a rephrasing of a text excerpt
  • correct grammatical syntax
  • a translation into a foreign language
  • a blog article
  • etc.
• Refer to this other guide regarding the model used by the writing assistant and the responsibilities of each party.

How to use the assistant?

Prerequisites

• Access Site Creator:
  • Click here to access the management of your product on the Infomaniak Manager (need help?).
  • Click directly on the name assigned to the relevant Site Creator.
  • Click the Edit my site button to start the editor:
    

Then to start the writing assistant:

1. Click on a content block, text, etc.
2. Click on the Euria icon in the editing bar to open the assistant:
   
3. To go back to the main choice once an addition type is selected, click on the icon at the top right:
   

If the block already contains content and you choose to rephrase a paragraph, you will be able to select the tone given to your text (serious / friendly) using the assistant's buttons and add or shorten the proposed formulas…

• For example:
  

Thank you for trusting Infomaniak with the hosting of your website and for creating its content with Site Creator. This guide allows you to quickly use the essential functions of this accessible and simple site creation tool.

Preamble

• Site Creator is available…
  • … with each paid web hosting
  • … or standalone (available in 3 versions) and does not require any other particular offer in this case
• It is recommended to use the latest version of a browser such as Chrome, Firefox, Safari, and Microsoft Edge, preferably on a computer.

Operation guides

Basic information:

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 the site name and details

Advanced information:

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)
6. The limits of Site Creator

You can also delete your site created with Site Creator and start over by creating a new blank site.

Learn more about Site Creator:

• French | Webinar recorded at Infomaniak's premises.
• German | Quickstart :: Tutorial
• Italian | Tutorial

Contextual help

To view or review the contextual help when starting Site Creator, click here in your Manager:

In case of a problem, consult the knowledge base before contacting Infomaniak support.

Click here to share feedback or a suggestion on an Infomaniak product.

This guide concerns messages sent from Site Creator (contact form or e-commerce module, for example).

Preamble

• By default, emails are sent using the unauthenticated PHP mail() protocol.
• It is recommended to use the authenticated SMTP method instead.

Modify the sending method

Prerequisites

• Have a valid email address (even a free one).
• Have created a device password (add a device named “Site Creator” or “SC2026” for example) for this email address:
  
• Access Site Creator:
  • Click here to access the management of your product on the Infomaniak Manager (need help?).
  • Click directly on the name assigned to the Site Creator concerned.
  • Click the Edit my site button to start the editor:
    

To modify the email sending method from Site Creator:

1. Click the Settings button in the left sidebar.
2. Click on General settings:
   
3. Choose the SMTP method, then fill in the fields with the SMTP server name mail.infomaniak.com and the information related to your email address and its password (see prerequisites above).
4. Once all fields are filled in, click the Verify button.
5. If everything is correct, the Save button appears and you can click on it to save your email settings:
   

Settings to use

• Outgoing SMTP server = mail.infomaniak.com
• SMTP port = 587
• Username = the complete and full email address
• Password = the one assigned to the email address (see prerequisites above)

This guide will help you resolve issues with the connection between Site Creator and your domain names if you are unable to connect Site Creator to a domain.

Common issues and solutions

Depending on the situation of your domain name, follow the corresponding solution below:

This guide explains how to add and configure an online store module on your site created with Site Creator Infomaniak to get started with e-commerce and offer your products for sale.

Prerequisites

• Access Site Creator:
  • Click here to access the management of your product on the Infomaniak Manager (need help?).
  • Click directly on the name assigned to the relevant Site Creator.
  • Click the Edit my site button to start the editor:
    

Add the online store to Site Creator

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 those in the E-Commerce category:

Shop module for Site Creator

If the Shop module is not yet integrated into your pages, simply add it to the location of your choice:

1. Click the Content button in the left sidebar.
2. Click on Applications at the bottom of the list, then on Store:
   
3. The store and 3 example products are inserted:
   

Configure the store

Refer to this other guide regarding the different store configuration options for Site Creator.

Infomaniak offers various Site Creator plans, free or paid, that cater to different needs. It is essential to understand the conditions associated with each type of offer before making your choice.

Understanding the different Site Creator plans

Site Creator is available…

• … either free with each paid web hosting:
  • In this case, 1 single Site Creator can be set up per Infomaniak web hosting.
  • To manage multiple sites created with Site Creator within the same Organization, it is therefore necessary to have multiple web hostings.
• … or independently (standalone in 3 versions) and does not require any other particular offer in this case:
  1. Site Creator Free
  2. Site Creator Lite
  3. Site Creator Pro

1. Site Creator Free

This offer is positioned as a test and discovery solution and is completely free. It is aimed at users who want to familiarize themselves with the tool or publish a very simple web page:

• It only allows one web page and offers limited disk space (5 Go).
• This offer does not allow connection to a custom domain name (it will be in the form *.infomaniak.site) and includes the mandatory display of Infomaniak's advertising notice.
• Important growth modules, such as full blog management, the use of Artificial Intelligence for text generation, or the 'Site Map' feature, are not included.

2. Site Creator Lite

The Lite plan is Infomaniak's entry-level paid offer. It is ideal for creating a showcase website or a simple personal blog, as it eliminates the main constraints of the free version and unlocks the modules necessary for a complete site:

• It allows the creation of a more substantial site with a limit set to 5 web pages and more comfortable disk space (15 Go).
• It includes the offer of a domain name for one year and, importantly, the removal of any Infomaniak advertising notice on the site.
• Unlike the Free offer, the Lite plan unlocks access to important features for navigation and organization, including the Blog Creation and Management module as well as the Site Map module.

3. Site Creator Pro

The Pro offer is the premium formula of Site Creator. It is exclusively dedicated to the most ambitious projects, such as launching a complete online store, thanks to the lifting of all content restrictions and the integration of advanced commerce and analysis tools:

• It removes any content limitation by offering unlimited web pages and a large disk space of 50 Go.
• It is the only offer that includes complete E-commerce management (orders, stock, discounts) and allows the integration of essential payment gateways (Stripe, PayPal, Mollie) for online commercial activity.
• The Pro plan is the only one to give access to crucial external analysis and performance tracking tools, such as Google Analytics, Hotjar, and tools like Google reCaptcha.

Commitment to paid offers

Unlike other Infomaniak products, some Site Creator offers include a free domain name. These offers require a firm commitment for a minimum duration of 12 months, with no possibility of refund, even partial, even if:

• you decide to stop using Site Creator before the end of the first year,
• you cancel your products,
• you close your user account or your Organization.

Evolution of offers and preservation of your site

It is possible to switch from a free offer to a more comprehensive paid offer:

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 product concerned.
3. Then click on the chevron Manage.
4. Click on Modify the offer:
   

It is also possible to switch to a higher offer (for example, from Lite to Pro).

If you wish to keep your site active, you must necessarily renew the same paid offer. It is not possible to switch to a free version of Site Creator, even if:

• you do not use any of the paid modules,
• your site contains only one page.

What to do if you want to return to the free offer?

In this case, you must:

• cancel your current site after manually copying all the information you wish to keep,
• activate a new free Site Creator offer,
• recreate your site by pasting the contents retrieved from the old one.

This guide explains how to embed video/audio files imported into an Infomaniak VOD/AOD service on web pages.

Preamble

• This VOD/AOD integration code is unique and corresponds to the parameters you are currently specifying on the page.
• It allows you to embed the same video with different display configurations according to your needs.
• Subsequently, you will be able to modify the parameters of this integration by adjusting them from the integration history page on the Infomaniak Manager.
• You can also share a media in different ways.

Generate and copy the integration code

The integration code is on your VOD interface; here is an example with a default Player:

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 product concerned:
   
3. Click on Media in the left sidebar menu.
4. Click on Media Management in the left sidebar menu.
5. Click on the media concerned in the displayed table:
   
6. Click on the blue Embed button.
7. Click on Create an integration:
   
8. Customize the media integration (Player to use, timestamp, loop playback, automatic start, …).
9. Choose the thumbnail to display when the media is stopped.
10. Click on the button to Generate the integration code:
    
11. Copy the code to embed it in the location of your choice:
    

The media will be inserted with the default Player, but you have the option to choose from your created Players the one to be proposed during the integration.

Modify a previous integration

To customize the integration of your media that has already been done, and with the aim of keeping the corresponding code without having to insert it again:

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 product concerned.
3. Click on Media in the left sidebar menu.
4. Click on Media Management in the left sidebar menu.
5. Click on the media concerned in the table that appears.
6. Click on the blue button Integrate.
7. Click on Modify an integration:
   
8. Click on the action menu ⋮ to the right of the object concerned in the table that appears.
9. Click on the desired element to obtain/modify the integration codes:
   

Paste the integration code…

On the web page of your choice, paste the HTML code where desired:

… on Infomaniak Site Creator

• For Site Creator, you need to generate a “Fixed” integration code (and not “Responsive / Reactive”):
  
• Then paste this code on Site Creator within a “Custom HTML code” block:
  
  
  

This guide explains how to manage the first page of an Infomaniak Site Creator, that is, the homepage visible when you enter your site's address (for example www.domain.xyz).

Preamble

• The homepage is mandatory, but it is easy at any time to define a new one among your existing pages.
• Refer to this other guide to manage additional pages.

Modify the site's homepage

Prerequisites

• Access Site Creator:
  • Click here to access the management of your product on the Infomaniak Manager (need help?).
  • Click directly on the name assigned to the relevant Site Creator.
  • Click the button Edit my site to start the editor:
    

Once in Site Creator:

1. Click the Settings button in the left sidebar - the list of your pages appears.
2. Click, then drag and drop the current homepage (represented by a house icon) to the bottom of the list.
3. Click on the icon of this page to change its page type to a conventional page.
4. Save the changes.
5. Go back to the settings and click on the icon Settings ‍‍ of the page intended to become the new homepage.
6. Click the toggle switch to set this page as the homepage of your site.
7. Save the changes.
8. Go back to the settings and click on the icon of this page to change its page type to a homepage.
9. Done, you can test the effect of the change by visiting your site which will no longer have the default homepage:
   
   

This guide explains how to obtain and connect to Site Creator Infomaniak with an existing web hosting.

Preamble

• Site Creator is available…
  1. … either for free with each paid web hosting.
  2. … or standalone (standalone in 3 versions) and does not require any other particular offer in this case.
• Refer to this other guide to compare the different formulas available to you.
• You do not need any download to use Site Creator, everything happens online on an interface accessible from any browser.

1. Add Site Creator to your existing web hosting

To add Site Creator to a site of your existing web hosting:

1. Click here to access the management of your hosting on the Infomaniak Manager (need help?).
2. Click directly on the name of the hosting concerned.
3. To add a site, refer to this other guide from point 3 and choose Site Creator at point 4:
   

2. Order Site Creator without particular hosting

To obtain Site Creator standalone, access the description of the Site Creator Free, Lite and Pro offers and let yourself be guided by clicking on the button of the offer that interests you.

Access Site Creator

To start using Site Creator for the design of your website:

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 Site Creator concerned.
3. Click the Edit my site button to start the editor:
   

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 concerns Site Creator, an Infomaniak tool for website creation that offers, among other things, a library for your media (images, videos, documents, etc.).

Prerequisites

• Access Site Creator:
  • Click here to access the management of your product on the Infomaniak Manager (need help?).
  • Click directly on the name assigned to the Site Creator concerned.
  • Click on the Edit my site button to start the editor:
    

Access files

The library is accessible from the lower part of the left sidebar, under Files:

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

Organize your files, folders, and subfolders

Warning, you cannot:

• move files/folders
• rename files/folders
• delete a folder if it is not completely empty

Create a new folder

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

Upload a new file to the library

Click on Send a file to browse your hard drive and upload the desired files:

The usual image formats are supported (webp, jpg, jpeg, png, gif, svg, etc.), the same for videos (mp4, mov, etc.) and you can also upload files (zip, pdf, etc.) to for example make them available to visitors via the File Download module.

Compress an image

Images larger than 1200 px are automatically resized to 1200 px upon import. However, you can also compress the image itself using the Compress an image option from the library to improve your site's loading speed:

⚠ The Compress an image option generates the TinyPNG API key error (TinyPNG API key is not set)…

To avoid this, obtain a TinyPNG API key from their website and enter it under Applications > TinyPNG in SiteCreator:

Note that large images are automatically resized by default upon import. You can manage this in the general settings:

Open the image editor

Hover over an image in the library and click on the action menu ⋮ to access the image editor:

When you save your changes, the image will be saved as a copy in your library:

Search and use free images

In the left sidebar of the library, there is a menu item leading to free stock images that you can insert into your library to enhance your site:

Protect your content: disable right-click

Click on Settings in the left sidebar, then on General Settings. At the bottom, there is an option that, once activated, disables right-click for visitors on your site:

Resolve a media upload issue

Try uploading the lightest possible JPG or PNG files; there is no need to send images wider than 1000-2000 pixels to the server.

Ensure your files are not in "300DPI" or higher resolution; you do not need this for your website, it is only for printing.

If you are trying to upload files directly from your camera, try resizing them before uploading; from your iPhone, the image may be in HEIF/HEIC format, which is not supported - try converting it to JPG first.

This guide concerns Site Creator by Infomaniak, which allows you to create a complete site composed of several pages.

Preamble

• The home page is mandatory (with or without header and footer).
• Add additional pages, blank, password-protected, or containing specific content directly (contact form, for example).
• Add legal pages (to include your terms and conditions of use / T&Cs, for example).
• They will all be part of the site's navigation menu(s).
• To (re)create a complete site with pages and subpages (examples of pre-designed sites), you can install a site template.

Add a page to the site

Prerequisites

• Access Site Creator:
  • Click here to access the management of your product on the Infomaniak Manager (need help?).
  • Click directly on the name assigned to the relevant Site Creator.
  • Click the Edit my site button to start the editor:
    

Once in Site Creator:

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

Copy / Duplicate a page

To do this:

1. Click the Settings button in the left sidebar - the list of your pages appears.
2. Hover over the desired page in the existing tree structure.
3. Click on the duplicate icon that appears on hover:
   

Other option:

1. Go to the page of your site that you want to clone.
2. Click on the Settings button in the left sidebar menu.
3. Click on the Add a page button below the existing tree structure. Choose a page name and Show more options to select the page type.
4. In Show more options enable Clone / duplicate, to reuse the content of the current page.
5. Click to Add the page.
6. The new page appears in the menu with the same content as the page you were on at point 1: 
   

Rename a page

To do this:

1. Click the Settings button in the left sidebar - the list of your pages appears.
2. Hover over the desired page in the existing tree structure and click on the gear icon to access the page options, including the display name: 
   

Other option: under Settings, on the existing tree structure, you can directly rename your pages and then Save changes at the bottom of the page: 

Change the order of pages

This can be useful, for example, to set one of your current pages as the first page (home page) instead of the current home page. To do this:

1. Click the Settings button in the left sidebar - the list of your pages appears.
2. On the existing tree structure, you can directly drag your pages to change their order (this mainly affects the display of pages within a menu) and then Save changes at the bottom of the page: 
   

Delete a page

To do this:

1. Click the Settings button in the left sidebar - the list of your pages appears.
2. Hover over the desired page in the existing tree structure.
3. Hover over the gear icon and then click on the trash can that appears on hover: 
   
4. Confirm the deletion and the page will be removed without the possibility of undoing.

Other 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 the current page: 

Create a private/password-protected page

To do this:

1. Click on the Settings button in the left sidebar - the list of your pages appears.
2. Hover over the desired page in the existing tree structure.
3. Click on the gear to access the page options.
4. Activate the password protection option to set a password that will be requested when viewing the page.
5. Save the changes at the bottom of the page:
   

To test, visit the page from a private browsing window (to avoid being logged in 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 via its direct address and by a search engine if it indexes your page, as well as in the site map if you wish):

1. Click the Settings button in the left sidebar - the list of your pages appears.
2. Hover over the desired page in the existing tree structure.
3. Click on the gear 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 site map.
5. Save the changes at the bottom of the page:
   

Another option: hover over the desired page in the existing tree 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 hidden page from another, as the hidden page will still appear in the site's page list when you add an internal link:

This guide details the behavior of Site Creator by Infomaniak and the site created with it, in response to various screen formats and resolutions.

Prerequisites

• Access Site Creator:
  • Click here to access the management of your product on the Infomaniak Manager (need help?).
  • Click directly on the name assigned to the relevant Site Creator.
  • Click the button Edit my site to start the editor:
    

View the site on different devices

The sites created with Site Creator are automatically adapted to browsers regardless of their support (computer, mobile device, tablet, large and small screen, etc.). However, they may react differently depending on certain parameters that you can adjust.

To preview the site version based on the reading support:

1. Click the button ••• located at the very bottom of the left sidebar to expand the publishing and preview options:
   
2. Click on Preview:
   
3. At the top of the page, click on the action menu ⋮ to the right of Preview to change the type of reading device.
4. Click on the different device icons to simulate the different reading formats (mobile, vertical, horizontal...):
   

Display your site in reduced width

You can reduce the width of your site within a "container" or "box". This special display will only be visible on large screens such as desktop computers:

1. Click the Design button in the left sidebar.
2. Click on More parameters.
3. Activate the toggle switch for the Container display:
   
4. Save the changes at the bottom of the page.

Hide a content block based on the type of device

In the options of a content block, by disabling the default visibility, you will then be able to define below to display it only on certain types of devices (mobiles for example):

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

Preamble

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

Add a content block

Prerequisites

• Access Site Creator:
  • Click here to access the management of your product on the Infomaniak Manager (need help?).
  • Click directly on the name assigned to the Site Creator concerned.
  • Click on the Edit my site button to start the editor:
    

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.

Other possibility: 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 disappears.

You can undo this type of operation.

Duplicate a block

Hover over the block 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 an HTML code to subscribe to the Infomaniak Newsletter.

You can also delete certain elements from your content blocks: while 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 into 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 to modify 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 of the settings also allows you to modify the background color or image of the block:

Move a block up or down

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

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

Create a space between two blocks

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

You can then define its color and size by clicking directly on the separator:

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

This guide helps you understand how to create and edit pages in Site Creator Infomaniak.

Prerequisites

• Access Site Creator:
  • Click here to access the management of your product on the Infomaniak Manager (need help?).
  • Click directly on the name assigned to the relevant Site Creator.
  • Click the Edit my site button to start the editor:
    

Simple page editing

Editing a page is done live and your changes are saved as you go while editing the content of your blocks. You can undo your changes if necessary.

Create a link

Create a link from an image or text, directly by selecting the object.

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

Convert a link to a button

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

 

Edit a link

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 "File" type in your link settings:

Create a link to an email

Choose the "Email address" type in your link settings. A click on the link will open the default mail application for the visitor and start composing an email with the pre-written email address.

To avoid having the email address hard-coded on your page, insert a contact form.

Create a link to a specific section

To direct the visitor to a specific portion of your site or another, use the anchor system.

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 specify the URL that should be displayed when a visitor clicks on it:

You can also apply a link to an image by using a YouTube video as the URL: this will automatically create a PLAY icon that, when clicked, will open the video in a lightbox window.

Create a list, insert an emoji...

The different text formatting options are located above the text selection and additional options (bullet lists, alignment, emojis, etc.) are accessible with the arrow:

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

Prerequisites

• Access Site Creator:
  • Click here to access the management of your product on the Infomaniak Manager (need help?).
  • Click directly on the name assigned to the Site Creator concerned.
  • Click the Edit my site button to start the editor:
    

Open the HTML editor

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 edit on your page and click on the gear icon that appears on hover:
   
2. Click on the HTML element in the left sidebar to edit the HTML code of the block:
   
3. Remember to save your changes:
   

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 is then editable via the HTML CODE button which allows you to open the HTML editor:

‍
You can also add code outside of blocks.

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

Preamble

• Infomaniak is one of the most performant hosts on the French-speaking market, which contributes to the good referencing of your sites.
• However, Infomaniak will not intervene on the content or development of hosted sites (refer to this other guide regarding referencing).

Add Site Creator to Google

Prerequisites

• Access Site Creator:
  • Click here to access the management of your product on the Infomaniak Manager (need help?).
  • Click directly on the name assigned to the Site Creator concerned.
  • Click on the button Edit my site to start the editor:
    

To submit your site to the Google search engine:

1. Click on the button Applications in the left sidebar.
2. Click on the application Add to Google:
   

This application allows 2 operations:

1. Open the Google Search Console interface allowing the management of your site's analyses:
   
2. You can insert the verification code provided by Google Search Console in the case where you choose the simple method (read below):
   

Property verification (requested by Google)

When you want to add your site to the Google tool, and you click on the button in step 1 above, you will be offered 2 options:

1. the method to monitor an entire domain, which requires a verification that you will need to do at the level of your domain name (on the Infomaniak interface if your domain name / DNS zone is managed by Infomaniak),
2. the simpler method allowing you to indicate the exact URL of your site and for which the verification will be done directly from Site Creator:
   

1. Method with domain name ownership verification

1. Enter the full URL of your Site Creator and click on Continue:
   
2. Check that the TXT type is selected and click on the COPY button:
   
3. Click here to access the management of your domain name if it is managed by Infomaniak (otherwise, you will need to apply these operations with the relevant provider).
4. Click directly on the name assigned to the product concerned.
5. Click on DNS Zone in the left sidebar menu.
6. Click the button to add a record:
   
7. Select the TXT type from the list.
8. Click the Next button:
   
9. Leave this field blank or enter the term before your domain name if you have created a site xxx.domain.xyz (in this example, you would enter visit in the Source field, since Site Creator is created on https://visit.example-domain.ch).
10. Paste the information retrieved in step 2 above.
11. Click the button to Save:
    
12. Go back to the Google tool and click on Verify (wait a few minutes if the verification does not occur):
    
13. The link is established between your Site Creator and the analysis console; click the button to go configure the property:
    

2. Simple method

1. Enter the full URL of your Site Creator and click on Continue:
   
2. Click on the chevron to expand the HTML TAG section to obtain the information to paste in Site Creator to prove ownership.
3. Click the COPY button:
   
4. Paste the information in the designated area on Site Creator.
5. Save the changes:
   
6. Go back to the Google tool and click on Verify (wait a few minutes if the verification does not occur):
   
7. The link is established between your Site Creator and the analysis console; click the button to go configure the property:
   

Define Meta Tags

Once in Site Creator:

1. Click on the Settings button in the left sidebar.
2. Click on General Settings.
3. Click on SEO & Metadata.
4. Insert title, description, and keywords for the entire site:
   
   

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

To set this but for a specific page:

1. Click on the Settings button in the left sidebar.
2. Click on General Settings.
3. Click on Sub-page Settings.
4. Click on SEO & Metadata.

If you do not intervene on this page, it is Site Creator that 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 for example "/enterprise").

What "Meta Keywords"?

To enter multiple keywords, separate them with a comma or similar:

Sitemap.xml

Do not confuse this with the Site Map module, the sitemap.xml file lists all the pages of your site to help search engines discover and index them effectively. You can examine it to understand the site's structure; replace domain.xyz with your domain name to access it (publicly) from a browser:

https://domain.xyz/sitemap.xml

Submit your clean URL to Google Search Console (refer to the first chapter of this guide) and other webmaster tools to improve indexing.

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 code on your site:

1. Click on the Settings button in the left sidebar.
2. Click on General Settings.
3. Click on SEO and statistics.
4. Scroll down the page and insert your tracking codes.

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

Specify the URLs of your different social profiles

Prerequisites

• Access Site Creator:
  • Click here to access the management of your product on the Infomaniak Manager (need help?).
  • Click directly on the name assigned to the relevant Site Creator.
  • Click the Edit my site button to start the editor:
    

To allow visitors to click on the links to your social networks:

1. Click the Settings button in the left sidebar.
2. Click on Social Media.
3. Enter the addresses of your different social profiles (Tiktok, Instagram, etc.) including a phone number and an email address if you wish.‍
4. Save the changes at the bottom of the page:
   

Add the icons of your profiles

Add icons of your social media in the footer or in the header of your website:

1. Click the Settings button in the left sidebar.
2. Click on Social Media.

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

Save the changes at the bottom of the page.

Add a social sharing block

Among the blocks that you can add within a page, a first block offers a line of buttons allowing the visitor to easily subscribe to your different social media:

A second type of block offers a line of buttons allowing the visitor to share the page on the main social media:

Get the site's QR code

To obtain the QR code for your site:

1. Click the Settings button in the left sidebar.
2. Click on the QR code icon at the very top:
   

You will be able to download the QR code corresponding to the address of your homepage. Thus, a user who scans your QR code can easily access your site.

Change the social sharing OG image

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

1. Click on the Settings button in the left sidebar
2. Click on SEO and metadata under General settings.
3. Scroll down to Open Graph and choose the image:
   

This guide explains how to change the language of the Site Creator Infomaniak interface and how to manage the translations of your pages.

Prerequisites

• Access Site Creator:
  • Click here to access the management of your product on the Infomaniak Manager (need help?).
  • Click directly on the name assigned to the relevant Site Creator.
  • Click on the Edit my site button to start the editor:
    

Change the interface language

To modify the language of Site Creator:

1. Click on the Settings button in the left sidebar.
2. Click on General settings.
3. Change the language of Site Creator:
   

A dropdown menu allows you to change the language of the Site Creator editor interface (this will also translate some elements accessible to the visitor, such as the Search button of the search bar, etc.); the choices are German, French, Spanish, Italian, and English.

Don't forget to save your changes at the bottom of the page.

Offer your site in multiple languages

Automatic and on-the-fly translations of all your pages

To offer the translation of your site automatically:

1. Click on the Applications button in the left sidebar.
2. Click on the Translations module:
   

You can add or remove the languages in which your site will be offered to the visitor:

With the mouse, move the languages in the desired order, which affects the language selection dropdown menu (see below).

This menu can be activated in the lower part of the translation module configuration page:

Once the languages have been determined and classified in the upper part (don't forget to save your changes at the bottom of the page), activate the menu to give the visitor the choice of language via a dropdown menu at the top of the page:

Manually translated page

It is possible to propose a page (unique, per language) manually prepared in advance, to which the visitor will be redirected when they choose a language different from the main language via the language selection dropdown menu (see above).

To do this, you need to edit the desired language by clicking on the pencil icon ✎, then by clicking on the second radio button next to the field that allows you to specify the URL of your translated page:

It is therefore possible to write a page per language in advance. Ideally, you should hide this type of page from your main menu:

This guide is intended for users of the Infomaniak Site Creator tool who wish to allow visitors to perform a text search in the site's content.

Prerequisites

• Access Site Creator:
  • Click here to access the management of your product on the Infomaniak Manager (need help?).
  • Click directly on the name assigned to the relevant Site Creator.
  • Click the Edit my site button to start the editor:
    

Add a search bar to Site Creator

To allow visitors to search for content on your site designed with Site Creator, you need to activate the search bar:

1. Click the Settings button in the left sidebar.
2. Click on General settings.‍
3. Enable the search option.
4. Save the changes at the bottom of the page‍.
5. View the new search location on your homepage:
   ‍
   • A magnifying glass icon will be added to the header of your site and the search bar will appear if you click on it:
     ‍