Base de connaissances

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

Préambule

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

Guides des opérations

Informations de base:

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

Informations avancées:

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

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

Aide contextuelle

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

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

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

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

Prérequis

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

Ajouter le magasin en ligne sur Site Creator

Thèmes dédiés

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

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

Module de boutique pour Site Creator

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

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

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

Configuration de la boutique

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

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

Résoudre un souci avec le nom de domaine

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

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

Préambule

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

Modifier la méthode d'envoi

Prérequis

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

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

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

Paramètres à utiliser

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

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

Prérequis

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

Changer la langue de l'interface

Pour modifier la langue de Site Creator:

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

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

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

Proposer votre site en plusieurs langues

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

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

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

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

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

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

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

Page traduite manuellement

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

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

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

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

Responsabilités des parties

Données fournies à l'IA

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

Données apportées par l'IA

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

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

Prérequis

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

Ajouter Site Creator à Google

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 p.ex "/entreprise").
 

Quels "Meta Keywords" ?

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

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érer vos codes pisteurs.

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

Préambule

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

Ajouter une page au site

Prérequis

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

Une fois dans Site Creator:

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

Copier / Dupliquer une page

Pour cela:

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

Autre possibilité: se rendre sur la page qu'on souhaite cloner. Sous Réglages, cliquez sur le bouton Ajouter une page en dessous de l'arborescence existante et dans Afficher plus d'options choisir 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, cliquer 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é:

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 explique comment obtenir et se connecter à Site Creator Infomaniak.

Préambule

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

Activer Site Creator sur un hébergement Web

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

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

Pour accéder à Site Creator

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

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

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

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

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

Configurer une boutique sur Site Creator

Prérequis

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

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