Merci de confier l'hébergement de votre site Web à Infomaniak et d'en réaliser son contenu avec Site Creator. Ce guide vous permet de rapidement utiliser les fonctions essentielles de cet outil de création de site accessible et simple.

Préambule

• Découvrez Site Creator:
  • French | Webinar enregistré dans les locaux Infomaniak.
  • German | Quickstart :: Tutorial
  • Italian | Tutorial
• Vous n'avez besoin d'aucun téléchargement pour utiliser gratuitement Site Creator.
  • Il suffit de posséder un hébergement Web payant auprès d'Infomaniak et d'activer Site Creator une première fois.
• Il est recommandé d'utiliser la version la plus récente d'un navigateur comme Chrome, Firefox, Safari et Microsoft Edge, de préférence sur un ordinateur.

Guides des opérations

Informations de base:

1. Gérer les pages
2. Édition simple de pages
3. Gérer les blocs de contenu
4. Gérer les médias (images, vidéos, documents, etc.)
5. Gérer le ou les menus de navigation
6. Gérer thèmes, couleurs, polices
7. Gérer le nom et détails du site

Informations avancées:

1. Édition avancée de pages
2. Gérer les modules supplémentaires (galerie, blog, shop, etc.)
3. Gérer les langues et traductions
4. Créer un formulaire de contact
5. Gestion des cookies (RGPD)
6. Les limites de Site Creator

Vous pouvez également effacer votre site réalisé avec Site Creator et repartir de zéro en recréant un site vierge.

Aide contextuelle

Pour voir ou revoir l'aide contextuelle au démarrage de Site Creator, cliquez à cet endroit de votre Manager:

En cas de problème, consultez la base de connaissances avant de contacter le support Infomaniak.

Cliquez ici afin de partager un avis ou une suggestion sur un produit Infomaniak.

Ce guide explique comment ajouter et configurer un module de boutique en ligne sur votre site créé avec Site Creator Infomaniak pour vous lancer dans le e-commerce et proposer vos produits à la vente.

Prérequis

• Accédez à Site Creator:
  1. Cliquez ici afin d'accéder à la gestion de votre produit sur le Manager Infomaniak (besoin d'aide ?).
  2. Cliquez directement sur le nom attribué au produit concerné.
  3. Cliquez sur Personnaliser mon site:
     

Ajouter le magasin en ligne sur Site Creator

Thèmes dédiés

Si vous envisagez de créer un site entièrement dédié à vos produits sous la forme d'une boutique en ligne, vous pouvez choisir dès le départ d'appliquer un thème parmi ceux de la catégorie E-Commerce:

Les outils nécessaires seront alors déjà intégrés.

Module de boutique pour Site Creator

Mais si le module Shop n'est pas encore intégré à vos pages, il suffit de le rajouter à l'endroit de votre choix:

1. Cliquez sur le bouton Contenu dans la barre latérale gauche.
2. ‍Cliquez sur Applications en bas de liste puis sur Boutique:
   

La boutique et 3 produits d'exemple sont insérés.

Configuration de la boutique

Prenez connaissance de cet autre guide au sujet des différentes options de configuration de la boutique Site Creator.

Ce guide concerne les messages envoyés depuis Site Creator (formulaire de contact ou module e-commerce p.ex).

Préambule

• Par défaut, les e-mails sont envoyés par le protocole PHP mail() non authentifié.
• Il est recommandé de modifier ceci au profit de la méthode SMTP authentifiée.

Modifier la méthode d'envoi

Prérequis

• Accédez à Site Creator:
  1. Cliquez ici afin d'accéder à la gestion de votre produit sur le Manager Infomaniak (besoin d'aide ?).
  2. Cliquez directement sur le nom attribué au produit concerné.
  3. Cliquez sur Personnaliser mon site:
     

Pour modifier la méthode d'envoi des e-mails depuis Site Creator:

1. Cliquez sur le bouton Réglages dans le menu latéral gauche.
2. Cliquez sur Paramètres généraux.
3. Cliquez sur le lien bleu Plus de paramètres:
   
4. Choisissez la méthode SMTP en complétant selon votre adresse mail comme les indications ci-dessous:
   
5. Sauvegardez les changements.

Paramètres à utiliser

• Serveur SMTP sortant = mail.infomaniak.com
• Port SMTP = 465 (avec SSL)
• Nom d'utilisateur/username = l'adresse mail complète & entière
• Mot de passe/password = celui attribué à l'adresse mail 

Ce guide explique comment résoudre un problème de liaison Site Creator / Nom(s) de domaine si vous ne parvenez pas à connecter Site Creator à un domaine.

Résoudre un souci avec le nom de domaine

Voici les situations et solutions si vous ne parvenez pas à effectuer l'opération désirée avec Site Creator:

Ce guide concerne les produits Infomaniak qui intègrent l'utilisation de l'intelligence artificielle, notamment kChat, kDrive, Mail, Site Creator…

Responsabilités des parties

Données fournies à l'IA

• L'IA d’Infomaniak est actuellement basée par défaut sur mixtral8x22b.
  • GPT4 turbo est une option volontaire laissée au choix de l'utilisateur kChat / Mail ; DeepSeek-R1-distilled-qwen-32B est également proposé sur le site et l'API.
  • Les messages audios sont transcrits avec Whisper.
  • Llama 3 est disponible pour l'API AI Tools.
• En utilisant un assistant de rédaction, les messages et les demandes adressées à l’IA sont exclusivement traités en Suisse par l’infrastructure d’Infomaniak.
• Aucune donnée n’est traitée ou partagée avec un tiers.

Données apportées par l'IA

• Le modèle de langage génère du texte en se basant sur les données qu'il a assimilées lors de son apprentissage, dépourvu de conscience, d'intentions ou de responsabilités morales.
• Il est crucial que l'utilisateur soit conscient que les informations générées par le modèle ne sont pas toujours précises et ne doivent pas être considérées comme une source d'information incontestable.
• Il doit exercer son discernement critique et vérifier les informations fournies par l'assistant auprès de sources fiables lorsque nécessaire.
  • Par exemple si une personne utilise le modèle pour des tâches cruciales telles que des conseils médicaux, juridiques ou financiers, elle doit prendre des précautions supplémentaires pour confirmer les informations émanant du modèle.
• En cas d'utilisation inappropriée ou dangereuse de cet assistant, la responsabilité incombe à l'utilisateur qui prend ces actions.

Ce guide explique comment modifier la langue de l'interface Site Creator Infomaniak et comment gérer les traductions de vos pages.

Prérequis

• Accédez à Site Creator:
  1. Cliquez ici afin d'accéder à la gestion de votre produit sur le Manager Infomaniak (besoin d'aide ?).
  2. Cliquez directement sur le nom attribué au produit concerné.
  3. Cliquez sur Personnaliser mon site:
     
      

Changer la langue de l'interface

Pour modifier la langue de Site Creator:

1. Cliquez sur le bouton Réglages dans le menu latéral gauche.
2. Cliquez sur Paramètres généraux.
3. Changez la langue de Site Creator:
   

Un menu déroulant permet de changer la langue de l'interface de l'éditeur Site Creator (cela traduira également quelques éléments accessible par le visiteur, comme le bouton Rechercher de la barre de recherche, etc.) ; les choix sont l'allemand, le français, l'espagnol, l'italien et l'anglais.

N'oubliez pas de sauvegarder vos modifications en bas de page.

Proposer votre site en plusieurs langues

Traductions automatiques et à la volée de toutes vos pages

Pour proposer la traduction de votre site de façon automatique:

1. Cliquez sur le bouton Applications dans le menu latéral gauche.
2. Cliquez sur le module Traductions:
   

Vous pouvez ajouter ou supprimer les langues dans lesquelles votre site sera proposé au visiteur:

Avec la souris, déplacez les langues dans l'ordre souhaité, ce qui affecte le menu déroulant de sélection de la langue (lire ci-dessous).

Ce menu peut être activé dans la partie inférieure de la page de configuration du module de traduction:

Donc une fois les langues déterminées et classées dans la partie supérieure (n'oubliez pas d'enregistrer vos modifications en bas de page), activez le menu pour donner au visiteur le choix de la langue par menu déroulant en haut de page:

Page traduite manuellement

Il est possible de proposer une page (unique, par langue) manuellement préparée à l'avance, vers laquelle le visiteur sera redirigé lorsqu'il choisira une langue différente de la langue principale via le menu déroulant de sélection des langues (lire ci-dessus).

Pour cela il faut éditer la langue désirée en cliquant sur l'icône crayon ✎ puis en cliquant sur le second bouton radio à côté du champ permettant de spécifier l'URL de votre page traduite:

Il est donc possible de rédiger à l'avance une page par langue. Il faudra idéalement masquer ce type de page de votre menu principal:

Ce guide est destiné aux utilisateurs de Site Creator Infomaniak qui souhaitent optimiser le référencement de leur site.

Préambule

• Infomaniak est l'un des hébergeurs le plus performant du marché francophone, ce qui contribue au bon référencement de vos sites.
• En revanche, Infomaniak n'interviendra pas sur le contenu ou le développement des sites hébergés (prenez connaissance de cet autre guide concernant le référencement).

Ajouter Site Creator à Google

Prérequis

• Accédez à Site Creator:
  1. Cliquez ici afin d'accéder à la gestion de votre produit sur le Manager Infomaniak (besoin d'aide ?).
  2. Cliquez directement sur le nom attribué au produit concerné.
  3. Cliquez sur Personnaliser mon site:
     

Pour soumettre votre site au moteur de recherche Google:

1. Cliquez sur le bouton Applications dans le menu latéral gauche.
2. Cliquez sur l'application Ajouter à Google:
   
   
    
   • Vous pouvez y insérer le code de vérification si vous utilisez Google Search Console. 

Définir les balises Meta

Une fois dans Site Creator:

1. Cliquez sur le bouton Réglages dans le menu latéral gauche.
2. Cliquez sur Paramètres généraux.
3. Cliquez sur SEO et statistiques.
4. Insérez titre, description et mots clés du site entier:
   
   

C'est aussi ici que vous pouvez gérer le fichier robots.txt si nécessaire.

Pour définir ceci mais pour une page précise:

1. Cliquez sur le bouton Réglages dans le menu latéral gauche.
2. Cliquez sur Paramètres généraux.
3. Cliquez sur Paramètres de sous-page.
4. Cliquez sur SEO & Métadonnées.

Si vous n'intervenez pas sur cette page, c'est Site Creator qui gère dynamiquement vos balises.

Vous pouvez aussi gérer les URL de vos pages indépendamment du titre SEO de votre page (page nommée "Contact" côté SEO alors que son URL sera par exemple "/enterprise").

Quels "Meta Keywords" ?

Pour entrer plusieurs mots-clés, séparez-les par une virgule ou similaire:

Sitemap.xml

A ne pas confondre avec le module Plan du site, le fichier sitemap.xml liste toutes les pages de votre site pour aider les moteurs de recherche à les découvrir et à les indexer efficacement. Vous pouvez l'examiner pour comprendre la structure du site ; remplacez domain.xyz par votre nom de domaine pour y accéder (de façon publique) depuis un navigateur:

https://domain.xyz/sitemap.xml

Soumettez votre URL propre à Google Search Console (prenez connaissance du premier chapitre plus haut sur ce guide) et autres outils de webmasters pour améliorer l'indexation.

Insérer des codes traceurs

Votre site Web intègre un module Statistiques simple mais vous pouvez utiliser Google Analytics ou d'autres méthodes de tracking (comme Facebook Pixel, Google Tag...) qui nécessitent l'insertion d'un code sur votre site:

1. Cliquez sur le bouton Réglages dans le menu latéral gauche.
2. Cliquez sur Paramètres généraux.
3. Cliquez sur SEO et statistiques.
4. Parcourez la page vers le bas et insérez vos codes pisteurs.

Ce guide concerne Site Creator Infomaniak qui permet de créer un site complet composé de plusieurs pages.

Préambule

• La page d'accueil est obligatoire (avec ou sans en-tête et pied de page).
• Ajoutez des pages supplémentaires, vierges, protégées par mot de passe, ou contenant directement un contenu précis (formulaire de contact par exemple).
• Ajoutez des pages légales (pour y mettre vos conditions générales d'utilisation par exemple).
• Elles feront toutes parties du ou des menus de navigation du site.
• Pour (re)créer un site complet agrémenté de pages et sous-pages (exemples de sites préconçus) vous pouvez installer une maquette de site.

Ajouter une page au site

Prérequis

• Accédez à Site Creator:
  1. Cliquez ici afin d'accéder à la gestion de votre produit sur le Manager Infomaniak (besoin d'aide ?).
  2. Cliquez directement sur le nom attribué au produit concerné.
  3. Cliquez sur Personnaliser mon site:
     

Une fois dans Site Creator:

1. Cliquez sur le bouton Réglages dans le menu latéral gauche - la liste de vos pages apparaît.
2. Cliquez sur le bouton Ajouter une page en dessous de l'arborescence existante:
   
3. Choisissez un nom de page et Afficher plus d'options pour choisir le type de page et d'autres réglages.

Copier / Dupliquer une page

Pour cela:

1. Cliquez sur le bouton Réglages dans le menu latéral gauche - la liste de vos pages apparaît.
2. Survolez la page désirée dans l'arborescence existante.
3. Cliquez sur l'icône de duplication qui apparait au survol.

Autre possibilité: se rendre sur la page qu'on souhaite cloner. Sous Réglages, cliquez sur le bouton Ajouter une page en dessous de l'arborescence existante et dans Afficher plus d'options choisissez Cloner / dupliquer:
 

Renommer une page

Pour cela:

1. Cliquez sur le bouton Réglages dans le menu latéral gauche - la liste de vos pages apparaît.
2. Survolez la page désirée dans l'arborescence existante.
3. Cliquez sur la roue dentée pour accéder aux options de la page:
   

Autre possibilité: sous Réglages, sur l'arborescence existante, vous pouvez directement renommer vos pages puis Enregistrer les modifications en bas de page:

Attention, renommer une page change son URL.

Changer l'ordre des pages

Pour cela:

1. Cliquez sur le bouton Réglages dans le menu latéral gauche - la liste de vos pages apparaît.
2. Sur l'arborescence existante, vous pouvez directement glisser vos pages afin de changer leur ordre (cela influence surtout l'affichage des pages au sein d'un menu) puis Enregistrer les modifications en bas de page:
    
   

Supprimer une page

Pour cela:

1. Cliquez sur le bouton Réglages dans le menu latéral gauche - la liste de vos pages apparaît.
2. Survolez la page désirée dans l'arborescence existante.
3. Cliquez sur la corbeille qui apparait au survol.
4. Confirmez la suppression et la page disparait sans possibilité d'annulation.

Autre possibilité: se rendre sur la page qu'on souhaite supprimer. Sous Réglages, cliquez sur le bouton rouge Corbeille en bas de page pour la supprimer:

Créer une page privée / protégée par mot de passe

Pour cela:

1. Cliquez sur le bouton Réglages dans le menu latéral gauche - la liste de vos pages apparait.
2. Survolez la page désirée dans l'arborescence existante.
3. Cliquez sur la roue dentée pour accéder aux options de la page.
4. Activez l'option de protection par mot de passe afin de définir le mot de passe qui sera demandé lors de la consultation de la page:
   
5. Enregistrez les modifications en bas de page.

Pour tester, visitez la page depuis un navigateur en navigation privée (afin de ne pas être connecté à Site Creator) ou prévisualisez la page depuis l'éditeur.

Ajouter une page "cachée"

Pour ajouter une page qui n'apparaîtra pas dans le menu principal (mais qui restera accessible par son adresse directe et par un moteur de recherche si celui-ci indexe votre page, ainsi que dans le plan du site si vous le désirez):

1. Cliquez sur le bouton Réglages dans le menu latéral gauche - la liste de vos pages apparaît.
2. Survolez la page désirée dans l'arborescence existante.
3. Cliquez sur la roue dentée pour accéder aux options de la page.
4. Choisissez le dernier type d'affichage afin de masquer la page dans la navigation et déterminer si vous voulez malgré tout inclure la page dans le plan du site:
   
5. Enregistrez les modifications en bas de page.

Autre possibilité: survolez la page désirée dans l'arborescence existante et cliquez sur l'icône de page à gauche du nom de votre page, jusqu'à faire apparaitre l’œil barré:

Enregistrez les modifications en bas de page.

Si nécessaire vous pouvez créer un lien vers cette page à partir d'une autre, car la page masquée apparaitra quand même dans la liste des pages du site lorsque vous ajoutez un lien interne:

Ce guide explique comment obtenir et se connecter à Site Creator Infomaniak.

Préambule

• Vous n'avez besoin d'aucun téléchargement pour utiliser gratuitement Site Creator.
• Il suffit de posséder un hébergement Web payant auprès d'Infomaniak.
• Un seul Site Creator peut être mis en place sur un hébergement Web. Pour gérer plusieurs sites créés avec Site Creator dans la même organisation, il est donc nécessaire de posséder plusieurs hébergements Web.

Activer Site Creator sur un hébergement Web

Pour ajouter Site Creator sur un site de votre hébergement Web:

1. Cliquez ici afin d'accéder à la gestion de votre produit sur le Manager Infomaniak (besoin d'aide ?).
2. Cliquez directement sur le nom attribué au produit concerné.
3. Prenez connaissance de cet autre guide à partir du point 5 et choisir Site Creator au point 6.

Pour accéder à Site Creator

Pour commencer à utiliser Site Creator pour la conception de votre site Web:

1. Cliquez ici afin d'accéder à la gestion de votre produit sur le Manager Infomaniak (besoin d'aide ?).
2. Cliquez directement sur le nom attribué au produit concerné.
3. Cliquez sur Personnaliser mon site:
   

Lorsque Site Creator est installé sur votre site et que vous naviguez sur celui-ci, si vous ne vous êtes pas déconnecté du Manager Infomaniak, alors le menu d'édition sera visible (de vous seul) pour utiliser à tout moment l'éditeur.

Vous pouvez le masquer et y revenir quand vous le souhaitez:

Ce guide concerne Site Creator, outil Infomaniak pour la création de site proposant entre autre une bibliothèque pour vos médias (images, vidéos, documents, etc.).

Prérequis

• Accédez à Site Creator:
  1. Cliquez ici afin d'accéder à la gestion de votre produit sur le Manager Infomaniak (besoin d'aide ?).
  2. Cliquez directement sur le nom attribué au produit concerné.
  3. Cliquez sur Personnaliser mon site:
     

Accéder aux fichiers

La bibliothèque est accessible depuis la partie inférieure du menu latéral gauche, sous Fichiers:

Ces médias seront à votre disposition lorsque vous éditerez vos pages et souhaiterez insérer du contenu. 

Organisez vos fichiers, dossiers et sous-dossiers

Attention vous ne pouvez pas:

• déplacer des fichiers/dossiers
• renommer des fichiers/dossiers
• supprimer un dossier si celui-ci n'est pas entièrement vide

Créer un nouveau dossier

Utiliser le menu d'action ⋮ en bas à droite de la fenêtre:

Charger un nouveau fichier dans la bibliothèque

Cliquez sur Envoyer un fichier pour parcourir votre disque dur et charger les fichiers désirés:

Les formats d'image habituels sont supportés (webp, jpg, jpeg, png, gif, svg, etc.), idem pour les vidéos (mp4, mov, etc.) et vous pouvez également charger des fichiers (zip, pdf, etc.) afin de p.ex les mettre à disposition des visiteurs par le module Téléchargement de fichier.

Compresser une image

Les images qui font plus de 1200 px sont automatiquement réduites à 1200 px lors de leur importation. Mais vous pouvez également compresser l'image elle-même avec l'option Compresser une image depuis la bibliothèque, afin de gagner en rapidité d'affichage de votre site.

⚠ L'option Compresser une image génère l'erreur de clé API TinyPNG:

Pour éviter cela, obtenir une clé API TinyPNG sur leur site et la renseigner sous Applications > TinyPNG de SiteCreator:

Ouvrir l'éditeur d'image

Survolez une image de la bibliothèque et cliquez sur le menu d'action ⋮ pour accéder à l'éditeur d'image:

Rechercher et utiliser des images libres

Dans la barre latérale gauche de la bibliothèque se trouve un élément de menu conduisant à des images stock (banque d'images) libres de droit que vous pouvez insérer dans votre bibliothèque pour agrémenter votre site:

Protéger votre contenu

Cliquez sur Paramètres dans la barre latérale gauche puis sur Paramètres généraux:

Interdire le clic droit

En bas se trouve une option qui une fois activée interdit le clic droit des visiteurs sur votre site.

Résoudre un problème d'envoi de média

Essayez de téléverser des JPG ou PNG les plus légers possible ; il n'est pas nécessaire d'envoyer sur le serveur des images d'une largeur supérieure à 1000-2000 pixels.

Assurez-vous que vos fichiers ne soient pas en résolution "300DPI" ou supérieure, vous n'en avez pas besoin sur votre site Web, c'est uniquement pour l'impression.

Si vous essayez de téléverser des fichiers directement depuis votre appareil photo, essayez de les redimensionner avant de le téléversement ; depuis votre iPhone, l'image peut être au format HEIF/HEIC, qui n'est pas pris en charge - essayez de la convertir en JPG d'abord.