Base de connaissances

Merci de nous confier l'hébergement de votre site Web 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.

Par où commencer ?

Informations de base

Vous n'avez besoin d'aucun téléchargement pour utiliser Site Creator.

Obtenir Site Creator

Nous vous recommandons 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.

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

Opérations 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)

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

Je n'ai pas trouvé la réponse à ma question

Pour voir ou revoir l'aide contextuelle au démarrage de Site Creator, cliquer ici sur votre Manager:

Voir toutes les FAQ Site Creator

En cas de problème, merci de consulter notre base de connaissances avant de prendre contact avec notre équipe de support. Nous sommes à votre écoute 7/7. N'hésitez pas à nous contacter par mail, chat ou téléphone.

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

Vous n'avez besoin d'aucun téléchargement pour utiliser Site Creator. Nous vous recommandons 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.

Se connecter au Manager, ouvrir Site Creator

1. ouvrir le Manager (manager.infomaniak.com)
2. aller dans Hébergement Web
3. cliquer sur l'hébergement/le nom de domaine concerné
4. dans le menu latéral gauche cliquer sur Site Creator
   

A noter également: 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 (ou un bouton en bas à gauche de la fenêtre) sera visible (de vous seul) pour utiliser à tout moment l'éditeur.

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

Accéder aux fichiers

Pour accéder à Site Creator:

1. ouvrir le Manager (manager.infomaniak.com)
2. aller dans Hébergement Web
3. si nécessaire cliquer sur l'hébergement/le nom de domaine concerné
4. dans le menu latéral gauche cliquer sur Site Creator
5. cliquer sur Personnaliser mon site

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 ni renommer des fichiers.

Vous ne pouvez pas supprimer un dossier si celui-ci n'est pas entièrement vide.

Par conséquent pensez à l'organisation de vos médias et à leur arborescence si possible en amont de votre création de site.

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

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

Ouvrir l'éditeur d'image

Survoler une image de la bibliothèque et cliquer sur le crayon 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 libres de droit que vous pouvez insérer dans votre bibliothèque pour agrémenter votre site.

Protéger votre contenu

Cliquer sur Paramètres dans la barre latérale gauche puis sur Paramètres généraux.

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

Problème de téléchargement d'images/fichiers

Essayez de télécharger des JPG ou PNG les plus légers possible.

Si vous téléchargez une image, il n'est pas nécessaire de télécharger des images d'une largeur supérieure à 1000 pixels.

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

Si vous essayez de télécharger des fichiers directement depuis votre appareil photo, essayez de les redimensionner avant de les télécharger.

Si vous téléchargez une photo depuis votre iPhone, elle peut être au format HEIF/HEIC, qui n'est pas pris en charge - essayez de la convertir en JPG d'abord.

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

• la page d'accueil, obligatoire (avec ou sans entête et pied de page)
• des pages supplémentaires, vierges ou contenant directement un contenu précis (formulaire de contact par exemple)
• des pages légales (pour y mettre vos conditions générales d'utilisation par exemple)

qui composeront ensuite le ou les menus de navigation du site.

Ajouter une page

Pour ajouter une page à votre site:

1. ouvrir le Manager (manager.infomaniak.com)
2. aller dans Hébergement Web
3. si nécessaire cliquer sur l'hébergement/le nom de domaine concerné
4. dans le menu latéral gauche cliquer sur Site Creator
5. cliquer sur Personnaliser mon site

Une fois dans Site Creator:

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

Copier une page

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

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

Renommer une page

1. dans le menu latéral gauche cliquer sur le bouton Réglages - la liste de vos pages apparaît
2. survoler la page désirée dans l'arborescence existante
3. cliquer 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

1. dans le menu latéral gauche cliquer sur le bouton Réglages - la liste de vos pages apparaît

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

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

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

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

1. dans le menu latéral gauche cliquer sur le bouton Réglages - la liste de vos pages apparait
2. survoler la page désirée dans l'arborescence existante
3. cliquer sur la roue dentée pour accéder aux options de la page
4. activer 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. enregistrer les modifications en bas de page

Pour tester, visiter la page depuis un navigateur en navigation privée (afin de ne pas être connecté à Site Creator) ou prévisualiser 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. dans le menu latéral gauche cliquer sur le bouton Réglages - la liste de vos pages apparaît
2. survoler la page désirée dans l'arborescence existante
3. cliquer sur la roue dentée pour accéder aux options de la page
4. choisir 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. enregistrer les modifications en bas de page

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

Enregistrer 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 détaille le comportement de Site Creator face aux différents formats et résolution d'écran.

Visualiser le site sur différents appareils

Les sites créés avec Site Creator sont automatiquement adaptés aux navigateurs quel que soit leur support (ordinateur, smartphone, tablette, grands et petits écrans, etc.). Mais ils peuvent réagir différemment selon certains paramètres que vous pouvez régler:

1. ouvrir le Manager (manager.infomaniak.com)
2. aller dans Hébergement Web
3. si nécessaire cliquer sur l'hébergement/le nom de domaine concerné
4. dans le menu latéral gauche cliquer sur Site Creator
5. cliquer sur Personnaliser mon site

Une fois dans Site Creator, pour prévisualiser la version du site en fonction du support de lecture, cliquer sur le bouton situé tout en bas du menu latéral gauche, pour développer les options de publication et prévisualisation.

Cliquer sur Aperçu puis en haut de page, cliquer sur le menu d'action à droite de Aperçu pour changer le type d'appareil de lecture:

Afficher votre site en largeur réduite

Vous pouvez réduire la largeur de votre site. Mais cet affichage au sein d'un "container" ou "boite" ne sera visible que sur les écrans larges type ordinateur de bureau:

1. dans le menu latéral gauche cliquer sur le bouton Design
2. cliquer sur Plus de paramètres
   
3. enregistrer les modifications en bas de page

Masquer un bloc de contenu selon le type d'appareil

Dans les options d'un bloc de contenu, vous pouvez définir de ne afficher ce dernier que sur certains types d'appareil (smartphone par exemple):

Ce guide concerne les blocs de contenu qui sont l'un des éléments les plus importants de Site Creator.

Ce sont eux qui vont vous permettre de créer aisément du contenu sur vos pages.

Il y en a de toutes sortes, séparateur, liste de tarifs, plan du site, simples blocs de texte ou d'image, etc. en général préconfigurés pour vous faciliter leur mise en route.

Ajouter un bloc de contenu

Pour accéder à Site Creator:

1. ouvrir le Manager (manager.infomaniak.com)
2. aller dans Hébergement Web
3. si nécessaire cliquer sur l'hébergement/le nom de domaine concerné
4. dans le menu latéral gauche cliquer sur Site Creator
5. cliquer sur Personnaliser mon site

Une fois dans Site Creator:

1. dans le menu latéral gauche cliquer sur le bouton Contenu - la liste des blocs apparaît
2. choisir la catégorie désirée sur la gauche, puis le contenu désiré sur la droite

En cliquant sur le contenu souhaité, vous le faites apparaitre sur la page que vous étiez en train d'éditer.

Autre possibilité: se rendre sur la page directement et survoler l'espace en-dessus ou en-dessous d'un bloc existant:

Supprimer un bloc de contenu

Survoler le bloc à supprimer sur votre page et cliquer sur la corbeille qui apparait au survol:

Confirmer la suppression et il disparait. Vous pouvez annuler ce type d'opération.

Modifier un bloc de contenu

Chaque élément modifiable du bloc de contenu sera mis en surbrillance lorsque vous déplacerez votre souris dessus. Cliquez simplement sur l'un de ces éléments pour commencer l'édition.

De plus, vous pouvez modifier le code HTML (recommandé pour les utilisateurs avancés uniquement) si vous avez besoin de plus de contrôle sur n'importe quel bloc de contenu.

Vous pouvez également supprimer certains éléments de vos blocs de contenu: lors de l'édition de texte, il y a le bouton "flèche vers la droite" qui affiche plus d'options et le bouton Supprimer:

Pour éditer une image, cliquez dessus et une nouvelle fenêtre apparaît. Dans la partie inférieure, il y a le bouton Enregistrer à droite et le bouton Supprimer rouge à gauche.

Créer un bloc de contenu type

Dans la barre latérale gauche, sous les contenus qui peuvent être ajoutés à votre page, vous trouverez un bouton pour Concevoir un bloc de contenu.

Tous les éléments qui composent les blocs sont disposés à gauche. Vous pouvez les faire glisser vers votre bloc type afin de concevoir votre bloc idéal. Celui-ci sera inséré dans votre page en cliquant sur Appliquer les modifications en bas de page.

Modifier les marges du bloc

Survoler le bloc de contenu à modifier et cliquer sur la roue dentée:

Faire défiler les paramètres jusqu'à Espacement des blocs par défaut et cliquer dessus pour définir vos propres paramètres:

Déplacer un bloc vers le haut ou le bas

Le contenu de votre page est séparé en "blocs". Vous pouvez ajouter plus de blocs et les réorganiser. 

Survoler le bloc de contenu à déplacer puis cliquer sur la zone de points en haut à gauche ; laisser appuyer pour bouger le bloc.

Créer un espace entre deux blocs

Pour créer un espace horizontal entre les blocs de contenu, ajouter un séparateur manuellement:

Vous pourrez ensuite définir sa couleur et sa taille.

Vous pouvez également "décorer" le haut et le bas d'un bloc de façon plus automatique, en activant l'option Décoration depuis l'édition d'un bloc:

Ce guide vous aide à comprendre le fonctionnement de création et d'édition de pages dans Site Creator.

Édition simple de pages

Ouvrir Site Creator:

1. ouvrir le Manager (manager.infomaniak.com)
2. aller dans Hébergement Web
3. si nécessaire cliquer sur l'hébergement/le nom de domaine concerné
4. dans le menu latéral gauche cliquer sur Site Creator
5. cliquer sur Personnaliser mon site

L'édition d'une page se passe en direct et vos modifications sont sauvegardées au fur et à mesure que vous éditez le contenu de vos blocs.

Créer un lien

Créer un lien (vers une page, un fichier, un e-mail) à partir d'images ou de texte, directement en sélectionnant l'objet.

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:

Transformer un lien en bouton

Dans les réglages de votre lien, vous pourrez en choisir le style (bouton arrondi, plein, etc.), l'icône associée, etc.:

Éditer un lien

Éditer un lien en cliquant dessus:

Créer un lien vers un fichier

Pour permettre à vos visiteurs de télécharger un fichier à partir d'un lien sur un objet, choisir le type "Fichier" dans les réglages de votre lien:

Créer un lien vers un e-mail

Choisir le type "Adresse mail" dans les réglages de votre lien. Un clic sur le lien ouvrira l'application de messagerie par défaut chez le visiteur et commencera à composer un e-mail avec l'adresse pré-écrite.

Afin d'éviter que l'adresse mail soit inscrite en clair dans la page nous vous recommandons l'usage d'un formulaire de contact.

Créer un lien à partir d'une image

Lorsque vous cliquez sur une image pour l'éditer, il suffit d'activer le bouton "Ceci est un lien" en-dessous de l'image pour pouvoir spécifier l'adresse URL qui devra être affichée lorsqu'un visiteur cliquera dessus:

Si vous entrez l'URL d'une vidéo YouTube, la vidéo s'ouvrira dans une fenêtre de type lightbox.

Créer une liste

Les différentes possibilités de formatage de votre texte se trouve au-dessus de la sélection de votre texte et des options supplémentaires (listes à puces, alignement, etc.) sont accessibles avec la flèche:

Ce guide est destiné aux utilisateurs de l'outil Site Creator qui souhaitent aller plus loin dans l'édition de leurs pages.

Ouvrir l'éditeur HTML

Se rendre sur Site Creator:

1. ouvrir le Manager (manager.infomaniak.com)
2. aller dans Hébergement Web
3. si nécessaire cliquer sur l'hébergement/le nom de domaine concerné
4. dans le menu latéral gauche cliquer sur Site Creator
5. cliquer sur Personnaliser mon site

Une fois dans Site Creator, vous pouvez modifier le code HTML (recommandé pour les utilisateurs avancés uniquement) si vous avez besoin de plus de contrôle sur n'importe quel bloc de contenu:

1. survoler le bloc à éditer sur votre page et cliquer sur la roue dentée qui apparait au survol:
   
   
   
   
2. cliquer sur l'élément HTML dans la barre latérale gauche pour éditer le code HTML du bloc:
   
   

Ajouter un bloc HTML

Pour partir de zéro avec un bloc HTML vierge, vous pouvez insérer le module Code HTML personnalisé sur votre page depuis la liste des Applis:

Le texte est éditable via le bouton CODE qui permet d'ouvrir l'éditeur HTML:

Vous pouvez aussi ajouter du code en dehors des blocs.

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

Ajouter Site Creator à Google

Pour soumettre votre site au moteur de recherche Google:

1. ouvrir le Manager (manager.infomaniak.com)
2. aller dans Hébergement Web
3. si nécessaire cliquer sur l'hébergement/le nom de domaine concerné
4. dans le menu latéral gauche cliquer sur Site Creator
5. cliquer sur Personnaliser mon site

Une fois dans Site Creator:

1. dans le menu latéral gauche cliquer sur le bouton Applications
2. cliquer 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. dans le menu latéral gauche cliquer sur le bouton Réglages
2. cliquer sur Paramètres généraux
3. cliquer sur SEO et statistiques
4. insérer 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. dans le menu latéral gauche cliquer sur le bouton Réglages
2. cliquer sur Paramètres généraux
3. cliquer sur Paramètres de sous-page
4. cliquer 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 "/entreprise" par exemple).

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 qui nécessitent l'insertion d'un code sur votre site:

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

Ce guide détaille les interactions possibles entre Site Creator et réseaux sociaux.

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

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

1. ouvrir le Manager (manager.infomaniak.com)
2. aller dans Hébergement Web
3. si nécessaire cliquer sur l'hébergement/le nom de domaine concerné
4. dans le menu latéral gauche cliquer sur Site Creator
5. cliquer sur Personnaliser mon site

Une fois dans Site Creator:

1. dans le menu latéral gauche cliquer sur le bouton Réglages
2. cliquer surMédias sociaux
3. indiquer 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. enregistrer les modifications en bas de page

Ajouter les icônes de vos profils

Vous pouvez 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. dans le menu latéral gauche cliquer sur le bouton Réglages
2. cliquer surMé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.

Enregistrer 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 bloc propose une ligne de boutons permettant au visiteur de s'abonner facilement à vos différents médias sociaux.

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

Obtenir le QR Code du site

Pour obtenir le QR Code de votre site:

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

Vous pourrez télécharger le QR Code correspondant à l'adresse de votre page d'accueil. Ainsi un utilisateur qui scanne votre QR Code 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. dans le menu latéral gauche cliquer sur le bouton Réglages
2. cliquer sur Paramètres généraux
3. cliquer sur SEO et statistiques
4. descendre jusqu'à l'image Open Graph et choisir l'image