Base de connaissances

Ce guide explique comment consulter les informations sur les visiteurs ayant accédé aux sites de votre Hébergement Web (stats de fréquentation).

Préambule

• Le résultat est présenté dans un format simple avec graphiques, permettant une interprétation aisée.
• Les statistiques annuelles, mensuelles, journalières et horaires sont affichées par site, adresse HTTP, site de référence, pays, etc.
• Prenez connaissance de cet autre guide si vous recherchez spécifiquement les logs d'accès.

Accéder aux statistiques de visites

Pour consulter les statistiques de fréquentation du public :

1. Cliquez ici pour accéder à la gestion de votre site sur le Manager Infomaniak (besoin d'aide ?).
2. Cliquez directement sur le nom attribué au site concerné.
3. Cliquez sur Statistiques dans le menu latéral gauche :
   
4. La partie supérieure vous permet de choisir:
   1. le site,
   2. le type de statistiques,
   3. la période,
   4. ou de télécharger les données pour un outil tiers :
      

Explications des termes

Il n'y a pas de distinction entre humains et robots. Vous pouvez aussi utiliser des outils comme Matomo, Open Web Analytics ou Google Analytics.

Signification de "Commercial (com)" et "Unresolved"

"Commercial" représente souvent une part importante du trafic géographique. Il inclut les utilisateurs connectés via des fournisseurs d'accès (FAI) utilisant un domaine .com. Cette extension étant utilisée par de nombreux FAI et entreprises mondialement, elle ne permet pas de déterminer un pays précis.

Les "unresolved" sont des adresses IP non résolues géographiquement, souvent à cause de paramètres de confidentialité, de l'usage de VPN ou de restrictions réseaux.

Ce guide vous permet de découvrir rapidement les fonctions essentielles de l'assistant rédactionnel Euria disponible sur Site Creator Infomaniak.

Préambule

• L'assistant de rédaction vous aidera à écrire un texte sur le thème de votre choix y compris s'il doit se baser sur des éléments existants, grâce à l'intelligence artificielle.
• Ce n'est pas un agent conversationnel ou chatbot ; il ne répondra pas forcément à des questions génériques ou ne dialoguera pas nécessairement avec vous.
• Utilisez-le par exemple pour rédiger:
  • un nouveau titre qui doit contenir des éléments précis
  • un nouveau paragraphe sur un thème particulier
  • une reformulation d'un extrait de texte
  • une syntaxe grammaticale correcte
  • une traduction vers une langue étrangère
  • un article de blog
  • etc.
• Prenez connaissance de cet autre guide au sujet du modèle utilisé par l'assistant de rédaction et des responsabilités de chacun.

Comment utiliser l'assistant ?

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:
    

Ensuite pour débuter l'assistant rédactionnel:

1. Cliquez sur un bloc de contenu, du texte, etc.
2. Cliquez sur l'icône Euria dans la barre d'édition pour ouvrir l'assistant:
   
3. Afin de revenir en arrière vers le choix principal une fois un type d'ajout sélectionné, cliquez sur l'icône en haut à droite:
   

Si le bloc contient déjà du contenu et que vous choisissez de reformuler un paragraphe, il vous sera possible grâce aux boutons de l'assistant de sélectionner le ton donné à votre texte (sérieux / amical) et d'ajouter ou raccourcir les formules proposées…

• Par exemple:
  

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

Préambule

• Site Creator est disponible…
  • … avec chaque hébergement Web payant
  • … ou de façon autonome (standalone déclinée en 3 versions) et ne requiert dans ce cas aucune autre offre particulière
• Il est recommandé d'utiliser la version la plus récente d'un navigateur comme Chrome, Firefox, Safari et Microsoft Edge, de préférence sur un ordinateur.

Guides des opérations

Informations de base:

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

Informations avancées:

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

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

Apprenez-en davantage sur Site Creator:

• French | Webinar enregistré dans les locaux Infomaniak.
• German | Quickstart :: Tutorial
• Italian | Tutorial

Aide contextuelle

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

En cas de problème, accédez à la base de connaissances avant de contacter le support Infomaniak.

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

Ce guide présente le module Base de connaissances pour Site Creator d'Infomaniak, similaire au module Questions & Réponses, qui permet de mettre rapidement en forme des articles de type FAQ ou similaire, présents au sein de votre 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:
    

Configuration et utilisation

Pour insérer le module à l'endroit désiré de Site Creator:

1. Cliquez sur le bouton Contenu dans le menu latéral gauche.
2. Cliquez sur Applications en bas de liste.
3. Cliquez sur Base de connaissances:
   
4. Une fois le module ajouté, survolez-le pour l'éditer:
   
5. Le bouton bleu permet d'ajouter une nouvelle question:
   

Une fois la fiche complétée (titre, texte avec mise en forme, mot-clé facilitant la recherche, résumé et lien éventuel vers une vidéo YouTube), enregistrez en bas de page.

• Il est possible d'organiser vos textes en créant une fiche avec seulement un titre de "catégorie" ("Général" par exemple), puis de glisser vos fiches vers la droite pour les sous-catégoriser (parent - enfant):
  
  ‍

Parcourir la base de connaissances

La navigation sur vos fiches sera présentée comme ci-dessous. Un clic sur la "catégorie" ainsi créée développera les questions/réponses:

URL des fiches créées

Un clic sur une question ouvrira une page Web distincte, avec la question reprise en titre et sa réponse en-dessous. L'URL de cette page de réponse sera composée de l'adresse vers la page sur laquelle vous avez placé le module, suivie de "/kb/X-the-question", X étant le numéro correspondant à l'ordre de création de vos cartes:

Personnaliser l'affichage

En survolant à nouveau votre module en mode édition, vous pouvez changer l'affichage et rendre votre arborescence transparente:

Ajouter des mots-clés

Des mots-clés (séparés par un espace) peuvent être ajoutés:

Cela permet ensuite de filtrer l'affichage des réponses si vous entrez le tag sur la barre de recherche (du module inséré):

Afficher le module à plusieurs emplacements

L'application Base de connaissances peut être ajoutée à différents endroits de votre site mais il s'agira du même et unique module à chaque fois. Il n'est pas possible de différencier l'affichage ou le contenu selon les pages où le module est inséré.

Ce guide présente le module Questions & réponses pour Site Creator d'Infomaniak, similaire au module Base de connaissances, qui permet de mettre rapidement en forme des articles de type FAQ présents au sein de votre 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:
    

Configuration et utilisation

Pour insérer le module à l'endroit désiré de Site Creator:

1. Cliquez sur le bouton Contenu dans le menu latéral gauche.
2. Cliquez sur Applications en bas de liste.
3. Cliquez sur Base de connaissances:
   
4. Une fois le module ajouté, survolez-le pour l'éditer:
   
5. Le bouton gris permet d'ajouter une nouvelle question/réponse:
   

Sauvegardez vos modifications en bas de page.

Ces questions peuvent être transformées en en-tête (type petit bloc de titre) si vous souhaitez mettre en forme vos fiches au sein de "catégories" par exemple. Pour cela, survolez la carte et cliquez sur le crayon puis sur la roue dentée pour basculer vers le système d'affichage désiré:

Réorganisez l'ordre de vos questions/réponses si nécessaire en glissant les cartes vers le haut ou le bas:

Parcourir les questions / réponses

La navigation sur vos fiches sera présentée comme ci-dessous. Un clic sur la question (ou ‍) affichera la réponse:

Personnaliser l'affichage

En survolant à nouveau votre module en mode édition, vous pouvez changer l'affichage et rendre votre arborescence transparente.

Vous pouvez également appliquer du code HTML lors de la rédaction de vos réponses, afin de créer un lien hypertexte par exemple:

Afficher le module à plusieurs emplacements

L'application peut être ajoutée à différents endroits de votre site mais il s'agira du même et unique module à chaque fois. Il n'est pas possible de différencier l'affichage ou le contenu selon les pages où le module est inséré.

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

Préambule

• Par défaut, les e-mails sont envoyés par le protocole PHP mail() non authentifié.
• Il est recommandé d’utiliser la méthode SMTP authentifiée à la place.

Modifier la méthode d'envoi

Prérequis

• Avoir une adresse mail valide (même une gratuite).
• Avoir créé un mot de passe d'appareil (ajout d'un appareil nommé par exemple “Site Creator” ou “SC2026” peu importe) pour cette adresse mail:
  
• 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 modifier la méthode d'envoi des e-mails depuis Site Creator:

1. Cliquez sur le bouton Réglages dans le menu latéral gauche.
2. Cliquez sur Paramètres généraux:
   
3. Choisissez la méthode SMTP puis complétez les cases avec comme nom de serveur SMTP mail.infomaniak.com puis les informations relatives à votre adresse mail et son mot de passe (cf prérequis).
4. Une fois tous les champs remplis, cliquez sur le bouton Vérifier.
5. Si tout est correct, le bouton Enregistrer s'affiche et vous pouvez cliquer dessus pour enregistrer vos paramètres mail:
   

Paramètres à utiliser

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

Ce guide vous aide à résoudre les erreurs de configuration si vous rencontrez des difficultés pour lier votre nom de domaine à Site Creator.

Problèmes fréquents et solutions

Identifiez l'état actuel de votre domaine pour appliquer la solution correspondante :

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

Prérequis

• Accé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 le magasin en ligne sur Site Creator

Thèmes dédiés

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

Module de boutique pour Site Creator

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

1. Cliquez sur le bouton Contenu dans la barre latérale gauche.
2. ‍Cliquez sur Applications en bas de liste puis sur Boutique:
   
3. La boutique et 3 produits d'exemple sont insérés:
   

Configurer la boutique

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

Infomaniak propose différentes offres Site Creator, gratuites ou payantes, qui répondent à divers besoins. Il est essentiel de bien comprendre les conditions liées à chaque type d'offre avant de faire votre choix.

Comprendre les différentes offres Site Creator

Site Creator est disponible…

• … soit gratuitement avec chaque hébergement Web payant existant (ajoutez-en un si nécessaire):
  
  • Dans ce cas, 1 seul Site Creator peut être mis en place par hébergement Web Infomaniak.
  • Pour gérer plusieurs sites créés avec Site Creator dans la même Organisation, il est donc nécessaire de posséder plusieurs hébergements Web.
• … soit de façon autonome (standalone déclinée en 3 versions) et ne requiert dans ce cas aucune autre offre particulière:
  
  1. Site Creator Free
  2. Site Creator Lite
  3. Site Creator Pro

1. Site Creator Free

Cette offre est positionnée comme une solution de test et de découverte et est entièrement gratuite. Elle s'adresse aux utilisateurs qui souhaitent se familiariser avec l'outil ou publier une page web extrêmement simple:

• Elle n'autorise qu'une seule page web et offre un espace disque réduit (5 Go).
• Cette offre ne permet pas la connexion à un nom de domaine personnalisé (il sera de la forme *.infomaniak.site) et inclut l'affichage obligatoire de la mention publicitaire d'Infomaniak.
• Les modules de croissance importants, tels que la gestion complète d'un blog, l'utilisation de l'Intelligence Artificielle pour la génération de texte, ou la fonction "Plan du site", ne sont pas inclus.

2. Site Creator Lite

Le plan Lite est l'offre d'entrée de gamme payante d'Infomaniak. Il est idéal pour la création d'un site vitrine ou d'un blog personnel simple, car il élimine les principales contraintes de la version gratuite et débloque les modules nécessaires à un site complet:

• Elle permet la création d'un site plus conséquent avec une limite fixée à 6 pages web et un espace disque plus confortable (15 Go).
• Elle inclut l'offre d'un nom de domaine pendant un an et, point essentiel, le retrait de toute mention publicitaire d'Infomaniak sur le site.
• Contrairement à l'offre Free, le plan Lite débloque l'accès à des fonctionnalités importantes pour la navigation et l'organisation, notamment le module de Création et gestion de Blog ainsi que le module Plan du site.

3. Site Creator Pro

L'offre Pro est la formule premium de Site Creator. Elle est exclusivement dédiée aux projets les plus ambitieux, comme le lancement d'une boutique en ligne complète, grâce à la levée de toutes les restrictions de contenu et l'intégration d'outils de commerce et d'analyse avancés:

• Elle supprime toute limitation sur le contenu en offrant des pages web illimitées et un large espace disque de 50 Go.
• C'est la seule offre qui intègre la gestion complète du E-commerce (commandes, stock, réductions) et permet l'intégration des passerelles de paiement essentielles (Stripe, PayPal, Mollie) pour une activité commerciale en ligne.
• Le plan Pro est le seul à donner accès à des outils d'analyse et de suivi de performance externes cruciaux, tels que Google Analytics, Hotjar et les outils comme Google reCaptcha.

Engagement lié aux offres payantes

Contrairement à d'autres produits Infomaniak, certaines offres Site Creator incluent un nom de domaine gratuit. Ces offres nécessitent un engagement ferme d'une durée minimale de 12 mois, sans possibilité de remboursement, même partiel, et ce même si :

• vous décidez de stopper l'utilisation de Site Creator avant la fin de la première année,
• vous résiliez vos produits,
• vous clôturez votre compte utilisateur ou votre Organisation.

Évolution des offres et conservation de votre site

Il est possible de passer d'une offre gratuite à une offre payante plus complète:

1. Cliquez ici afin d'accéder à la gestion de votre site sur le Manager Infomaniak (besoin d'aide ?).
2. Cliquez sur le menu d'action ⋮ à droite du site concerné dans le tableau qui s'affiche.
3. Cliquez sur Modifier l'offre:
   

Il est également possible de passer à une offre supérieure (par exemple, de Lite à Pro).

Si vous souhaitez conserver votre site actif, vous devez impérativement renouveler la même offre payante. Il n'est pas possible de basculer vers une version gratuite de Site Creator, même si :

• vous n'utilisez aucun des modules payants,
• votre site ne comporte qu'une seule page.

Que faire si vous souhaitez revenir à l'offre gratuite ?

Dans ce cas, vous devez :

• résilier votre site actuel après avoir copié manuellement toutes les informations que vous souhaitez conserver,
• activer une nouvelle offre Site Creator gratuite,
• recréer votre site en y collant les contenus récupérés de l'ancien.

Ce guide explique comment intégrer sur des pages Web des fichiers vidéo / audio importés sur un service VOD / AOD Infomaniak.

Préambule

• Ce code d'intégration VOD / AOD est unique et correspond aux paramètres que vous êtes en train de spécifier sur la page.
• Il vous permet d'intégrer une même vidéo avec des configurations d'affichage différentes selon vos besoins.
• Par la suite, vous pourrez modifier les paramètres de cette intégration en les ajustant depuis la page d'historique des intégrations sur le Manager Infomaniak.
• Vous pouvez parallèlement partager un média de différentes manières.

Générer et copier le code d'intégration

Le code d'intégration se trouve sur votre interface VOD ; voici un exemple avec un Player par défaut:

1. Cliquez ici afin d'accéder à la gestion de votre produit sur le Manager Infomaniak (besoin d'aide ?).
2. Cliquez directement sur le nom attribué au produit concerné:
   
3. Cliquez sur Médias dans le menu latéral gauche.
4. Cliquez sur Gestion des médias dans le menu latéral gauche.
5. Cliquez sur le média concerné dans le tableau qui s'affiche:
   
6. Cliquez sur le bouton bleu Intégrer.
7. Cliquez sur Créer une intégration:
   
8. Personnalisez l'intégration du média (Player à utiliser, timestamp, lecture en boucle, démarrage automatique, …).
9. Choisissez la miniature à afficher lorsque le média est à l'arrêt.
10. Cliquez sur le bouton pour Générer le code d'intégration:
    
11. Copiez le code pour l'intégrer à l'emplacement de votre choix:
    

Le média sera dans ce cas inséré avec le Player par défaut mais vous avez la possibilité de choisir parmi vos Players créés celui devant être proposé lors de l'intégration.

Modifier une précédente intégration

Pour personnaliser à nouveau l'intégration déjà effectuée de votre média, et dans le but de conserver le code correspondant sans devoir l'insérer à nouveau:

1. Cliquez ici afin d'accéder à la gestion de votre produit sur le Manager Infomaniak (besoin d'aide ?).
2. Cliquez directement sur le nom attribué au produit concerné.
3. Cliquez sur Médias dans le menu latéral gauche.
4. Cliquez sur Gestion des médias dans le menu latéral gauche.
5. Cliquez sur le média concerné dans le tableau qui s'affiche.
6. Cliquez sur le bouton bleu Intégrer.
7. Cliquez sur Modifier une intégration:
   
8. Cliquez sur le menu d'action ⋮ à droite de l'objet concerné dans le tableau qui s'affiche.
9. Cliquez sur l'élément désiré afin d'obtenir / modifier les codes d'intégration:
   

Coller le code d'intégration…

Sur la page Web de votre choix, collez le code HTML à l'endroit désiré:

… sur Site Creator Infomaniak

• Pour Site Creator, il faut générer un code d'intégration “Fixe” (et non “Responsive / Réactif”):
  
• Collez ensuite ce code sur Site Creator au sein d'un bloc “Code HTML personnalisé”:
  
  
  

Ce guide présente les modules Calendrier et Calendly pour Site Creator d'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:
    

Module Calendrier

Depuis Site Creator:

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

Ajoutez des évènements relatifs à votre activité que vous souhaitez présenter sur votre site de façon dynamique:

Une fois quelques évènements ajoutés, vous pouvez les voir sur le calendrier au même endroit:

Insérez ensuite le module Calendrier à l'endroit désiré de votre site:

Vos visiteurs pourront voir les évènements prévus, y compris lorsque vous les modifierez sur votre calendrier:

Module Calendly

✘ INDISPONIBLE‍ avec
Site Creator gratuit / Lite

Cette intégration est possible dès lors que vous avez un compte sur le service externe Calendly.

Depuis Site Creator:

1. Cliquez sur le bouton Contenu dans le menu latéral gauche.
2. Cliquez sur Apps dans le menu latéral gauche.
3. Cliquez sur Calendly pour insérer le module:
   
4. Cliquez pour configurer l'application avec les informations relatives à votre compte Calendly:
   

Insérez ensuite le module Calendly à l'endroit désiré de votre site pour retrouver vos informations Calendly:

Ce guide explique comment gérer la première page d'un Site Creator Infomaniak, c'est-à-dire la page d'accueil visible lorsqu'on tape l'adresse de votre site (par exemple www.domain.xyz).

Préambule

• La page d'accueil est obligatoire, mais il est aisé en tout temps d'en définir une nouvelle parmi vos pages existantes.
• Prenez connaissance de cet autre guide pour gérer les pages supplémentaires.

Modifier la page d'accueil 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:
    

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, puis glissez et déplacez la page d'accueil actuelle (représentée par une icône de maison) vers le bas de la liste:
   
3. Cliquez sur l'icône de cette page pour changer son type de page en page conventionnelle.
4. Sauvegardez les changements:
   
5. Revenez dans les paramètres et cliquez sur l'icône Paramètres ‍‍ de la page destinée à devenir la nouvelle page d'accueil:
   
6. Cliquez sur le bouton à bascule (toggle switch) afin de définir cette page en tant que page d'accueil de votre site.
7. Sauvegardez les changements:
   
8. Revenez dans les paramètres et cliquez sur l'icône de cette page pour changer son type de page en page d'accueil et positionnez-la en premier:
   
9. Sauvegardez les changements et testez l'effet du changement en visitant votre site qui n'aura plus la même page d'accueil par défaut:
   
   • Avant, la page d'accueil était celle par défaut:

Ce guide concerne Site Creator. L'outil est gratuit avec un hébergement Web ou existe sous différentes formules quand il est commandé séparément.

Préambule

• Quand Site Creator est installé en tant que site sur l'un de vos hébergements Web vous supprimez le site (et son contenu) créé avec Site Creator comme n'importe quel autre site parmi ceux que vous possédez sur un hébergement Web.
• Une confirmation de résiliation est envoyée aux éventuels autres administrateurs de l'Organisation.
• Les sauvegardes seront irrémédiablement supprimées lors de la résiliation d'un Site Creator quel qu'il soit, rendant toute restauration impossible.

Procédure de suppression de Site Creator

Pour supprimer le site créé avec Site Creator Infomaniak:

1. Cliquez ici afin d'accéder à la gestion de votre produit sur le Manager Infomaniak (besoin d'aide ?).
2. Cliquez sur le menu d'action ⋮ à droite du site concerné dans le tableau qui s'affiche.
3. Cliquez sur Résilier:
   

Vous pourrez relancer un Site Creator vierge après la suppression de l'outil.

Ce guide explique comment obtenir et se connecter à Site Creator Infomaniak avec un hébergement Web existant.

Préambule

• Site Creator est disponible…
  1. … soit gratuitement avec chaque hébergement Web payant.
  2. … soit de façon autonome (standalone déclinée en 3 versions) et ne requiert dans ce cas aucune autre offre particulière.
• Prenez connaissance de cet autre guide pour comparer les différentes formules à votre disposition.
• Vous n'avez besoin d'aucun téléchargement pour utiliser Site Creator, tout se passe en ligne sur une interface accessible depuis n'importe quel navigateur.

1. Ajouter Site Creator à votre hébergement Web existant

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

1. Cliquez ici afin d'accéder à la gestion de votre hébergement sur le Manager Infomaniak (besoin d'aide ?).
2. Cliquez directement sur le nom de l'hébergement concerné.
3. Pour ajouter un site, prenez connaissance de cet autre guide à partir du point 3 et choisir Site Creator au point 4:
   

2. Commander Site Creator sans hébergement particulier

Pour obtenir Site Creator de façon autonome, accédez au descriptif des offres Site Creator Free, Lite et Pro et laissez-vous guider en cliquant sur le bouton de l'offre qui vous intéresse.

Accéder à Site Creator

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

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

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

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

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

Prérequis

• Accé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.), le format webp étant recommandé (il offre le meilleur ratio qualité/compression pour un affichage web ultra-rapide).

Idem pour les vidéos (mp4, mov, etc.) et vous pouvez également charger des fichiers (zip, pdf, etc.) afin de par exemple les mettre à disposition des visiteurs par le module Téléchargement de fichier.

Compresser une image

Les grandes images sont par défaut automatiquement redimensionnées lors de leur importation: les images qui font plus de 1200 px sont automatiquement réduites à 1200 px mais vous pouvez gérer cela dans les paramètres généraux:

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:

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:

Lorsque vous sauvegarderez vos modifications, l'image sera enregistrée en tant que copie dans votre bibliothèque:

Optimiser le référencement (SEO) et l'accessibilité

Une fois vos images importées depuis la bibliothèque vers vos pages Web, n'oubliez pas de renseigner leur Texte alternatif (balise Alt) dans les paramètres du bloc image. Cette description textuelle est essentielle : elle permet aux moteurs de recherche (comme Google) de comprendre le contenu de vos visuels, tout en rendant votre site accessible aux personnes malvoyantes qui utilisent des lecteurs d'écran.

Et puisqu'il n'est pas possible de renommer les fichiers une fois en ligne, prenez l'habitude de les nommer correctement sur votre ordinateur avant de les envoyer. Évitez les noms génériques (ex: IMG_1234.jpg) et privilégiez des noms descriptifs avec des tirets (ex: swiss-home-repair.jpg) pour améliorer votre référencement sur les moteurs de recherche.

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 : interdire le clic droit

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

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

Essayez de téléverser des WEBP, JPG ou PNG les plus légers possible (idéalement sous la barre des 500 Ko) ; il n'est pas nécessaire d'envoyer sur le serveur des images d'une largeur supérieure à 1000-2000 pixels.

Assurez-vous également que vos fichiers image soient enregistrés avec le profil colorimétrique RVB (RGB), qui est le standard pour un affichage sur écran. Évitez le profil CMJN (CMYK), qui est très lourd et exclusivement réservé à l'impression papier, car il peut provoquer des erreurs d'affichage ou bloquer l'importation.

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

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 / CGV 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, puis cliquez pour Ajouter la page:
   

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

1. Rendez-vous sur la page de votre site que vous souhaitez cloner.
2. Cliquez sur le bouton Réglages dans le menu latéral gauche.
3. Cliquez sur le bouton Ajouter une page en dessous de l'arborescence existante. Choisissez un nom de page et Afficher plus d'options pour choisir le type de page.
4. Dans Afficher plus d'options activez Cloner / dupliquer, ceci afin de reprendre le contenu de la page actuelle.
5. Cliquez pour Ajouter la page.
6. La nouvelle page s'affiche dans le menu avec le contenu identique à la page sur laquelle vous étiez au point 1:
   

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 et cliquez sur la roue dentée pour accéder aux options de la page dont le nom d'affichage:
   

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

Changer l'ordre des pages

Cela peut être utile notamment pour définir l'une de vos pages actuelles en première page (page d'accueil) à la place de l'accueil actuel. 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. Suvolez la roue dentée puis 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 supprimer la page en cours:

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éterminer un 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 masquée à 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 Infomaniak et du site créé avec, face aux différents formats et résolutions d'écran.

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:
    

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, appareil mobile, tablette, grand et petit écran, etc.). Mais ils peuvent réagir différemment selon certains paramètres que vous pouvez régler.

Pour prévisualiser la version du site en fonction du support de lecture:

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 Aperçu:
   
3. En haut de page, cliquez sur le menu d'action ⋮ à droite de Aperçu pour changer le type d'appareil de lecture.
4. Cliquez sur les différentes icônes d'appareil pour simluer les différents formats de lecture (mobile, vertical, horizontal…):
   

Afficher votre site en largeur réduite

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

1. Cliquez sur le bouton Design dans le menu latéral gauche.
2. Cliquez sur Plus de paramètres.
3. Activez le bouton à bascule (toggle switch) de l'affichage Container:
   
4. Enregistrez les modifications en bas de page.

Masquer un bloc de contenu selon le type d'appareil

Dans les options d'un bloc de contenu, en désactivant la visibilité par défaut, vous pourrez alors définir en-dessous de n'afficher ce dernier que sur certains types d'appareil (mobiles par exemple):

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 par exemple 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 cliquez sur la roue dentée:

Faites défiler les paramètres jusqu'à Espacement des blocs par défaut et cliquez 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, ajoutez un séparateur manuellement:

Vous pourrez ensuite définir sa couleur et sa taille, en cliquant sur le séparateur directement:

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

Édition simple de pages

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. Vous pouvez annuler vos modifications si nécessaire.

Créer un lien

Créez un lien à partir d'image ou de texte, directement en sélectionnant l'objet. Sur la barre d'outils qui s'affiche, cliquez sur le menu d'action •••.

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

Éditez un lien en cliquant dessus puis en cliquant sur l'icône du chainon:

Créer un lien vers un fichier

Pour permettre à vos visiteurs de télécharger un fichier à partir d'un lien sur un objet, cliquez sur Afficher plus d'options dans les réglages de votre lien.

Puis choisissez le type “Fichier” ce qui vous permettra de téléverser le fichier correspondant sur le serveur, afin de le proposer en téléchargement à vos visiteurs:

Créer un lien vers un e-mail

Choisissez 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 à rédiger un e-mail avec l'adresse mail pré-écrite:

Afin d'éviter que l'adresse mail soit inscrite en dur sur votre page, insérez un formulaire de contact.

Créer un lien vers une section précise

Pour diriger le visiteur vers une portion précise de votre site ou d'un autre, utilisez le système des ancres.

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:

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.

Créer une liste, insérer une émoticône... et sauvegarder

Les différentes possibilités de formatage de votre texte se trouvent au-dessus de la sélection de votre texte:

1. Des options supplémentaires (listes à puces, alignement, émojis, etc.) sont accessibles avec le menu d'action ••• .
2. Appliquez et validez les modifications avec le signe ✓.
3. Attention: la corbeille supprime le texte que vous êtes en train d'éditer:
   
    

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 cliquez 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:
   
3. Pensez à sauvegarder vos modifications:
   

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 ensuite éditable via le bouton HTML CODE qui permet d'ouvrir l'éditeur HTML:

‍
Vous pouvez également ajouter du code en dehors des blocs.