This guide for Site Creator Infomaniak covers the subject of browser cookies.

Introduction

• By default, when your website is new, no cookies should be stored on your visitors' devices, there is no tracking feature for advertisements or marketing.
• As a website administrator, some data is stored in your own cookies (such as information indicating that you are a website administrator).
• If you add applications/modules integrated into your website, cookies may be used; for example with the Poll Form: if you add a poll module to your website, it will use cookies when the website visitor votes (to remember that they have already voted).

Notification for the visitor

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:
    

You can activate a cookie consent message that will appear in a small pop-up window at the bottom of the screen for all new visitors to your site:

1. Click on the Settings button in the left sidebar.
2. Click on Contact details under Website configuration.
3. Enable the cookie information option to set up the brief message and the URL for additional information.
4. Set the display type to expanded or not (read below).
5. Save the changes at the bottom of the page:
   ‍

Additional settings

The consent message can be set to default or extended when you click on Display. The result obtained is as follows:

• by default:
  
• expanded:
  

This guide explains how to manage the logo, header, and footer 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:
    

Add a website logo

Once in Site Creator:

1. Click the Settings button, then Logo in the left sidebar.‍‍
2. Upload an image and choose whether the site name should also be displayed next to it.
   ‍

Logo settings

1. Click the Design button in the left sidebar.
2. Click on Menu Designer‍ then Title/logo to adjust spacing and colors.

Centered logo display

In the same place as above, activate the option to display the logo on a separate line, which will center the site logo:

Hide the logo (+ header and footer)

To create a page without a logo that will have neither a header (i.e., no menu displayed) nor a footer, you need to define it as a Home Page (i.e., "Landing page"; note that this does not change the order of the pages) using a button located here:

1. Click on the Settings button in the left sidebar.
2. Click on Page List.
3. Hover over a page in the existing tree and click on the gear icon that appears on hover.
4. ​Enable the "Home Page" option at the bottom to hide headers and footer:
   

This guide details the use of media in Site Creator Infomaniak.

Note that it is also possible to insert other elements such as for example a formulaire d'inscription à la Newsletter 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:
    

Add an image

Media are managed in the file library:

1. Add a new content block containing images that you can then replace or complete.
2. Click on the Content button in the left sidebar.
3. Click on Objects in the list to insert a single image.
4. Click on the IMAGE block on the right.

Once the image is added, you can also make it clickable or change its size:

You can also add images as a Photo Gallery module.

Change image

To replace an inserted image:

1. Click on an image to edit it.
2. Click on the button type Photo Frame on the image thumbnail to be able to select a new image that will replace the previous one:
   

Add a video

To add a video:

1. Click on the Content button in the left sidebar.
2. Click on Objects in the list.
3. Click on the VIDEO block on the right to insert a full-width video.

You can also apply a link to an image 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.

Add an audio file

To add an audio file:

1. Click on the Content button in the left sidebar.
2. Click on Applications at the bottom.
3. The **content** available displays on the right.
4. Click on the audio player to insert it into the page.

You can customize it in an advanced way via the HTML editing.

Add a file for download

To easily offer a file for download:

1. Click on the Content button in the left sidebar.
2. Click on Applications at the bottom.
3. The **content** available displays on the right.
4. Click on the File Download widget to insert it into the page.
5. Select the file from the library that your visitors will be able to download.

This guide explains how to temporarily take offline a site created with Site Creator Infomaniak.

Preamble

• The maintenance page will only appear on visitors' devices:
  
• Your device will continue to display your site without the maintenance page, only for your internet connection.
• Being logged in, you will always be able to edit the site with Site Creator.

Put Site Creator into maintenance mode

To temporarily disable Site Creator:

1. Click here to access the management of your product on the Infomaniak Manager (need help?).
2. Click directly on the name assigned to the relevant product.
3. Click on Manage ‍ at the top of the page.
4. Click on Enable maintenance.
   • Perform the same operation to disable it:
     
   • You can also disable maintenance from the preview block of your site:
     

This guide explains how to customize the source code, modify the CSS, or change the HEAD or BODY section of a website created with 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 on the Edit my site button to start the editor:
    

Add custom code

Once in Site Creator:

1. Click on Design in the left sidebar.
2. Click on More settings.
3. Click on Custom Code at the bottom:
   
4. Enter HTML, JavaScript (with its scriptor custom CSS (with its tags style) - read below for a few examples.
5. Save the changes at the bottom of the page.

Metadata in HEAD & BODY

To add JavaScript code or any other code in the HEAD or BODY of your site's source code:

1. Click on Settings in the left sidebar.
2. Click on SEO & Metadata in the Website Configuration section.
3. Scroll down to Custom Code.
4. Choose to add under the tabs HEAD or under BODY.
5. Save the changes at the bottom of the page:
   

CSS customization examples

These examples allow you to start the advanced customization of the website pages. However, there is a risk that, depending on the changes made, you may no longer be able to access the editor itself, which will force you to start over from scratch.

Customize the website's background

To set your chosen image (to be uploaded to the file library) as the background and customize its display:

1. Go to point 3 visible on the first image at the top of this guide.
2. Insert the code <style> to indicate that you want to modify the CSS code,
3. then body { to indicate that you want to modify the body of the page and the "{" to open the space allowing to insert the commands,
4. then background-image: url("../data/files/fond01.jpg"); with the exact path & name of the image uploaded to the library, don't forget the semicolon to be able to insert the next command.
5. background-repeat: repeat; to repeat the inserted image.
6. background-attachment: fixed; so that the background image remains fixed even if the visitor scrolls the page up or down to read its content.
7. } to close the previously opened insertion space.
8. </style> to indicate that the code ends here.

Space out the letters of all the site's links

To space out the letters significantly in clickable words (links):

1. Go to point 3 visible on the first image at the top of this guide.
2. Insert the code (if not already present) <style> to indicate that you want to modify the CSS code,
3. then .container div a { to indicate that you want to modify the page blocks and more particularly the links ("a") and the "{" to open the space allowing to insert the commands,
4. then letter-spacing:1em; by decreasing the value (0.9em for example) without forgetting the semicolon to be able to insert the next command or finish.
5. } to close the previously opened insertion space.
6. </style> to indicate that the code ends here.

Take note of these other CSS code examples to insert on your site.

This guide explains how to connect a site created with Site Creator Infomaniak to a domain name present in your Manager.

Connect Site Creator to a domain name

To connect Site Creator to an existing domain name in your Infomaniak account:

1. Click here to access the management of your product on the Infomaniak Manager (need help?).
2. Click directly on the name assigned to the relevant product.
3. Click on Connect my site to a domain to start the configuration assistant below:
   

Manage the Site Creator domain(s)

To manage the domain name(s) used with Site Creator:

1. Click here to access the management of your product on the Infomaniak Manager (need help?).
2. Click directly on the name assigned to the relevant product.

At the top of the page, any messages regarding issues 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 reversed if necessary:

However, the preview URL, of type abcd.infomaniak.site and distinct in the list of Site Creator domains, can never be deleted for the proper functioning of your site:

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 Manager Infomaniak (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 happens in real-time and your changes are saved as you go while you edit 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.

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

Turn a link into a button

In your link settings, you can choose its 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 type "File" in your link settings:

Create a link to an email

Select the "Email address" type in your link settings. Clicking on the link will open the visitor's default email application and start drafting an email with the pre-written email address.

To prevent the email address from being permanently displayed on your page, insert a contact form.

Create a link to a specific section

To direct the visitor to a specific section 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 button "This is a link" below the image to specify the URL that will be displayed when a visitor clicks on it:

You can also apply a link to an image 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 emoticon...

The various 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 about setting up, in Site Creator Infomaniak, the icon displayed in a web browser's favorites bar, the favicon.

Preamble

• The formats recommended by Microsoft for its browsers are 16 x 16, 32 x 32 and 48 x 48.
• Apple, for its part, recommends that the favicon dimension be 180 x 180.

Set the favicon in Site Creator

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 set a new favicon:

1. Click on the Settings button in the left sidebar.
2. Click on General Settings.
3. Scroll down to the Favicon section:
   
4. Select the favicon from your hard drive.
5. Save the changes at the bottom of the page.
6. Preview the result in your browser (if necessary in a new private browsing window, for example):
   

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

Introduction

• 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.
• Later, 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 various ways.

Generate and copy the integration code

The integration code is located 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 in question.
3. Click on Media in the left sidebar.
4. Click on Media Management in the left sidebar.
5. Click on the relevant media in the displayed table.
6. Click on the blue Integrate button.
7. Click on Create an integration:
   
8. Customize the media integration (timestamp, loop playback, autoplay, …).
9. Click the button to Generate the integration code:
   
10. Copy the code to integrate it at your desired location:
    

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

Modify a previous integration

To customize the integration of your media that has already been done, and in order to keep 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 in question.
3. Click on Media in the left sidebar.
4. Click on Media Management in the left sidebar.
5. Click on the media in question in the table that appears.
6. Click on the blue Integrate button.
7. Click on Edit integration:
   
8. Click on the action menu ⋮ to the right of the relevant item in the displayed table.
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 code in the desired location.

... on Infomaniak Site Creator

• For Site Creator, you need to generate a “Fixed” integration code (not “Responsive”):
  
• Paste this code into Site Creator within a “Custom HTML Code” block.

• Here is an example of copy-pasting from a media integration page:

This guide explains how to avoid publishing changes directly to a page in Site Creator Infomaniak.

Preamble

• The draft mode allows not to publish the following modifications:
  • addition of a new content block via the Content menu
  • visual or textual modification of a content block
  • deletion of a content block
• The draft mode does not apply to:
  • global design changes, via the Design menu (colors, fonts …)
  • content modifications related to applications (questions/answers, e-commerce …)
  • modifications of global settings, via the Settings menu (Pages, languages …)
  • subpages of the page you unpublish

Save without publishing

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

You can switch a page to draft mode to make text or other changes to the content of a page that will not be visible live, until you decide to switch the site back to direct publication mode:

1. Click the button ... ‍‍‍ at the very bottom of the left sidebar to expand the publishing and preview options
2. Click on Live to switch to Unpublished mode
3. Now, the yellow mode displayed at the bottom indicates that all your modifications (on this page only) will not be visible live (unlike the Live mode) but will be saved in a draft even if you leave the page or the editor:
   

Publish the changes or delete the draft

1. When the Unpublished mode is active, click on the yellow button of the Unpublished mode to display a settings panel.
2. The settings panel opens so that you can:
   1. publish your changes,
   2. or delete the current draft and revert the page to its initial state.

Example

1. With the Live mode (visible at the bottom of the screen) a modification is directly visible to the page's visitors.
2. With the mode Unpublished / Draft (identifiable by a yellow symbol at the bottom of pages set to this mode) your modifications are not visible live.
3. Leave the page to work on another page, the mode reverts to the default mode, that is, the Live mode because the page is not the same and the mode only applies to the selected pages.
4. Go back to the draft page, a symbol at the bottom of the page always indicates that draft mode is activated.
5. Click on it to choose to publish or delete the modifications and restore the page to its state before your changes in draft mode.

This guide explains how to modify certain details of a site created with 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:
    

Change the website name

Click on the Settings button in the left sidebar, then on Site Title:

Company details

Click on the Settings button in the left sidebar, then on Contact Information under Website Configuration.
‍

This guide covers the "Applications" and "modules" available in Site Creator Infomaniak, to create a fully customizable showcase site, blog, or online store, without any technical knowledge.

Various modules

In addition to the content blocks offering various preformatted layouts, you can also insert blocks in the form of modules, each with a specific function:

1. Video
2. Audio player
3. Image slider / slideshow
4. File download
5. Location on map
6. Survey
7. Knowledge base
8. Questions and answers
9. Calendar
10. Calendly
11. Subpage menu
12. Site map (sitemap)
13. Add to Google
14. Custom HTML code
15. Contact form
16. Blog
17. Shop
18. RSS feed reader
19. Restaurant menu

Insert a module on a page

To insert a module:

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

Once in Site Creator:

1. Click on the Content button in the left sidebar.
2. Click on Applications at the bottom and the content available will display on the right.
3. Click on one of these applications to insert it into the page:
   
4. Once inserted, hover over the module to access its settings:
   

Multiple module or missing module

If you delete one of your modules (such as the one for creating a poll) that has already been configured and want to undo it, click Cancel immediately.

You can also reinsert the module, which should return with its previous settings.

You cannot insert multiple modules of the same type to customize them independently of each other.

Other integrations & widgets

Click on the APPLICATIONS button in the left sidebar of Site Creator:
‍

Insert a countdown

To add a counter to display a countdown:

1. In the left sidebar, click the Content button.‍
2. Click on Objects in the list and the content available will display on the right:
   
3. Click on one of these objects to insert it into the page and customize it:
   ‍

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

Specify the URLs of your various social media 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 on the Settings button in the left sidebar.
2. Click on Social Media.
3. Specify the addresses of your various social media 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 for your social media in the footer or the header of your website:

1. Click on 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 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, one block offers a row of 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 platforms:

Get the site's QR code

To get the QR code for your site:

1. Click on the Settings button in the left sidebar.
2. Click on the QR code icon at the 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 will be able to easily go to your site.

Change the social share OG image

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

1. Click on the Settings button in the left sidebar
2. Click on General Settings
3. Click on SEO and statistics
4. Scroll down to the Open Graph image and select it.

This guide concerns the undo function in Site Creator Infomaniak.

Preamble

• No backup/restore is possible from the Infomaniak Manager.
• For example, if you delete a content block and want to restore it, you can undo up to the last 20 operations in Site Creator.

Undo an operation

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:
    

Once in Site Creator:

1. Click the button ... ‍‍‍ located at the very bottom of the left sidebar in Site Creator, to expand the undo options:
    
   
    
2. Click on Undo and confirm the restoration (the arrows next to it allow you to "navigate" through the last saves):
     
   

This guide concerns the management of forms that allow subscription to the Newsletter that you manage on Infomaniak.

Prerequisites

• Have access to the Newsletter product.
• Have created at least one subscription form.

Copy the code necessary for the form integration

To access the forms for your Newsletter and get the integration code:

1. Click here to access the management of your product on the Infomaniak Manager (need help?).
2. Click directly on the domain name assigned to the relevant product.
3. Click on Forms in the left sidebar.
4. Click on the action menu ⋮ to the right of the relevant item in the displayed table.
5. Click on Integration code:
   
6. Choose between the JAVASCRIPT and HTML tabs to get one of the two types of codes useful for inserting your form on your pages and click the blue button to copy the code to the clipboard:
   

Insert the form on a website…

You can insert the same form in different places. You can also create multiple forms (to populate different contact groups, for example). Obviously, a Newsletter is sent only once per contact, even if they are present in different lists/groups:

... on WordPress

1. Insert a new block in the desired location.
2. Choose a block of type HTML:
   
3. Paste the HTML code obtained in step 6 above (switch from the Javascript tab to the HTML tab to display the code corresponding to your form).
4. Click on Update.
5. The previously configured form appears on your site.

... on Site Creator Infomaniak

1. Hover over the desired location on the page to display a PLUS button to add a block:
   
2. Click on the PLUS button to choose a custom HTML code block:
   
3. Paste the HTML code obtained in step 6 above (switch from the Javascript tab to the HTML tab to display the code corresponding to your form):
   
4. Click the blue button to Continue and preview your form on your page:
   
5. The previously configured form appears on your site:
   
    

... on a Starter offer - basic web page

1. Open Web FTP on the Starter hosting:
   
2. Edit the homepage index.html and paste the HTML code obtained in step 6 above (switch from the Javascript tab to the HTML tab to display the code corresponding to your form), before saving:
   
3. The previously configured form appears on your site:
   

This guide explains how to add and customize a button on your Site Creator page, including a fixed button that allows you to return to the top of the page.

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:
    

Add a button link

To add a button (that directs to the URL of your choice when clicked):

1. Write the button text.
2. Select the text.
3. Click on the chain icon to open the section that will allow you to specify the type of link and associated options:
   
4. Configure the destination page and the appearance of the button:
   
5. Save the changes to view the button on your page.
6. Click on the button to return to the editor if necessary.

Add a "Back to top" button

To add and customize a button that brings the visitor back to the top of your Site Creator page as soon as the page scrolls:

1. Click on the Design button in the left sidebar.
2. Click on More settings.‍
3. Enable the option to display the back to top button.
4. Save the changes at the bottom of the page:
   

Refresh the page if necessary to see the change:

Familiarize yourself with this other guide regarding an alternative solution.

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

Introduction

• The writing assistant will help you write a text on a topic of your choice, even if it needs to 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 specific topic
  • a rewrite of a text excerpt
  • correct grammatical syntax
  • a translation into a foreign language
  • a blog post
  • etc.
• Familiarize yourself with 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 concerned Site Creator.
  • Click the Edit my site button to start the editor:
    

Then to start the writing assistant:

1. Click on a content block.
2. Click on the magic wand icon in the editing bar to open the assistant:
   
3. To go back to the main choice after selecting a type of addition, 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 use the assistant's buttons to select the tone of your text (serious / friendly) and add or shorten the suggested phrases, for example:

This guide helps redirect visitors arriving on non-existent pages (e.g., old pages from a previous website) in case your site is currently managed with Site Creator Infomaniak.

Prerequisites

• Know the web address (URL) of the page that no longer exists.
• 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:
    

Redirect visitors to the new Site Creator page

In the left sidebar of Site Creator:

1. Click on Settings.
2. Click on SEO & Meta Tags in the Site Configuration section.
3. Enter the address of the old page (without your site name) under Redirection.
4. Enter the address of the new page (or / to redirect the visitor to the root of your site, i.e., the homepage):
   
5. Save with the blue button at the bottom of the page.

For example:

• Your previous website contained a contact page at the address domainxyz.com/company/contact.html.
• Your contact page is now located at domainxyz.com/about.
• You must therefore enter company/contact.html in the left field
• and about in the right field so that visitors still arriving at the old address (due to outdated referencing or a click on a favorite, for example) are automatically redirected to the new page.

An alternative method involves adding a new page Site Creator with the name of your old page address, then specifying a redirection to the URL of your choice, and making it invisible using the toggle switch located below the redirection field:

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

Prerequisites

• Access Site Creator:
  • Click here to access the management of your product on the Manager Infomaniak (need help?).
  • Click directly on the name assigned to the relevant Site Creator.
  • Click on 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 on 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 when clicked:
‍