Base de connaissances

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éder à Site Creator:
  • Cliquer ici afin d'accéder à la gestion de votre produit sur le Manager Infomaniak (besoin d'aide ?).
  • Cliquer directement sur le nom attribué au Site Creator concerné.
  • Cliquer sur le bouton Éditer mon site pour démarrer l'éditeur:
    

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:
   

Cette application permet 2 opérations:

1. Ouvrir l'interface Google Search Console permettant la gestion des analyses de votre site:
   
2. Vous pouvez y insérer le code de vérification fourni par Google Search Console dans le cas où vous choisissez la méthode simple (lire ci-dessous):
   

Vérification de la propriété (demandée par Google)

Quand vous souhaitez ajouter votre site à l'outil Google, et que vous cliquez sur le bouton à l'étape 1 ci-dessus, il vous sera fait 2 propositions:

1. la méthode pour monitorer un domaine entier, qui requiert une vérification qu'il faudra faire au niveau de votre nom de domaine (sur l'interface Infomaniak si votre nom de domaine / zone DNS est géré par Infomaniak),
2. la méthode plus simple permettant d'indiquer l'URL précise de votre site et pour laquelle la vérification se fera directement depuis Site Creator:
   

1. Méthode avec vérification de la propriété du nom de domaine)

1. Entrez l'URL de votre Site Creator au complet et cliquez sur Continuer:
   
2. Vérifiez que le type TXT soit sélectionné et cliquez sur le bouton COPIER:
   
3. Cliquez ici afin d'accéder à la gestion de votre nom de domaine si celui-ci est géré auprès d'Infomaniak (sinon il faudra appliquer ces opérations chez le prestataire concerné).
4. Cliquez directement sur le nom attribué au produit concerné.
5. Cliquez sur Zone DNS dans le menu latéral gauche.
6. Cliquez sur le bouton pour ajouter un enregistrement:
   
7. Sélectionnez le type TXT dans la liste.
8. Cliquez sur le bouton Suivant:
   
9. Laissez ce champ vide ou entrez le terme venant avant votre nom de domaine si vous avez créé un site xxx.domain.xyz (dans cet exemple il s'agirait de rentrer visit dans le champ Source, puisque Site Creator est créé sur https://visit.exemple-domaine.ch).
10. Collez l'information récupérée au point 2 ci-dessus.
11. Cliquez sur le bouton pour Enregistrer:
    
12. Revenez sur l'outil Google et cliquez sur Vérifier (patientez quelques minutes si la vérification ne se fait pas):
    
13. Ca y est, le lien est établi entre votre Site Creator et la console d'analyse ; cliquez sur le bouton pour aller configurer la propriété:
    

2. Méthode simple

1. Entrez l'URL de votre Site Creator au complet et cliquez sur Continuer:
   
2. Cliquez sur le chevron ‍ pour développer la rubrique TAG HTML permettant d'obtenir l'information à coller dans Site Creator pour prouver son appartenance.
3. Cliquez sur le bouton COPIER:
   
4. Collez l'information dans la zone prévue à cet effet sur Site Creator.
5. Enregistrez les changements:
   
6. Revenez sur l'outil Google et cliquez sur Vérifier (patientez quelques minutes si la vérification ne se fait pas):
   
7. Ca y est, le lien est établi entre votre Site Creator et la console d'analyse ; cliquez sur le bouton pour aller configurer la propriété:
   

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 métadonnées.
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 détaille les interactions possibles entre Site Creator Infomaniak et réseaux sociaux.

Spécifier les URL de vos différents profils sociaux

Prérequis

• Accéder à Site Creator:
  • Cliquer ici afin d'accéder à la gestion de votre produit sur le Manager Infomaniak (besoin d'aide ?).
  • Cliquer directement sur le nom attribué au Site Creator concerné.
  • Cliquer sur le bouton Éditer mon site pour démarrer l'éditeur:
    

Pour permettre aux visiteurs de cliquer sur les liens de vos réseaux sociaux:

1. Cliquez sur le bouton Réglages dans le menu latéral gauche.
2. Cliquez sur Médias sociaux.
3. Indiquez les adresses de vos différents profils sociaux (Tiktok, Instagram, etc.) y compris un numéro de téléphone et une adresse mail si vous le souhaitez.‍
4. Enregistrez les modifications en bas de page:
   ‍

Ajouter les icônes de vos profils

Ajouter des icônes de vos médias sociaux dans le pied de page ou dans l'en-tête de votre site Web:

1. Cliquez sur le bouton Réglages dans le menu latéral gauche.
2. Cliquez sur Médias sociaux.

En bas vous pouvez spécifier à quel endroit vous souhaitez faire apparaitre les icônes correspondant aux profils que vous aurez complété plus haut:

Enregistrez les modifications en bas de page.

Ajouter un bloc de partage social

Parmi les blocs que vous pouvez ajouter au sein d'une page, un premier bloc propose une ligne de boutons permettant au visiteur de s'abonner facilement à vos différents médias sociaux:

Un second type de bloc propose une ligne de boutons permettant au visiteur de partager la page sur les principaux médias sociaux:

Obtenir le code QR du site

Pour obtenir le code QR de votre site:

1. Cliquez sur le bouton Réglages dans le menu latéral gauche.
2. Cliquez sur l'icône de code QR tout en haut:
   

Vous pourrez télécharger le code QR correspondant à l'adresse de votre page d'accueil. Ainsi un utilisateur qui scanne votre code QR pourra facilement se rendre sur votre site.

Changer l'image OG de partage social

Lorsque vous partagez un lien vers votre site Web sur les réseaux sociaux, une miniature (Og:image pour image OpenGraph) y est souvent automatiquement associée:

1. Cliquez sur le bouton Réglages dans le menu latéral gauche
2. Cliquez sur SEO et métadonnées sous Paramètres généraux.
3. Descendez jusqu'à Open Graph et choisissez l'image:
   

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éder à Site Creator:
  • Cliquer ici afin d'accéder à la gestion de votre produit sur le Manager Infomaniak (besoin d'aide ?).
  • Cliquer directement sur le nom attribué au Site Creator concerné.
  • Cliquer sur le bouton Éditer mon site pour démarrer l'éditeur:
    

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. Pour terminer, il faudra idéalement masquer ce type de page de votre menu principal:

Ce guide est destiné aux utilisateurs de l'outil Site Creator Infomaniak qui souhaitent donner la possibilité aux visiteurs de pouvoir effectuer une recherche textuelle dans le contenu du site.

Prérequis

• Accéder à Site Creator:
  • Cliquer ici afin d'accéder à la gestion de votre produit sur le Manager Infomaniak (besoin d'aide ?).
  • Cliquer directement sur le nom attribué au Site Creator concerné.
  • Cliquer sur le bouton Éditer mon site pour démarrer l'éditeur:
    

Ajouter une barre de recherche à Site Creator

Pour permettre aux visiteurs de rechercher du contenu sur votre site conçu avec Site Creator, il faut activer la barre de recherche:

1. Cliquez sur le bouton Réglages dans le menu latéral gauche.
2. Cliquez sur Paramètres généraux.‍
3. Activez l'option de recherche.
4. Enregistrez les modifications en bas de page‍.
5. Visualisez le nouvel emplacement de recherche sur votre page d'accueil:
   ‍
   • Une icône de loupe sera ajoutée dans l'en-tête de votre site et la barre de recherche apparait si on clique dessus:
     ‍

Ce guide explique comment personnaliser le code source, modifier le CSS, modifier la partie HEAD ou BODY d'un site Web réalisé avec Site Creator Infomaniak.

Prérequis

• Accéder à Site Creator:
  • Cliquer ici afin d'accéder à la gestion de votre produit sur le Manager Infomaniak (besoin d'aide ?).
  • Cliquer directement sur le nom attribué au Site Creator concerné.
  • Cliquer sur le bouton Éditer mon site pour démarrer l'éditeur:
    

Ajouter du code personnalisé

Une fois dans Site Creator:

1. Cliquez sur Design dans le menu latéral gauche.
2. Cliquez sur Plus de paramètres.
3. Cliquez sur Code personnalisé en bas:
   
4. Saisissez du code HTML, JavaScript (avec ses balises script) ou CSS personnalisé (avec ses balises style) - lire plus bas pour quelques exemples.
5. Enregistrez les modifications en bas de page.

Métadonnées dans HEAD & BODY

Pour ajouter du code JavaScript ou n'importe quel autre code dans la partie HEAD ou BODY du code source de votre site:

1. Cliquez sur Réglages dans le menu latéral gauche.
2. Cliquez sur SEO & Métadonnées dans la partie Configuration du site Web:
   
3. Descendez jusqu'à Code personnalisé.
4. Choisissez d'ajouter sous les onglets HEAD ou sous BODY.
5. Enregistrez les modifications en bas de page:
   

Exemples de personnalisation CSS

Ces exemples permettent de démarrer la personnalisation avancée des pages du site Web. Un risque existe toutefois en fonction des modifications apportées de ne plus pouvoir accéder à l'éditeur lui-même ce ce qui vous obligera à le recommencer de zéro.

Personnaliser le fond d'écran du site Web

Pour mettre l'image de votre choix (à charger dans la bibliothèque de fichiers) en fond de page et personnaliser son affichage:

1. Rendez-vous au point 3 visible sur la première image en haut de ce guide.
2. Insérez le code <style> pour indiquer que vous souhaitez modifier le code CSS,
3. puis body { pour indiquer que vous voulez modifier le corps de la page et le "{" pour ouvrir l'espace permettant d'insérer les commandes,
4. puis background-image: url("../data/files/fond01.jpg"); avec le chemin & nom précis de l'image chargée dans la bibliothèque sans oublier le point virgule pour pouvoir insérer la commande suivante.
5. background-repeat: repeat; pour répéter l'image insérée.
6. background-attachment: fixed; pour que l'image de fond reste fixe même si le visiteur fait défiler la page vers le bas ou le haut pour lire son contenu.
7. } pour fermer l'espace d'insertion ouvert auparavant.
8. </style> pour indiquer que le code se termine ici.

Espacer les lettres de tous les liens du site

Pour écarter (beaucoup) les lettres entre elles sur les mots cliquables (liens):

1. Rendez-vous au point 3 visible sur la première image en haut de ce guide.
2. Insérez le code (si pas encore présent) <style> pour indiquer que vous souhaitez modifier le code CSS,
3. puis .container div a { pour indiquer que vous voulez modifier les blocs de la page et plus particulièrement les liens ("a") et le "{" pour ouvrir l'espace permettant d'insérer les commandes,
4. puis letter-spacing:1em; en diminuant la valeur (0.9em par exemple) sans oublier le point virgule pour pouvoir insérer la commande suivante ou terminer.
5. } pour fermer l'espace d'insertion ouvert auparavant.
6. </style> pour indiquer que le code se termine ici.

Prenez connaissance de ces autres exemples de code CSS à insérer sur votre site.

Ce guide concerne les "Applications"  (ou "modules", “extensions”) disponibles dans Site Creator Infomaniak selon la version dont vous disposez, pour créer un site vitrine, un blog ou une boutique en ligne 100% personnalisable, sans aucune connaissance technique.

Différentes Applications

En plus des blocs de contenu proposant différentes mises en page préformatées, vous pouvez également insérer des blocs sous forme de modules ayant chacun une fonction précise:

1. Vidéo
2. Lecteur audio
3. Slider d'images / diaporama
4. Téléchargement de fichier
5. Localisation sur plan
6. Sondage
7. Base de connaissances
8. Questions et réponses
9. Calendrier
10. Calendly
11. Menu de sous-pages
12. Plan du site (sitemap)
13. Ajouter à Google
14. Code HTML personnalisé
15. Formulaire de contact
16. Blog
17. Shop
18. Lecteur de flux RSS
19. Menu de restaurant
20. Google Analytics

Insérer un module sur une page

Pour insérer un module:

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 Site Creator concerné.
3. Cliquez sur le bouton Éditer mon site pour démarrer l'éditeur:
   

Une fois dans Site Creator:

1. Cliquez sur le bouton Contenu dans le menu latéral gauche.
2. Cliquez sur Applications en bas et le contenu à disposition s'affiche sur la droite.
3. Cliquez sur l'une de ces applications pour l'insérer dans la page:
   
4. Une fois inséré, survolez le module (ou le bloc lui-même selon le module) pour accéder à ses réglages:
   

Module multiple ou module disparu

Si vous supprimez un de vos modules (tel que celui pour faire un sondage) déjà configuré et souhaitez revenir en arrière, appuyez sur Annuler immédiatement:

ou

Vous pouvez également réinsérer le module qui devrait revenir avec ces précédents réglages.

Vous ne pouvez pas insérer plusieurs modules du même type pour les personnaliser indépendamment l'un de l'autre.

Autres intégrations & widgets

Cliquez sur le bouton APPLICATIONS dans la barre latérale gauche de Site Creator:
‍

Exemple: insérer un décompte

Pour ajouter un compteur permettant l'affichage d'un décompte:

1. Dans le menu latéral gauche cliquez sur le bouton Contenu.‍
2. Cliquez sur Objets dans la liste et le contenu à disposition s'affiche sur la droite.
3. Cliquez sur l'un de ces objets pour l'insérer sur la page:
   
4. Une fois inséré, survolez le module pour accéder à ses réglages::
   

Ce guide explique comment ajouter et personnaliser un bouton sur votre page Site Creator Infomaniak, notamment un bouton fixe permettant le retour en haut de page.

Prérequis

• Accéder à Site Creator:
  • Cliquer ici afin d'accéder à la gestion de votre produit sur le Manager Infomaniak (besoin d'aide ?).
  • Cliquer directement sur le nom attribué au Site Creator concerné.
  • Cliquer sur le bouton Éditer mon site pour démarrer l'éditeur:
    

Ajouter un lien sous forme de bouton

Pour ajouter un bouton (qui conduit vers l'adresse URL de votre choix lors d'un clic dessus):

1. Rédigez le texte du bouton.
2. Sélectionnez le texte.
3. Appuyez sur les points ••• à droite de la barre d'outils pour accéder aux options supplémentaires.
4. Cliquez ensuite sur l'icône du chainon pour ouvrir la partie qui vous permettra de spécifier le type de lien et les options associées:
   
5. Configurez la page de destination et l'apparence du bouton.
6. Enregistrez les changements en bas de l'onglet:
   
7. Visualisez le bouton sur votre page.
8. Cliquez sur le bouton pour revenir à l'éditeur si nécessaire:
   

Ajouter un bouton “Back to top”

Pour ajouter et personnaliser un bouton qui ramène le visiteur vers le haut de votre page Site Creator dès que la page défile:

1. Cliquez sur le bouton Design dans le menu latéral gauche.
2. Cliquez sur Plus de paramètres.‍
3. Activez l'option pour afficher le bouton de retour en haut.
4. Réglez l'espacement depuis le bord droit.
5. Enregistrez les modifications en bas de page:
   

Rafraichissez éventuellement la page pour voir la modification:

Prenez connaissance de cet autre guide au sujet d'une solution alternative.

Ce guide vous aide à personnaliser un site Web créé avec Site Creator Infomaniak.

Prérequis

• Accéder à Site Creator:
  • Cliquer ici afin d'accéder à la gestion de votre produit sur le Manager Infomaniak (besoin d'aide ?).
  • Cliquer directement sur le nom attribué au Site Creator concerné.
  • Cliquer sur le bouton Éditer mon site pour démarrer l'éditeur:
    

Changer les couleurs du site

Pour gérer les thèmes, couleurs et polices dans Site Creator:

1. Cliquez sur le bouton Design dans le menu latéral gauche.
2. Cliquez sur Couleurs du site:
   

Vous pouvez choisir parmi les palettes de couleurs disponibles ou créer votre propre jeu de couleurs personnalisé.

En dessous il existe des paramètres plus spécifiques, où vous pouvez spécifier à quels éléments une couleur doit être appliquée:

Gérer le fond (image / couleur) des blocs

Sur la page d'édition de votre site, survolez un bloc et cliquez sur la roue dentée pour accéder aux réglages:

Charger un modèle de site Web

Vous pouvez modifier la conception complète de votre site Web en changeant le thème de celui-ci, et en décidant ce qui devra être écrasé ou pas sur le site actuel lors du changement:

1. Cliquez sur le bouton Design dans le menu latéral gauche.
2. Cliquez sur Choix du thème:
   

C'est là que vous pouvez choisir parmi les thèmes de sites Web disponibles:

Lorsque vous avez trouvé votre nouveau thème, cliquez sur Installer puis vous pourrez choisir les parties du nouveau modèle que vous souhaitez importer (par défaut, seuls les couleurs, polices ou style de menu) pour éviter que le contenu de votre site Web ne soit écrasé.

Si votre site Web est nouveau, vous pouvez choisir plus d'options lors de l'importation.

Changer les polices du site Web

Pour cela:

1. Cliquez sur le bouton Design dans le menu latéral gauche.
2. Cliquez sur Polices:
   

Vous pouvez facilement changer les polices principales du site Web, la première police étant utilisée pour les en-têtes et la seconde police pour le contenu.

En dessous il existe des paramètres plus spécifiques, où vous pouvez spécifier à quels éléments une police doit être appliquée.

Il n'est pas possible d'importer ou d'ajouter une police personnalisée mais vous pouvez modifier le fournisseur (la liste de polices sera la même) pour des questions de confidentialité par exemple:

1. Cliquez sur Réglages dans le menu latéral gauche.
2. Cliquez sur Paramètres généraux
3. Choisissez le fournisseur des polices:
   

Résoudre un problème de texte absent / invisible

Si vous avez l'impression que votre bloc de texte a disparu ou qu'il est invisible

alors sélectionnez tout le contenu du site Web (ctrl + a ou cmd + a sur Mac) ; si vous voyez que votre contenu est là, cela signifie probablement que les paramètres du bloc sont réglés pour un fond sombre:

Dans ce cas, allez dans les paramètres du bloc et assurez-vous que l'option "Fond sombre" n'est pas cochée. Cela devrait résoudre ce problème:

Ce guide explique comment gérer la partie logo, en-tête et pied de page (footer) dans Site Creator Infomaniak.

Prérequis

• Accéder à Site Creator:
  • Cliquer ici afin d'accéder à la gestion de votre produit sur le Manager Infomaniak (besoin d'aide ?).
  • Cliquer directement sur le nom attribué au Site Creator concerné.
  • Cliquer sur le bouton Éditer mon site pour démarrer l'éditeur:
    

Ajouter un logo de site Web

Une fois dans Site Creator:

1. Cliquez sur le bouton Réglages dans la barre latérale gauche.
2. Cliquez sur Logo / titre.‍‍
3. Chargez une image et choisissez si le nom du site doit également s'afficher à côté.
4. Sauvegardez les changements:
   

Réglages du logo

1. Cliquez sur le bouton Design dans la barre latérale gauche.
2. Cliquez sur Menu Designer‍.
3. Cliquez sur Titre/logo.
4. Puis réglez espacements et couleurs.
5. Sauvegardez les changements:
   

Affichage du logo au centre

Au même endroit que ci-dessus (vous pouvez également y accéder en survolant l'en-tête et son logo), activez l'option pour afficher le logo sur une ligne séparée ce qui centrera le logo du site:

Masquer le logo (+ en-tête et pied de page)

Pour créer une page sans logo qui n'aura ni en-tête (donc aucun menu affiché) ni pied de page, il faut la définir comme Page d'accueil (c'est-à-dire "Landing page" ; attention cela ne change pas l'ordre des pages) grâce à un bouton qui se trouve ici:

1. Cliquez sur le bouton Réglages dans la barre latérale gauche.
2. Cliquez sur Liste des pages.
3. Survolez une page dans l'arborescence existante et cliquez sur l'icône de roue dentée qui apparait au survol.
4. ‍Activez l'option en bas "Page d'accueil" pour masquer en-têtes et pied de page:
   

Ce guide explique comment modifier certains détails d'un site créé avec Site Creator Infomaniak.

Prérequis

• Accéder à Site Creator:
  • Cliquer ici afin d'accéder à la gestion de votre produit sur le Manager Infomaniak (besoin d'aide ?).
  • Cliquer directement sur le nom attribué au Site Creator concerné.
  • Cliquer sur le bouton Éditer mon site pour démarrer l'éditeur:
    

Changer le nom du site Web

Cliquez sur le bouton Réglages dans la barre latérale gauche, puis sur Titre du site:

Coordonnées de l'entreprise

Cliquez sur le bouton Réglages dans la barre latérale gauche, puis sur Coordonnées de contact sous Configuration du site Web:
‍

Ce guide est au sujet de la mise en place, dans Site Creator Infomaniak, de l'icône affichée dans la barre des favoris d'un navigateur Web, le favicon.

Préambule

• Les formats recommandés par Microsoft pour ses navigateurs sont 16 x 16, 32 x 32 et 48 x 48.
• Apple, quant à elle, recommande que la dimension du favicon soit de 180 x 180.

Définir le favicon Site Creator

Prérequis

• Accéder à Site Creator:
  • Cliquer ici afin d'accéder à la gestion de votre produit sur le Manager Infomaniak (besoin d'aide ?).
  • Cliquer directement sur le nom attribué au Site Creator concerné.
  • Cliquer sur le bouton Éditer mon site pour démarrer l'éditeur:
    

Pour définir un nouveau favicon:

1. Cliquez sur le bouton Réglages dans le menu latéral gauche.
2. Cliquez sur Réglages généraux:
   
3. Faites défiler vers le bas jusqu'à la section Favicon puis cliquez pour choisir une image:
   
4. Importez/choisissez la favicon sur votre disque dur:
   
5. Enregistrez les modifications en bas de page:
   
6. Prévisualisez le résultat dans votre navigateur (si nécessaire dans un nouvelle fenêtre en navigation privée par exemple):
   

Ce guide explique comment ajouter et configurer un formulaire de contact sur votre site créé avec Site Creator Infomaniak.

Créer un formulaire de contact personnalisé

Prérequis

• Accéder à Site Creator:
  • Cliquer ici afin d'accéder à la gestion de votre produit sur le Manager Infomaniak (besoin d'aide ?).
  • Cliquer directement sur le nom attribué au Site Creator concerné.
  • Cliquer sur le bouton Éditer mon site pour démarrer l'éditeur:
    

Vous pouvez créer un ou plusieurs formulaires permettant à vos visiteurs d'écrire un message, de s'inscrire à une activité, bref, de remplir toute sorte de formulaire en ligne avec ou sans pièce jointe:

1. Cliquez sur le bouton Contenu dans le menu latéral gauche.
2. Cliquez sur Applications en bas de liste.
3. Cliquez sur Créateur de formulaires:
   
4. Construisez votre formulaire à l'aide des éléments à gauche.
5. Sauvegardez en bas de page:
   

Une fois le premier formulaire créé, vous pouvez l'insérer en cliquant sur ‍ à l'emplacement de votre choix et en le sélectionnant:

Le formulaire créé va s'insérer sur votre page:

Paramètres du formulaire de contact

Vous pouvez personnaliser le message de remerciement, l'éventuelle page de redirection après soumission, l'adresse mail utilisée, ajouter un captcha (recommandé), etc.

Pour cela, survolez le module pour accéder à ses réglages:

Cliquez si nécessaire sur le formulaire que vous souhaitez éditer, puis sur les Propriétés du formulaire:

Vous pouvez également supprimer le formulaire créé pour qu'il ne soit plus proposé:

Ce guide explique comment créer des galeries avec vos photos dans Site Creator Infomaniak.

Créer une galerie de photos

Prérequis

• Accéder à Site Creator:
  • Cliquer ici afin d'accéder à la gestion de votre produit sur le Manager Infomaniak (besoin d'aide ?).
  • Cliquer directement sur le nom attribué au Site Creator concerné.
  • Cliquer sur le bouton Éditer mon site pour démarrer l'éditeur:
    

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. Activez Afficher plus d'options pour choisir le type de page GALERIE PHOTO:
   
4. Validez, la nouvelle page avec le module de galerie photo s'affiche à l'écran:
   

Paramétrer la galerie photo

Pour cela:

1. Survolez le module pour accéder aux paramètres de la galerie.
2. Cliquez sur Éditer‍:
   ‍

Albums photo

Vous pouvez créer des galeries photos supplémentaires pour vos différents albums:
‍
 

Modifier l'ordre des photos

Lorsque votre galerie est créée, chaque nouvelle photo que vous téléchargez depuis votre ordinateur est ajoutée à la fin de la liste des photos ; vous pouvez facilement modifier cet ordre en glissant les photos avec la souris quand vous éditez une galerie:

 

De plus, vous pouvez ajouter une description à n'importe laquelle de vos photos, sous chaque image, vous remarquerez le champ "Description de l'image", commencez à y taper votre description et appuyez sur le bouton vert pour enregistrer les modifications:

Ajouter un widget défilement d'images

Pour configurer un ou plusieurs widgets Slider dynamique, sur lesquels une ou plusieurs photos glisseront latéralement (sans aucun lien avec les galeries photos décrites ci-dessus):

1. Cliquez sur le bouton Applications dans le menu latéral gauche.
2. Cliquez sur Slider:
   
3. Configurez le widget selon vos préférences.
4. Insérez le widget configuré à l'endroit désiré en cliquant sur Contenu puis Apps et choisissez Slider:
   
5. Sélectionnez le Slider créé pour l'insérer sur la page:
   

Ce guide explique comment ajouter et configurer un module de blog sur votre site créé avec Site Creator Infomaniak.

Préambule

• Il n'existe pas de fonctionnalité permettant la gestion de multiples utilisateurs sur la section Blog (ni sur Site Creator).
• Plusieurs utilisateurs d'une même Organisation ayant accès à Site Creator (via leur autorisation d'accès à l'hébergement Web) pourront publier sur le blog, mais l'identité de l'auteur restera la même pour tous.
• Il est possible de se faire aider par l'intelligence artificielle Euria comme c'est le cas sur le reste des pages de Site Creator.
  • Prenez connaissance de cet autre guide au sujet du modèle utilisé par l'assistant de rédaction et des responsabilités de chacun.

Commencer un blog sur Site Creator

Prérequis

• Accéder à Site Creator:
  • Cliquer ici afin d'accéder à la gestion de votre produit sur le Manager Infomaniak (besoin d'aide ?).
  • Cliquer directement sur le nom attribué au Site Creator concerné.
  • Cliquer sur le bouton Éditer mon site pour démarrer l'éditeur:
    

Une fois dans Site Creator, sur la page où vous voulez insérer vos futurs articles de blog:

1. Cliquez sur le bouton + situé en-dessous d'un bloc déjà inséré:
   
2. Cliquez sur Applications (sur l'onglet Contenu qui s'est ouvert quand vous avez cliqué pour ajouter le bloc visuel).
3. Cliquez sur le module Blog:
   
   • Si c'est la première insertion de ce module, alors vous obtenez le bloc visuel suivant avec un exemple de premier article publié (passez au point 4 ci-dessous):
     
   • Si vous avez déjà testé le module Blog auparavant et que vous l'avez retiré de vos pages, vous obtenez ceci:
     
     1. Appuyez sur le choix du haut pour insérer le bloc principal.
     2. Appuyez sur le second choix pour afficher un bloc avec les 3 derniers articles publiés uniquement si vous avez déjà un bloc principal inséré ailleurs sur le site.‍
4. Une fois le module Blog inséré, survolez le bloc et cliquez sur le bouton de menu à trois lignes horizontales ☰ Blog puis sur ‍ Nouvel article pour insérer un article vierge:
   

Publier du contenu en exploitant l'intelligence artificielle

Pour rédiger du contenu et si nécessaire améliorer vos rédactions:

1. Choisissez une image pour la bannière, entrez un titre, sous-titre optionnel, corps de l'article avec différentes mises en forme:
   
2. Appuyez sur le signe + au niveau du texte de l'article ou la touche tabulation de votre clavier:
   
3. Sélectionnez le contenu puis cliquez dessus pour faire apparaitre une barre d'outils de formatage du texte.
4. Depuis cette barre d'outils, accédez aux possibilités offertes par l'IA (traduction, reformulation, correction, etc.):
   
5. Publiez en cliquant sur le bouton Publier (ou sauvegardez le brouillon pour plus tard).

Éditer le blog

Pour activer les commentaires, les notifications par mail, la disposition par liste et le tri de celles-ci, etc.:

1. Cliquez sur Applications dans le menu latéral gauche.
2. Cliquez sur Blog.
3. Cliquez sur Paramètres et réglez vos préférences sans oublier de sauvegarder en bas de page:
   

Éditer les articles de blog

Quel que soit l'endroit où vous vous trouvez lors de l'édition de votre site, il vous suffit d'aller dans le menu Applications en bas à gauche, puis de cliquer sur Blog:

Pour éditer le contenu de votre article, cliquez sur Parcourir les articles dans le menu latéral gauche, survolez et cliquez sur l'icône crayon ✎:

Pour paramétrer (lire ci-dessous) l'un des articles, survolez et cliquez sur la roue dentée:

Étiqueter, archiver ou faire expirer un article

Un article de blog peut disparaitre de votre liste d'articles, soit en lui donnant une date d'expiration soit en l'archivant de suite. Il est également possible d'ajouter un tag (étiquette) qui sera cliquable pour le visiteur et facilitera ainsi la navigation au sein des posts:

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

Date des articles

Par défaut, les nouveaux articles de blog seront ajoutés avec la date "d'aujourd'hui" mais il est possible de la modifier:

1. Survolez et cliquez sur le lien de la date (directement sur l'article):
   
2. Choisissez une nouvelle date.

Ce guide pour Site Creator Infomaniak aborde le sujet des cookies de navigateur.

Préambule

• Par défaut, lorsque votre site Web est nouveau, aucun cookie ne doit être stocké sur les appareils de vos visiteurs, il n'y a pas de fonctionnalité de suivi pour les publicités ou le marketing.
• En tant qu'administrateur de site Web, certaines données sont stockées dans vos propres cookies (comme les informations indiquant que vous êtes un administrateur de site Web).
• Si vous ajoutez des applications/modules intégrés à votre site Web, des cookies peuvent être utilisés ; exemple avec le Formulaire de sondage: si vous ajoutez un module de sondage à votre site Web, il utilisera des cookies lorsque le visiteur du site Web votera (pour se rappeler qu'il a déjà voté).

Notification pour le visiteur

Prérequis

• Accéder à Site Creator:
  • Cliquer ici afin d'accéder à la gestion de votre produit sur le Manager Infomaniak (besoin d'aide ?).
  • Cliquer directement sur le nom attribué au Site Creator concerné.
  • Cliquer sur le bouton Éditer mon site pour démarrer l'éditeur:
    

Vous pouvez activer un message de consentement aux cookies qui s'affichera dans une petite fenêtre survolante en bas de l'écran pour tous les nouveaux visiteurs de votre site:

1. Cliquez sur le bouton Réglages dans le menu latéral gauche.
2. Cliquez sur Coordonnées de contact sous Configuration du site Web.
3. Activez l'option d'informations sur les cookies pour configurer le bref message et l'URL pour les compléments d'information.
4. Réglez le type d'affichage élargi ou non (lire plus bas).
5. Enregistrez les modifications en bas de page:
   ‍

Réglages supplémentaires

Le message de consentement peut être réglé par défaut ou de façon élargie, lorsque vous cliquez sur Affichage. Le résultat obtenu est le suivant:

• par défaut:
  
• élargie:
  

Ce guide explique comment ne pas publier directement des modifications sur une page de Site Creator Infomaniak.

Préambule

• Le mode brouillon permet de ne pas publier les modifications suivantes:
  • ajout d'un nouveau bloc de contenu via le menu Contenu
  • modification visuelles ou textuels d'un bloc de contenu
  • suppression d'un bloc de contenu
• Le mode brouillon ne s'applique pas aux:
  • changements globaux de design, via le menu Design (couleurs, polices …)
  • modifications de contenus liés aux applications (questions/réponse, e-commerce …)
  • modifications des paramètres globaux, via le menu Réglages (Pages, langues …)
  • sous-pages de la page que vous dépubliez

1. Sauvegarder sans publier

Prérequis

• Accéder à Site Creator:
  • Cliquer ici afin d'accéder à la gestion de votre produit sur le Manager Infomaniak (besoin d'aide ?).
  • Cliquer directement sur le nom attribué au Site Creator concerné.
  • Cliquer sur le bouton Éditer mon site pour démarrer l'éditeur:
    

Vous pouvez passer une page en mode brouillon afin de procéder à des changements de texte ou autre dans le contenu d'une page qui ne seront pas visibles en direct, ceci jusqu'au moment où vous déciderez de remettre le site en mode de publication direct:

1. Cliquez sur le bouton    ...   ‍‍‍ situé tout en bas du menu latéral gauche, pour développer les options de publication et prévisualisation.
2. Cliquez sur En Direct pour basculer vers le mode Non Publié:
   
3. A présent, le mode jaune affiché en bas indique que toutes vos modifications (sur cette page uniquement) ne se verront pas en direct (contrairement au mode En direct / Live) car elles ne seront pas publiées automatiquement:
   
   • Les modifications seront sauvegardées dans un brouillon même si vous quittez la page ou l'éditeur…
   • En mode brouillon, vous pouvez travailler sur la page, ajouter du texte, le sauvegarder, partir, revenir pour continuer à l'éditer, et ce travail ne sera pas publié tant que vous ne le décidez pas expressément (lire plus bas):
     
   • Selon les modifications effectuées (ajout d'un bloc de contenu par exemple) pensez à faire une édition du texte pour valider vos changements et les sauvegarder.
   • Pour vérifier et confirmer que vos modifications en cours ne sont pas publiées au fur et à mesure, il suffit de vous rendre à l'adresse de votre site depuis une autre page de navigateur en mode incognito par exemple.

2. Publier les modifications ou supprimer le brouillon

Vous pouvez sortir du mode Brouillon afin de revenir à des publications instantanées:

1. Quand le mode Non publié est actif, cliquez sur le bouton jaune du mode Non publié pour afficher un volet de réglage:
   
2. Le volet de réglage s'ouvre afin que vous puissiez:
   1. publier vos modifications,
   2. ou supprimer le brouillon en cours et revenir à l'état initial de la page:
      

Exemple

1. Avec le mode En direct / Live (visible en bas de l'écran) une modification est directement visible par les visiteurs de la page.
2. Avec le mode Non publié / brouillon (identifiable par un symbole jaune en bas des pages passées dans ce mode) vos modifications ne sont pas visibles en direct.
3. Quittez la page pour travailler sur une autre page, le mode revient au mode par défaut, c'est-à-dire le mode En direct car la page n'est pas la même et le mode ne s'applique qu'aux pages choisies.
4. Revenez sur la page mise en brouillon, un symbole en bas de page indique toujours le mode brouillon activé.
5. Cliquez dessus pour choisir de publier ou de supprimer les modifications et remettre la page telle qu'elle était avant vos modifications en mode brouillon.

Ce guide détaille l'utilisation des médias dans Site Creator Infomaniak.

A noter qu'il est également possible d'insérer d'autres éléments comme par exemple un formulaire d'inscription à la Newsletter Infomaniak.

Prérequis

• Accéder à Site Creator:
  • Cliquer ici afin d'accéder à la gestion de votre produit sur le Manager Infomaniak (besoin d'aide ?).
  • Cliquer directement sur le nom attribué au Site Creator concerné.
  • Cliquer sur le bouton Éditer mon site pour démarrer l'éditeur:
    

Ajouter une image

Les médias sont gérés dans la bibliothèque de fichiers :

• Ajoutez un nouveau bloc de contenu:
  
• Les médias peuvent ensuite être remplacés ou complétés:
  

Mais aussi:

1. Cliquez sur le bouton Contenu dans le menu latéral gauche.
2. Cliquez sur Objets dans la liste pour insérer une image unique.
3. Cliquez sur le bloc IMAGE sur la droite:
   
4. Une fois l'image ajoutée, vous pouvez également en faire un lien cliquable ou modifier sa taille dans l'éditeur d'image:
   

Vous pouvez également ajouter des images en tant que module Galerie de photos.

Changer d'image

Pour remplacer une image insérée, qui reprendra les caractéristiques de la précédente:

1. Cliquez sur une image pour l'éditer.
2. Cliquez sur le bouton type Cadre photo sur la miniature de l'image pour pouvoir sélectionner une nouvelle image qui remplacera la précédente:
   

Ajouter une vidéo

Pour ajouter une vidéo:

1. Cliquez sur le bouton Contenu dans le menu latéral gauche.
2. Cliquez sur Objets dans la liste.
3. Cliquez sur le bloc VIDEO sur la droite pour insérer une vidéo en pleine largeur:
   

Vous pouvez également appliquer un lien sur une image en utilisant une vidéo YouTube comme URL: cela créera automatiquement une icône de type PLAY qui au clic ouvrira la vidéo dans une fenêtre de type lightbox.

Ajouter un fichier audio

Pour ajouter un fichier sonore:

1. Cliquez sur le bouton Contenu dans le menu latéral gauche.
2. Cliquez sur Applications en bas.
3. Le contenu à disposition s'affiche sur la droite.
4. Cliquez sur le lecteur audio pour l'insérer dans la page et choisir les fichiers:
   

Vous pouvez le personnaliser de façon avancée via l'édition HTML.

Ajouter un fichier à télécharger

Pour facilement proposer un fichier au téléchargement:

1. Cliquez sur le bouton Contenu dans le menu latéral gauche.
2. Cliquez sur Applications en bas.
3. Le contenu à disposition s'affiche sur la droite.
4. Cliquez sur le widget Téléchargement de fichier pour l'insérer dans la page:
   
5. Sélectionnez dans la bibliothèque le fichier qui pourra être téléchargé par vos visiteurs.

Ce tutoriel présente la création de menus de navigation pour votre site réalisé avec Site Creator Infomaniak, ainsi que leur composition, styles et paramètres.

Prérequis

• Accéder à Site Creator :
  • Cliquer ici afin d'accéder à la gestion de votre produit sur le Manager Infomaniak (besoin d'aide ?).
  • Cliquer directement sur le nom attribué au Site Creator concerné.
  • Cliquer sur le bouton Éditer mon site pour lancer l'éditeur :
    

Les différents menus de navigation

Les différentes pages qui composent votre site peuvent être accessibles au sein d'un ou plusieurs menus de navigation :

1. Cliquez sur le bouton Réglages dans le menu latéral gauche.
2. Par défaut la liste de vos pages apparaît, classées dans 2 rubriques principales : MAIN MENU et LEGAL :
   

Mais vous pouvez en ajouter plusieurs.

Ces menus avec les pages qu'ils contiennent sont ensuite repris à différents endroits de votre site, selon le thème choisi notamment:

• Vous trouverez souvent le menu principal placé en haut de page :
  
• et les autres menus seront automatiquement proposés dans le pied de page :
  

Gérer les menus

Ajouter un nouveau menu

Pour cela :

1. Cliquez sur le bouton Réglages dans le menu latéral gauche.
2. Survolez un titre de menu dans l'arborescence existante.
3. Cliquez sur l'icône "+" qui apparait au survol :
   

Vous pourrez gérer la présence du menu dans le plan du site ou le supprimer (lui ainsi que toutes ses pages) :

1. Cliquez sur le bouton Réglages dans le menu latéral gauche.
2. Survolez un titre de menu dans l'arborescence existante et cliquez sur l'icône de roue dentée qui apparait au survol :
   
3. Choisissez les réglages désirés et validez en bas de page :
   

Prenez connaissance de cet autre guide pour ne pas faire apparaitre de menu du tout.

Créer un sous-élément dans un menu

Pour cela :

1. Cliquez sur le bouton Réglages dans le menu latéral gauche.
   • La liste de vos pages apparaît.
2. Avec la souris déplacer une page légèrement vers la droite sous une autre page :
   
   • Elle deviendra une sous-page et votre menu sur le site pourra afficher l'arborescence ainsi créée :
     
   • Prenez également connaissance de l'astuce ci-dessous…

Titre du menu non cliquable

Choisissez si nécessaire de ne pas rendre cliquable le tout premier élément d'un menu avec élément de sous-menu (comme configuré ci-dessus) :

1. Cliquez sur le bouton Réglages dans le menu latéral gauche.
2. Cliquez sur Paramètres généraux afin de modifier ce réglage sous Options sous-menu :
   

Élément de menu contenant un lien vers un autre site Web

Pour cela :

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. Entrez un nom de page et cliquez sur Afficher plus d'options.
4. Choisissez la redirection d'URL pour spécifier la destination lors du clic :
   

Menu supérieur supplémentaire

Pour afficher une "barre de menu" tout en haut de votre page :

1. Cliquez sur le bouton Design dans le menu latéral gauche.
2. Cliquez sur Plus de paramètres.
3. Activez la Barre de menus d'en-tête :
   
4. Une fois activée vous pouvez la personnaliser grâce au lien Réglages au même endroit :
   

Styles de menu

Pour gérer les différents styles de menu :

1. Cliquez sur le bouton Design dans le menu latéral gauche.
2. Cliquez sur Éditeur de menu :
   
3. Puis sur Configuration :
   
4. Vous pourrez notamment décider de l'emplacement de vos menus (sur la gauche de la page ou placé en haut, fixe ou mobile, type "menu hamburger ☰" à droite ou normal, etc.) :
   

Changer la couleur du menu "hamburger" (☰)

Si ce bouton de menu à trois lignes horizontales ☰ apparait par exemple blanc sur blanc sur un appareil mobile :

1. Cliquez sur le bouton Design dans le menu latéral gauche.
2. Cliquez sur Éditeur de menu.
3. Cliquez sur Titre du menu / logo.
4. Ajustez la couleur du texte :
   

Adopter un nouveau thème de menu

Changez complètement de style prédéfini grâce aux thèmes tout en haut du sous-menu :

• Cliquez sur Modèles de menu (toujours sous Design, puis Éditeur de menu) :
  

Menu fixe

La plupart des menus proposés vont bouger avec le contenu de la page.

• Le menu disparait si on descend dans la page :
  
  
   
• Vous pouvez définir un menu qui devra toujours être fixé au bord supérieur (avec différentes options visuelles) :
  
  

Pour activer ou désactiver le menu fixe :

1. Cliquez sur Design.
2. Cliquez sur Éditeur de menu.
3. Cliquez sur Configuration principale.
4. Choisissez Dans l'en-tête dans l'encadré Type de menu.
5. Le bouton à bascule (toggle switch) Fixé au sommet s'affiche plus bas et vous pouvez l'activer.
6. Cliquez sur Enregistrer :
   

Certains modèles de menu (comme le #3 et le #16) appliquent directement les réglages optimaux pour un menu fixe.

Insérer vos menus dans le corps de la page

Un module Menu de sous-pages permet l'insertion de vos menus et sous-menus à n'importe quel endroit de votre page :

• Ajoutez l'élément depuis les Apps:
  

Le module plan du site affiche tous les menus et toutes vos pages dans un seul bloc.

Définir l'URL de la page

Par défaut si le nom de votre page est Contact alors l'URL pour l'atteindre sera www.domain.xyz/contact.

Si par la suite vous changez le nom de la page pour Hello alors l'URL sera www.domain.xyz/hello.

Pour définir l'URL personnalisée de la page sur laquelle vous vous trouvez :

1. Cliquez sur le bouton Réglages dans le menu latéral gauche.
2. Cliquez sur SEO & Métadonnées (sous Paramètres de cette sous-page).
3. Le premier champ en haut permet de définir l'adresse de la page. Tout espace sera transformé en trait d'union et les caractères spéciaux, accents, symboles, etc. sont à éviter :
   

Si des changements d'URL sont enregistrés en cours de création de site alors qu'un menu contient déjà un lien vers la page en question, il sera adapté de façon dynamique.

Ce guide concerne la fonction d'annulation dans Site Creator Infomaniak.

Préambule

• Aucune sauvegarde / restauration n'est possible depuis le Manager Infomaniak.
• Si par exemple vous supprimez un bloc de contenu et que vous souhaitez le restaurer, vous pouvez annuler jusqu'aux 20 dernières opérations dans Site Creator.

Annuler une opération

Prérequis

• Accéder à Site Creator:
  • Cliquer ici afin d'accéder à la gestion de votre produit sur le Manager Infomaniak (besoin d'aide ?).
  • Cliquer directement sur le nom attribué au Site Creator concerné.
  • Cliquer sur le bouton Éditer mon site pour démarrer l'éditeur:
    

Une fois dans Site Creator:

1. Cliquez sur le bouton   …  ‍‍‍ situé tout en bas du menu latéral gauche de Site Creator, pour développer les options d'annulation.
2. Cliquez sur Annuler et confirmer la restauration (les flèches à côté permettent de "naviguer" parmi les dernières sauvegardes):