Base de connaissances
1 000 FAQ, 500 tutoriels et vidéos explicatives. Ici, il n'y a que des solutions !
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.
Par oĂą commencer ?
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.
Informations de base
- GĂ©rer les pages
- Édition simple de pages
- GĂ©rer les blocs de contenu
- Gérer les médias (images, vidéos, documents, etc.)
- GĂ©rer le ou les menus de navigation
- Gérer thèmes, couleurs, polices
- Gérer le nom et détails du site
Voir toutes les FAQ Site Creator
Opérations avancées
- Édition avancée de pages
- Gérer les modules supplémentaires (galerie, blog, shop, etc.)
- GĂ©rer les langues et traductions
- Créer un formulaire de contact
- Gestion des cookies (RGPD)
Vous pouvez également effacer votre site réalisé avec Site Creator et repartir de zéro en recréant un site vierge.
Aide supplémentaire
Pour voir ou revoir l'aide contextuelle au démarrage de Site Creator, cliquer ici sur votre Manager:
En cas de problème, merci de consulter la base de connaissances avant de contacter le support 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.
Ajouter le magasin en ligne sur Site Creator
Pour accéder à Site Creator :
- se connecter au Manager Infomaniak (manager.infomaniak.com) depuis un navigateur Web comme Brave ou Firefox
- cliquer sur l'icône en haut à droite de l'interface (ou naviguer grâce au menu latéral gauche p.ex)
- choisir HĂ©bergement (univers Web & Domaine)
- cliquer directement sur le nom de l'objet concerné dans le tableau qui s'affiche
- cliquer sur Site Creator dans le menu latéral gauche
- cliquer sur Personnaliser mon site
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:
- cliquer sur le bouton Contenu dans la barre latérale gauche
- cliquer sur Applications en bas de liste puis sur Boutique
La boutique et 3 produits d'exemple sont insérés.
Configuration de la boutique
Lire ce guide (cliquer ici) au sujet des différentes options de configuration de la boutique Site Creator.
Ce guide explique comment créer un formulaire d'inscription pour l'outil Newsletter d'Infomaniak, comment l'intégrer sur une page Web et comment gérer les envois d'abonnés et leur désabonnement.
Prérequis
- posséder au moins une liste de contacts au sein de la Newsletter
Créer un formulaire d'inscription
Un formulaire d'inscription permet aux visiteurs d'un site de s'abonner à une newsletter et d'enrichir une ou plusieurs listes de contacts. Pour accéder à la gestion des formulaires :
- se connecter au Manager Infomaniak (manager.infomaniak.com) depuis un navigateur Web comme Brave ou Edge
- cliquer sur l'icône en haut à droite de l'interface (ou naviguer grâce au menu latéral gauche p.ex)
- choisir Newsletter (univers Events & Marketing)
- cliquer si nécessaire sur le nom du domaine concerné dans le tableau qui s'affiche
- cliquer sur Formulaires dans le menu latéral gauche
- cliquer sur le bouton bleu Créer un formulaire
- donner un nom Ă votre formulaire
- spécifier quelle(s) liste(s) de contacts doi(ven)t être mise(s) à jour - cela permet notamment d'avoir un formulaire à un endroit correspondant au remplissage d'une liste de contacts précise, puis un autre formulaire ailleurs correspondant à une autre liste, ceci afin d'envoyer par la suite une Newsletter encore plus personnalisée:
- la plupart des paramètres de droite (onglet Contenu) peuvent être prévisualisés en direct sur la partie de gauche - n'oubliez pas de sauvegarder vos changements régulièrement (bouton bleu):
- idem pour l'onglet Champs qui permet d'ajouter, supprimer ou déplacer des champs d'information que vous souhaitez recueillir auprès des visiteurs qui souhaitent s'inscrire à la Newsletter (information qui peut ensuite être insérée dans le corps de la Newsletter pour la personnaliser):
- cliquer sur le bouton bleu pour enregistrer vos modifications au fur et Ă mesure:
- l'onglet du code d'intégration s'affiche mais ne pas hésiter à configurer les autres onglets également:
Insérer sur un site le formulaire créé
Le code d'intégration (point 12 ci-dessus) peut être inséré sur n'importe laquelle des pages de votre site:
sur WordPress
- insérer à l'endroit désiré un nouveau bloc
- choisir un bloc de type HTML
- coller le code HTML obtenu au point 12 ci-dessus (passer de l'onglet Javascript Ă l'onglet HTML pour afficher le code correspondant Ă votre formulaire)
- cliquer sur Mettre Ă jour
- le formulaire configuré précédemment s'affiche sur votre site:
sur Site Creator Infomaniak
- survoler le bloc dans lequel insérer le formulaire d'inscription Newsletter
- cliquer sur Paramètres du bloc:
- cliquer sur HTML
- coller le code HTML obtenu au point 12 ci-dessus (passer de l'onglet Javascript Ă l'onglet HTML pour afficher le code correspondant Ă votre formulaire) Ă l'endroit ou Ă la place du texte existant sur Site Creator:
- sauvegarder les modifications:
- le formulaire configuré précédemment s'affiche sur votre site:
Exemple d'envoi de Newsletter
L'exemple ci-dessous est un cas très simple où l'expéditeur de la Newsletter souhaite contacter uniquement les abonnés inscrits avant une certaine date. Ce choix de "filtrage" (ou segmentation) se fait lors des dernières étapes de rédaction de la Newsletter:
Un seul abonné répond au critère sélectionné (appuyer sur le bouton Mettre à jour pour calculer le nombre de contacts correspondants à vos critères).
Contacts abonnés à plusieurs listes
Impossible de le savoir depuis la page ci-dessus, mais il est à noter que pour cet exemple, le contact correspondant aux critères est inscrit dans les 2 listes de contacts (groupes sur le même domaine évidemment) qui ont été sélectionnées (conference et arbitral).
Évidemment une Newsletter n'est envoyée qu'une seule fois par contact, même si celui-ci est présent dans différentes listes.
DĂ©sabonnement du contact
Suite à l'envoi de la Newsletter d'exemple ci-dessus, le contact souhaite se désabonner via le lien présent en bas de la Newsletter:
Suite à sa désinscription, on peut donc constater dans les 2 listes de contacts qu'il est bien noté comme étant désabonné:
Le membre de la liste peut sans problème se réinscrire via un formulaire d'inscription appartenant à la même Newsletter.
Ce guide pour Site Creator explique comment aller de l'avant si vous ne parvenez pas Ă connecter Site Creator Ă un nom de domaine.
Site Creator et nom de domaine
Situations et solutions si vous ne parvenez pas à effectuer l'opération désirée:
nom de domaine concerné | solutions |
---|---|
Externe à Infomaniak | Commander une zone DNS correspondante ou transférer le domaine vers Infomaniak |
Déjà rattaché à un hébergement/site, ou déjà défini comme domaine synonyme | Dissocier le domaine |
Déjà lié à un site avec une IP dédiée | Désinstaller l'IP dédiée |
Déjà lié à un certificat SSL auto-signé, DV ou EV | Désinstaller le certificat |
Pas les droits techniques sur l’hébergement lié | Modifier les permissions |
Ce guide explique comment obtenir et se connecter Ă Site Creator Infomaniak.
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.
Activer Site Creator sur un hébergement Web
Pour ajouter Site Creator sur un site de votre hébergement Web:
- se connecter au Manager Infomaniak (manager.infomaniak.com) depuis un navigateur Web comme Brave ou Firefox
- cliquer sur l'icône en haut à droite de l'interface (ou naviguer grâce au menu latéral gauche p.ex)
- choisir HĂ©bergement (univers Web & Domaine)
- cliquer directement sur le nom de l'objet concerné dans le tableau qui s'affiche
- lire ce guide (cliquer ici) Ă 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:
- se connecter au Manager Infomaniak (manager.infomaniak.com) depuis un navigateur Web comme Brave ou Firefox
- cliquer sur l'icône en haut à droite de l'interface (ou naviguer grâce au menu latéral gauche p.ex)
- choisir HĂ©bergement (univers Web & Domaine)
- cliquer directement sur le nom de l'objet concerné dans le tableau qui s'affiche
- cliquer sur Site Creator dans le menu latéral gauche
- cliquer 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 modifier la langue de l'interface Site Creator Infomaniak ainsi que la gestion des traductions de vos pages.
Changer la langue de l'interface
Pour modifier la langue de Site Creator:
- se connecter au Manager Infomaniak (manager.infomaniak.com) depuis un navigateur Web comme Brave ou Edge
- cliquer sur l'icône en haut à droite de l'interface (ou naviguer grâce au menu latéral gauche p.ex)
- choisir HĂ©bergement (univers Web & Domaine)
- cliquer sur le nom de l'objet concerné dans le tableau qui s'affiche
- cliquer sur Site Creator dans le menu latéral gauche
- cliquer sur Personnaliser mon site
Une fois dans Site Creator:
- dans le menu latéral gauche cliquer sur le bouton Réglages
- cliquer sur Paramètres généraux
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.).
Proposer votre site en plusieurs langues
Pour proposer une traduction de votre site:
- sous Applications, cliquer sur l'application Traductions
Vous pouvez ajouter ou supprimer les langues dans lesquelles votre site sera traduit.
Avec la souris, déplacer les langues dans l'ordre souhaité (ce qui affecte le menu déroulant de sélection de langue).
En cliquant sur le crayon d'édition qui apparait au survol sur un bloc de langue, vous pouvez renommer l'élément ainsi que choisir si la traduction devra être automatique ou accessible à une URL précise (si vous avez créé ailleurs une page traduite manuellement p.ex).
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), activer le menu de sélection de langue dans l'entête pour donner au visiteur le choix de la langue par menu déroulant en haut de page:
Ce guide concerne les messages envoyés depuis Site Creator (par exemple formulaire de contact ou module e-commerce).
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
Pour modifier la méthode d'envoi des e-mails depuis Site Creator:
- se connecter au Manager Infomaniak (manager.infomaniak.com) depuis un navigateur Web comme Brave ou Firefox
- cliquer sur l'icône en haut à droite de l'interface (ou naviguer grâce au menu latéral gauche p.ex)
- choisir HĂ©bergement (univers Web & Domaine)
- cliquer sur le nom de l'objet concerné dans le tableau qui s'affiche
- cliquer sur Site Creator dans le menu latéral gauche
- cliquer sur Personnaliser mon site
Une fois dans Site Creator:
- cliquer sur le bouton Réglages dans le menu latéral gauche
- cliquer sur Paramètres généraux
- cliquer sur le lien bleu Plus de paramètres:
- choisir la méthode SMTP en complétant selon votre adresse mail comme les indications ci-dessous:
- sauvegarder les changements
Paramètres à utiliser
- nom du serveur SMTP
mail.infomaniak.com
- port SMTP
465
(SSL) - username
adresse mail complète
- password
mot de passe de l'adresse mail
Ce guide concerne Site Creator Infomaniak qui permet de créer un site complet composé de plusieurs pages:
- la page d'accueil, obligatoire (avec ou sans entĂŞte et pied de page)
- des pages supplémentaires, vierges, protégées par mot de passe, ou contenant directement un contenu précis (formulaire de contact p.ex)
- des pages légales (pour y mettre vos conditions générales d'utilisation p.ex)
qui composeront ensuite le ou les menus de navigation du site.
Ajouter une page au site
Pour accéder à Site Creator :
- se connecter au Manager Infomaniak (manager.infomaniak.com) depuis un navigateur Web comme Brave ou Edge
- cliquer sur l'icône en haut à droite de l'interface (ou naviguer grâce au menu latéral gauche p.ex)
- choisir HĂ©bergement (univers Web & Domaine)
- cliquer sur le nom de l'objet concerné dans le tableau qui s'affiche
- cliquer sur Site Creator dans le menu latéral gauche
- cliquer sur Personnaliser mon site
Une fois dans Site Creator:
- dans le menu latéral gauche cliquer sur le bouton Réglages - la liste de vos pages apparaît
- cliquer sur le bouton Ajouter une page en dessous de l'arborescence existante:
- choisir 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:
- dans le menu latéral gauche cliquer sur le bouton Réglages - la liste de vos pages apparaît
- survoler la page désirée dans l'arborescence existante
- cliquer sur l'icĂ´ne de duplication qui apparait au survol
Autre possibilité: se rendre sur la page qu'on souhaite cloner. Sous Réglages, cliquer sur le bouton Ajouter une page en dessous de l'arborescence existante et dans Afficher plus d'options choisir Cloner / dupliquer:
Renommer une page
Pour cela:
- cliquer sur le bouton Réglages dans le menu latéral gauche - la liste de vos pages apparaît
- survoler la page désirée dans l'arborescence existante
- cliquer sur la roue dentée pour accéder aux options de la page:
Autre possibilité: sous Réglages, sur l'arborescence existante, vous pouvez directement renommer vos pages puis Enregistrer les modifications en bas de page:
Attention, renommer une page change son URL.
Changer l'ordre des pages
Pour cela:
- dans le menu latéral gauche cliquer sur le bouton Réglages - la liste de vos pages apparaît
- sur l'arborescence existante, vous pouvez directement glisser vos pages afin de changer leur ordre (cela influence surtout l'affichage des pages au sein d'un menu) puis Enregistrer les modifications en bas de page:
Supprimer une page
- dans le menu latéral gauche cliquer sur le bouton Réglages - la liste de vos pages apparaît
- survoler la page désirée dans l'arborescence existante
- cliquer sur la corbeille qui apparait au survol
- confirmer la suppression et la page disparait sans possibilité d'annulation
Autre possibilité: se rendre sur la page qu'on souhaite supprimer. Sous Réglages, cliquer sur le bouton rouge Corbeille en bas de page pour la supprimer.
Créer une page protégée par mot de passe
Pour cela:
- cliquer sur le bouton Réglages dans le menu latéral gauche - la liste de vos pages apparait
- survoler la page désirée dans l'arborescence existante
- cliquer sur la roue dentée pour accéder aux options de la page
- activer l'option de protection par mot de passe afin de définir le mot de passe qui sera demandé lors de la consultation de la page:
- enregistrer les modifications en bas de page
Pour tester, visiter la page depuis un navigateur en navigation privée (afin de ne pas être connecté à Site Creator) ou prévisualiser la page depuis l'éditeur.
Ajouter une page "cachée"
Pour ajouter une page qui n'apparaîtra pas dans le menu principal (mais qui restera accessible par son adresse directe et par un moteur de recherche si celui-ci indexe votre page, ainsi que dans le plan du site si vous le désirez):
- dans le menu latéral gauche cliquer sur le bouton Réglages - la liste de vos pages apparaît
- survoler la page désirée dans l'arborescence existante
- cliquer sur la roue dentée pour accéder aux options de la page
- choisir le dernier type d'affichage afin de masquer la page dans la navigation et déterminer si vous voulez malgré tout inclure la page dans le plan du site:
- enregistrer les modifications en bas de page
Autre possibilité: survoler la page désirée dans l'arborescence existante et cliquer sur l'icône de page à gauche du nom de votre page, jusqu'à faire apparaitre l’œil barré:
Enregistrer les modifications en bas de page.
Si nécessaire vous pouvez créer un lien vers cette page à partir d'une autre, car la page masquée apparaitra quand même dans la liste des pages du site lorsque vous ajoutez un lien interne:
Ce guide concerne les blocs de contenu qui sont l'un des éléments les plus importants de Site Creator Infomaniak.
Ce sont eux qui vont vous permettre de créer aisément du contenu sur vos pages.
Il y en a de toutes sortes, séparateur, liste de tarifs, plan du site, simples blocs de texte ou d'image, etc. en général préconfigurés pour vous faciliter leur mise en route.
Ajouter un bloc de contenu
Pour accéder à Site Creator:
- se connecter au Manager Infomaniak (manager.infomaniak.com) depuis un navigateur Web comme Brave ou Edge
- cliquer sur l'icône en haut à droite de l'interface (ou naviguer grâce au menu latéral gauche p.ex)
- choisir HĂ©bergement (univers Web & Domaine)
- cliquer sur le nom de l'objet concerné dans le tableau qui s'affiche
- cliquer sur Site Creator dans le menu latéral gauche
- cliquer sur Personnaliser mon site
Une fois dans Site Creator:
- dans le menu latéral gauche cliquer sur le bouton Contenu - la liste des blocs apparaît
- choisir la catégorie désirée sur la gauche, puis le contenu désiré sur la droite
En cliquant sur le contenu souhaité, vous le faites apparaitre sur la page que vous étiez en train d'éditer.
Autre possibilité: se rendre sur la page directement et survoler l'espace en-dessus ou en-dessous d'un bloc existant:
Supprimer un bloc de contenu
Survoler le bloc Ă supprimer sur votre page et cliquer sur la corbeille qui apparait au survol:
Confirmer la suppression et il disparait. Vous pouvez annuler ce type d'opération.
Dupliquer un bloc
Survoler le bloc à dupliquer sur votre page et cliquer sur la roue dentée qui apparait au survol. Choisir 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. Cliquer 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, cliquer dessus et une nouvelle fenêtre apparaît. Dans la partie inférieure, il y a le bouton Enregistrer à droite et le bouton Supprimer rouge à gauche.
Créer un bloc de contenu type
Dans la barre latérale gauche, sous les contenus qui peuvent être ajoutés à votre page, vous trouverez un bouton pour Concevoir un bloc de contenu.
Tous les éléments qui composent les blocs sont disposés à gauche. Vous pouvez les faire glisser vers votre bloc type afin de concevoir votre bloc idéal. Celui-ci sera inséré dans votre page en cliquant sur Appliquer les modifications en bas de page.
Modifier les marges du bloc
Survoler le bloc de contenu à modifier et cliquer sur la roue dentée:
Faire défiler les paramètres jusqu'à Espacement des blocs par défaut et cliquer dessus pour définir vos propres paramètres:
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.
Survoler le bloc de contenu à déplacer puis cliquer sur la zone de points en haut à gauche ; laisser appuyer pour bouger le bloc.
Créer un espace entre deux blocs
Pour créer un espace horizontal entre les blocs de contenu, ajouter un séparateur manuellement:
Vous pourrez ensuite définir sa couleur et sa taille.
Vous pouvez également "décorer" le haut et le bas d'un bloc de façon plus automatique, en activant l'option Décoration depuis l'édition d'un bloc:
Ce guide est destiné aux utilisateurs de Site Creator Infomaniak qui souhaitent optimiser le référencement de leur site.
Ajouter Site Creator Ă Google
Pour soumettre votre site au moteur de recherche Google:
- se connecter au Manager Infomaniak (manager.infomaniak.com) depuis un navigateur Web comme Brave ou Firefox
- cliquer sur l'icône en haut à droite de l'interface (ou naviguer grâce au menu latéral gauche p.ex)
- choisir HĂ©bergement (univers Web & Domaine)
- cliquer sur le nom de l'objet concerné dans le tableau qui s'affiche
- cliquer sur Site Creator dans le menu latéral gauche
- cliquer sur Personnaliser mon site
Une fois dans Site Creator:
- cliquer sur le bouton Applications dans le menu latéral gauche
- cliquer sur l'application Ajouter Ă Google.
Vous pouvez y insérer le code de vérification si vous utilisez Google Search Console.
DĂ©finir les balises Meta
Une fois dans Site Creator:
- cliquer sur le bouton Réglages dans le menu latéral gauche
- cliquer sur Paramètres généraux
- cliquer sur SEO et statistiques
- insérer titre, description et mots clés du site entier
C'est aussi ici que vous pouvez gérer le fichier robots.txt si nécessaire.
Pour définir ceci mais pour une page précise:
- cliquer sur le bouton Réglages dans le menu latéral gauche
- cliquer sur Paramètres généraux
- cliquer sur Paramètres de sous-page
- cliquer sur SEO & Métadonnées
Si vous n'intervenez pas sur cette page, c'est Site Creator qui gère dynamiquement vos balises.
Vous pouvez aussi gérer les URL de vos pages indépendamment du titre SEO de votre page (page nommée "Contact" côté SEO alors que son URL sera "/entreprise" par exemple).
Insérer des codes traceurs
Votre site Web intègre un module Statistiques simple mais vous pouvez utiliser Google Analytics ou d'autres méthodes de tracking (comme Facebook Pixel, Google Tag...) qui nécessitent l'insertion d'un code sur votre site:
- cliquer sur le bouton Réglages dans le menu latéral gauche
- cliquer sur Paramètres généraux
- cliquer sur SEO et statistiques
- parcourir la page vers le bas et insérer vos codes pisteurs