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

Specifying the URLs of Your Different Social Profiles

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

1. log in to the Infomaniak Manager (manager.infomaniak.com) from a web browser like Brave or Edge
2. click on the icon in the top right of the interface (or navigate through the left side menu)
3. choose Hosting (universe Web & Domain)
4. click on the name of the relevant object in the displayed table
5. click on Site Creator in the left side menu
6. click on Customize my site

Once in Site Creator:

1. click on the Settings button in the left side menu
2. click on Social Media
3. indicate the addresses of your various social profiles (TikTok, Instagram, etc.), including a phone number and an email address if desired
4. save the changes at the bottom of the page

Adding Icons for Your Profiles

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

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

At the bottom, you can specify where you want to display the icons corresponding to the profiles you completed earlier.

Save the changes at the bottom of the page.

Adding a Social Sharing Block

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

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

Obtaining the Site's QR Code

To obtain the QR Code for your site:

1. click on the Settings button in the left side menu
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 home page. Thus, a user who scans your QR Code can easily access your site.

Changing the Social Sharing OG Image

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

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

This guide pertains to the undo function in Infomaniak's Site Creator.

Undoing an Operation

If, for example, you delete a content block and wish to restore it, you can undo operations in Site Creator:

1. Log in to the Infomaniak Manager (manager.infomaniak.com) from a web browser like Brave or Edge.
2. Click on the icon at the top right of the interface (or navigate through the left sidebar menu, for example).
3. Select Hosting (Web & Domain universe).
4. Click on the name of the relevant object in the displayed table.
5. Click on Site Creator in the left sidebar menu.
6. Click on Customize my site.

Once in Site Creator:

1. Click on the   …   button located at the bottom of the left sidebar menu 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" among the latest backups):
   
   

This guide explains how not to directly publish changes to a Infomaniak Site Creator page.

Draft mode

The draft mode allows not to publish the following changes:

• adding a new content block via the Content menu
• visual or textual modifications of a content block
• deleting a content block

The draft mode does not apply to:

• global design changes, via the Design menu (colors, fonts...)
• content modifications related to applications (Q&A, e-commerce...)
• global settings modifications, via the Settings menu (Pages, languages...)
• sub-pages of the page you are unpublishing

Save without publishing

You can switch a page to draft mode in order to make changes to text or other content on a page that will not be visible live, until you decide to put the site back into direct publishing mode:

1. log in to the Infomaniak Manager (manager.infomaniak.com) from a web browser like Brave or Edge
2. click on the icon at the top right of the interface (or navigate through the left sidebar menu for example)
3. select Hosting (Web & Domain universe)
4. click on the name of the relevant object in the displayed table
5. click on Site Creator in the left sidebar menu
6. click on Customize my site

Once in Site Creator:

1. click on the   ...     button located at the bottom of the left sidebar menu, to expand the publication 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 changes (on this page only) will not be visible live (unlike Live mode) but will be saved in a draft even if you leave the page or the editor:
   

Publish changes or delete the draft

1. when the Unpublished mode is active, click on the yellow button of the Unpublished mode to display a setting panel
2. the setting panel opens so you can publish your changes
3. or delete the current draft and revert to the initial state of the page

Example

1. with the Live mode (visible at the bottom of the screen) a modification is directly visible to page visitors
2. with the Unpublished / draft mode (identifiable by a yellow symbol at the bottom of the pages passed in this mode) your changes are not visible live
3. leave the page to work on another page, the mode returns to the default mode, which is Live mode because the page is not the same and the mode only applies to the selected pages
4. return to the page put in draft, a symbol at the bottom of the page always indicates the activated draft mode
5. click on it to choose to publish or delete the changes and return the page to its state before your modifications in draft mode

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

Prelude

• the writing assistant helps you compose a text from scratch or from existing elements using artificial intelligence
• it is not a conversational agent or chatbot; it will not necessarily answer generic questions or engage in dialogue with you
• it is an assistant that will help you write a text on a topic of your choice, including if it needs to be based on existing elements
• use it, for example, to write:
  • a new title that must contain specific elements
  • a new paragraph on a particular theme
  • a rephrasing of an excerpt of text
  • correct grammatical syntax
  • a translation into a foreign language
  • etc.
• read and understand this FAQ regarding the model used and everyone's responsibilities

How to use the assistant?

To access Site Creator:

1. log in to the Infomaniak Manager (manager.infomaniak.com) from a web browser like Brave or Edge
2. click on the ‍ icon at the top right of the interface (or navigate using the left sidebar menu, for example)
3. choose Hosting (in the Web & Domain section)
4. click on the name of the relevant object in the displayed table
5. click on Site Creator in the left sidebar menu
6. click on Customize my site

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 once a type of addition 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, thanks to the assistant's buttons, to select the tone given to your text (serious / friendly) and add or shorten the proposed phrases, for example:

This guide is about setting up the icon displayed in the browser's favorites bar, the favicon, in Infomaniak's Site Creator.

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

Set Up Site Creator Favicon

To set up a new favicon:

1. Log in to the Infomaniak Manager (manager.infomaniak.com) from a web browser like Brave or Firefox
2. Click on the icon at the top right of the interface (or navigate through the left sidebar menu, for example)
3. Choose Hosting (Web & Domain universe)
4. Click on the object's name in the displayed table
5. Click on Site Creator in the left sidebar menu
6. Click on Customize my site

Once in Site Creator:

1. Click on the Settings button in the left sidebar menu
2. Click on General Settings
3. Scroll down to the Favicon section:
   
4. Choose 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 add and customize a button on your Infomaniak Site Creator page, specifically a fixed button for returning to the top of the page.

Add a link in the form of a button

To add a button (which links to the URL of your choice when clicked):

1. Login to Manager Infomaniak (manager.infomaniak.com) from a web browser like Brave or Firefox
2. Click on the ‍ icon at the top right of the interface (or navigate using the left sidebar menu, for example)
3. Choose Hosting (Web & Domain universe)
4. Directly click on the name of the relevant item in the displayed table
5. Click on Site Creator in the left sidebar menu
6. Click on Customize my site

Once inside Site Creator:

1. Enter the button text
2. Select the text
3. Then click on the chain link icon to open the section where you can specify the link type and associated options:
   
4. Configure the destination page and button appearance:
   
5. Save the changes to view the button on your page
6. Click the button to return to the editor if necessary

Add a "Back to top" button

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

1. Login to Manager Infomaniak (manager.infomaniak.com) from a web browser like Brave or Firefox
2. Click on the ‍ icon at the top right of the interface (or navigate using the left sidebar menu, for example)
3. Choose Hosting (Web & Domain universe)
4. Directly click on the name of the relevant item in the displayed table
5. Click on Site Creator in the left sidebar menu
6. Click on Customize my site

Once inside Site Creator:

1. Click on the Design button in the left sidebar menu
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 modification:

You can also use an alternative solution (click here).
 

This guide is about managing the forms that allow registration to the Newsletter you manage on Infomaniak.

Prerequisites

• Access to the Newsletter product.
• Having created at least one registration form.

Copy the code necessary for integrating the form

To access your Newsletter forms 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 menu.
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 on 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). Of course, a Newsletter is sent only once per contact, even if the contact is present in different lists/groups:

on WordPress

1. Insert a new block in the desired location.
2. Choose an HTML type 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 on Update.
5. The previously configured form appears on your site.

on Infomaniak Site Creator

1. Hover over the desired location on the page to make a PLUS button appear 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 on 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 is for Site Creator users who want to enable visitors to perform text searches within the site's content.

Add a search bar to Site Creator

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

1. Log in to the Infomaniak Manager (manager.infomaniak.com) from a web browser like Brave or Edge
2. Click on the icon in the top right corner of the interface (or navigate using the left side menu, for example)
3. Select Hosting (Web & Domain universe)
4. Click on the name of the relevant item in the displayed table
5. Click on Site Creator in the left side menu
6. Click on Customize my site

Once in Site Creator:

1. Click on the Settings button in the left side menu
2. Click on General Settings
3. Activate the search option
4. Save the changes at the bottom of the page
5. View the new search location on your homepage
   
   

An magnifying glass icon will be added to the header of your site and the search bar will appear when clicked:

This guide is about Site Creator and the ability to create links to anchors.

Introduction

• An anchor in web design is a hyperlink that points to a specific position on a web page, either on the same page or on a different page. When a user clicks on an anchor link, they are redirected to the specified location (usually an invisible marker in the source code) of the page.
• Anchors are useful for allowing users to quickly navigate to specific sections of a web page or even to another page. They improve the user experience by providing an efficient way to find and access precise information.

Anchor Example

An anchor is located (invisibly) at the bottom of this FAQ. It is named "end," so the following link simply contains the target #end, and without any further indication, a web browser will search for this term in the page's code and direct the user to it: click here to reach it!

Create this type of link on Site Creator

Usually, to create an anchor in HTML, here is how to proceed:

1. Identify the location on your page where you want to create an anchor (text section, image, or any other element)
2. Use the <a> tag with the href attribute to specify the anchor target:
   1. If the target is on the same page, simply use the element's ID (see point 3 below)
      <a href="#section1">Go to section 1</a>
   2. If the target is on another page, specify the full URL of the page followed by the target element's ID (see point 3 below)
      <a href="page2.html#section1">Go to section 1 on page 2</a>
3. In the section of your page where you want users to be redirected, add an element with the corresponding ID
   <div id="section1"> <!-- Content of section 1 --></div>
    

When users click on the "Go to section 1" link, the page will automatically scroll to the section with the ID "section1." If the target is on another page, they will be redirected to that page, and the anchor will work in the same way.

With Site Creator, point 3 above is not "free": each block already has its ID (or hashtag), which must be indicated (or modified in advance - see point 3 below) to point a link to it.

Find the Block Reference

To access 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 concerned product.
3. Click on Customize my site:
   

Once in Site Creator:

1. Hover over the content block to modify and click on the gear icon:
   
2. Scroll through the settings to the end to get the block's ID:
   
3. A double-click on the field showing the ID allows you to specify your own label instead of the random ID:
   

Create a Link to the Block Reference

To add a link to text in Site Creator, with the destination being the block located further down on the same page:

1. Select a text.
2. Then click on the chain icon:
   
3. Choose the "Section" type to create a link to a part of the same page by selecting the block reference obtained above:
   
   
   Other possibilities:
   1. Place the link with the hashtag (link to the same page):
      
   2. Place the page name followed by the ID:
      

END OF PAGE (and anchor placed on this element) - click here to scroll back up to the anchor at the beginning of the page…

This guide allows redirecting visitors who land on non-existent pages (e.g., old pages from a previous website) if your site is currently managed with Infomaniak Site Creator.

Prerequisites

• Know the address (URL) of the page that no longer exists

Redirect Visitors to the New Site Creator Page

To access Site Creator:

1. Log in to the Infomaniak Manager (manager.infomaniak.com) using a web browser like Brave or Edge
2. Click on the icon at the top right of the interface (or navigate via the left sidebar menu, for example)
3. Select Hosting (under Web & Domain)
4. Click on the object name concerned in the displayed table
5. Click on Site Creator in the left sidebar menu
6. Click on Customize my site

Then, in the left sidebar menu:

1. Click on Settings
2. Click on SEO & Meta Tags under Site Configuration
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 visitors 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 had a contact page at domainxyz.com/company/contact.html
• Now your contact page is located at domainxyz.com/about
• You should 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 references or a bookmark click, for example) are automatically redirected to the new page

An alternative method is to add a new Site Creator page with the name of your old page address, then specify a redirection to the URL of your choice, and make it invisible using the toggle button below the redirection field: