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é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. 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 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:
   
   
    
   • 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, 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é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:
    

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.

Ce guide explique comment personnaliser et configurer le module de boutique en ligne de Site Creator.

Configurer une boutique 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:
    

Pour gérer les préférences générales du système e-commerce (devise monétaire, taxes, etc.) une fois le module ajouté :

1. Survolez le module de la boutique ajouté sur votre page.
2. Cliquez sur Configuration.
    

Une fois sur Configuration, plusieurs sous-menus s'affichent sur la gauche permettant de configurer d'autres paramètres:

Moyens de paiement

• Paypal
• Carte bancaire & Twint (via Stripe ou Mollie)
• Paiement personnalisé
• à la livraison

Pour utiliser les services de Stripe et Mollie, vous devez disposer d'un numéro de SIRET en France ou d'un IDE en Suisse. De plus, il est nécessaire d'avoir une entreprise valide enregistrée au registre des commerces de votre pays pour utiliser les services de Stripe et Mollie.

Modes de livraison

Vous pouvez créer plusieurs méthodes d'envoi:

Celles-ci seront ensuite proposées lors de la validation du panier de l'acheteur:

Parmi les paramètres pour créer une méthode d'envoi:

• tarifs (+ gratuité des frais de port à partir de quel montant)
• pays autorisés
• frais d'expédition selon poids
• délais d'envoi
  
  

Messagerie

Quatre messages sont prédéfinis et ne peuvent être supprimés. Ils permettent de couvrir l'ensemble de la communication par e-mail autour d'une commande, autant à destination du client que pour le gestionnaire de la boutique.

Il est possible de personnaliser les messages existants et d'en ajouter (puis de supprimer ces messages supplémentaires si nécessaire):

1. Choisir le moment où l'e-mail devra être envoyé (ou simplement désactiver le message pour le conserver sans l'utiliser)
   1. e-mail nouvelle commande (pour vous notifier)
   2. e-mail de commande traitée (personnalisable)
   3. bon de livraison au format PDF (personnalisable)
   4. facture également générée et disponible au format PDF sur votre compte Stripe/Paypal/Mollie
2. Des variables peuvent être insérées dans chacun des champs afin de personnaliser un maximum les textes à l'aide des éléments que comporte la commande et des informations fournies par l’acheteur:

Page d'accueil de la boutique

• Affichage des catégories produit s'il y en a
• Présentation de produits aléatoires
• etc.

Gestion des produits

Pour gérer les produits, en ajouter ou en supprimer:

1. Survolez le module en haut à gauche.
2. Cliquez sur Produits.

Retrouvez les 3 premiers produits d'exemple:

Réorganisez vos produits en les déplaçant avec la souris.

Cliquez sur un produit pour régler ses détails ainsi que la catégorie dans laquelle il doit se trouver (lire plus bas). Vous pouvez notamment:

• créer des attributs (couleur par exemple) pour proposer le même produit dans plusieurs versions/tarifs
• définir si le produit doit être dématérialisé (virtuel) p.ex un PDF, un ZIP ou un MP3, et donc téléchargeable après l'achat

En bas de l'édition de votre fiche produit, recherchez d'autres produits de votre liste afin de les lier et de les proposer au visiteur.

Tout en bas de la fenêtre d'édition d'un produit, choisissez de masquer si nécessaire le produit à vos visiteurs.

Pour terminer et revenir à la liste des produits, enregistrez les modifications grâce au bouton situé tout en bas. 

Supprimer ou dupliquer un produit 

Sur la fiche d'édition d'un produit, cliquez tout en bas sur le menu d'action à côté du bouton d'enregistrement pour choisir s'il faut supprimer le produit ou le dupliquer.

Gestion du stock / inventaire 

Dans ce même menu d'action, gérez le stock directement sur la liste de vos produits (pour éditer le stock en masse).

Mais chaque fiche produit permet d'éditer le stock et également d'entrer le SKU (unité de gestion des stocks) et son code barre (ISBN).

Catégories de produit

Vos produits peuvent être organisés au sein de Catégories et sous-catégories qui s'afficheront ensuite selon le design de votre site.

Cliquez dans le sous-menu Catégories sur la gauche du panneau d'administration de la boutique, sous Produits.

Définissez une image pour illustrer votre catégorie.

Masquez si nécessaire une catégorie (cela ne masque pas les produits qu'elle contient).

Code promo 

Un code promo permet d'accorder une réduction (en % ou en devise) sur une commande.

Cliquez dans le sous-menu Code promo sur la gauche du panneau d'administration de la boutique, sous Produits.

Vous pouvez spécifier:

• sa date d'expiration
• son montant minimum éventuel
• son nom ("Réduction spécial Noël" par exemple)
• sa forme ("JOYEUXNOEL")

Exporter la liste de vos produits 

Exportez la liste de vos produits (format CSV) grâce au menu d'action situé en haut à droite de la liste de vos produits.

Gestion des commandes

Pour gérer les commandes passées et en cours:

1. Survolez le module en haut à gauche.
2. Cliquez sur Configuration.
3. Cliquez dans le sous-menu Commandes sur la gauche du panneau d'administration de la boutique.

Exporter la liste de vos commandes

Exporter la liste de vos commandes (format CSV) grâce au bouton Télécharger situé à droite de la barre de recherche de commandes.

Gestion des clients

Pour gérer les clients (un client fourni des informations personnelles lors de sa commande):

1. Survolez le module en haut à gauche.
2. Cliquez sur Configuration.
3. Cliquez dans le sous-menu Clients sur la gauche du panneau d'administration de la boutique.

Exporter la liste de vos clients

Exportez la liste de vos clients dans un fichier CSV (format .csv) grâce au bouton Télécharger situé à droite de la barre de recherche de clients.

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

Préambule

• Ce sont les blocs de contenu 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.
• Ils sont en général préconfigurés pour vous faciliter leur mise en route.

Ajouter un bloc de contenu

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 Contenu dans le menu latéral gauche: la liste des blocs apparaît.
2. Choisissez 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

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

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

Dupliquer un bloc

Survolez le bloc à dupliquer sur votre page et cliquez sur la roue dentée qui apparait au survol. Choisissez ensuite l'emplacement souhaité pour sa duplication:

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 ; cela permet p.ex d'y insérer un code HTML d'inscription à la Newsletter Infomaniak.

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

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

 

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

La roue dentée des paramètres permet également de modifier la couleur ou l'image de fond du bloc.

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. 

Survolez le bloc de contenu à déplacer puis cliquez sur la zone de points en haut à gauche ; laissez appuyer pour bouger le bloc:

Créer un espace entre deux blocs

Pour créer un espace horizontal entre les blocs de contenu, ajoutezun 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 est destiné aux utilisateurs de l'outil Site Creator qui souhaitent aller plus loin dans l'édition de leurs 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:
    

Ouvrir l'éditeur HTML

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. Survolez le bloc à éditer sur votre page et cliquer sur la roue dentée qui apparait au survol:
   
2. Cliquez 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 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 puis sur Créateur de formulaires.

Une fois le premier formulaire créé il s'affiche 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 et cliquez si nécessaire sur le formulaire que vous souhaitez éditer, puis sur le bouton situé en bas à côté du bouton d'enregistrement des modifications. Choisissez Propriétés du formulaire.

Il est recommandé de modifier la méthode d'envoi par défaut.

Ce guide détaille 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 démarrer 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 davantage.

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 le menu

Vous pourrez gérer sa présence 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.
3. Cliquez sur l'icône de roue dentée qui apparait au survol.

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.
      

Titre du menu non cliquable

Choisir si nécessaire de ne pas rendre cliquable le tout premier élément d'un tel menu:

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

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:
   

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:
   
   • 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:
   
   ‍

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 Titre du menu / logo (toujours sous Design, puis Éditeur de menu).
2. 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:

1. 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.

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 Contactez-nous alors l'URL sera www.domain.xyz/contactez-nous.

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):
   

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 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 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:
   
   1. 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):
      
   2. 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:

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 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:

1. 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é p.ex:

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: