Base de connaissances
1 000 FAQ, 500 tutoriels et vidéos explicatives. Ici, il n'y a que des solutions !
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.
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 en accédant à 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
Une fois dans Site Creator, pour prévisualiser la version du site en fonction du support de lecture, cliquer sur le bouton … bleu situé tout en bas du menu latéral gauche, pour développer les options de publication et prévisualisation.
Cliquer sur Aperçu puis en haut de page, cliquer sur le menu d'action à droite de Aperçu pour changer le type d'appareil de lecture.
Afficher votre site en largeur réduite
Vous pouvez réduire la largeur de votre site. Mais cet affichage au sein d'un "container" ou "boite" ne sera visible que sur les écrans larges type ordinateur de bureau:
- dans le menu latéral gauche cliquer sur le bouton Design
- cliquer sur Plus de paramètres
- enregistrer les modifications en bas de page
Masquer un bloc de contenu selon le type d'appareil
Dans les options d'un bloc de contenu, vous pouvez définir de ne afficher ce dernier que sur certains types d'appareil (mobiles p.ex):
Ce guide détaille l'utilisation des médias dans Site Creator Infomaniak.
A noter qu'il est également possible d'insérer d'autres éléments comme p.ex un formulaire d'inscription à la Newsletter Infomaniak.
Ajouter une image
Les médias sont gérés dans la bibliothèque de fichiers:
- 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:
- ajouter un nouveau bloc de contenu contenant des images que vous pourrez ensuite remplacer ou compléter
- cliquer sur le bouton Contenu dans le menu latéral gauche
- cliquer sur Objets dans la liste pour insérer une image unique
- cliquer sur le bloc IMAGE sur la droite
Une fois l'image ajoutée, vous pouvez également en faire un lien cliquable ou modifier sa taille:
Vous pouvez Ă©galement ajouter des images en tant que module Galerie de photos.
Changer d'image
Pour remplacer une image insérée:
- cliquer sur une image pour l'Ă©diter
- cliquer sur le bouton type Cadre photo sur la miniature de l'image pour pouvoir sélectionner une nouvelle image qui remplacera la précédente:
Ajouter une vidéo
Pour ajouter une vidéo:
- cliquer sur le bouton Contenu dans le menu latéral gauche
- cliquer sur Objets dans la liste
- cliquer sur le bloc VIDEO sur la droite pour insérer une vidéo en pleine largeur
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 "lightbox".
Ajouter un fichier audio
Pour ajouter un fichier sonore:
- cliquer sur le bouton Contenu dans le menu latéral gauche
- cliquer sur Applications en bas
- le contenu Ă disposition s'affiche sur la droite
- cliquer sur le lecteur audio pour l'insérer dans la page.
Vous pouvez le personnaliser de façon avancée via l'édition HTML.
Ajouter un fichier à télécharger
Pour facilement proposer un fichier au téléchargement:
- cliquer sur le bouton Contenu dans le menu latéral gauche
- cliquer sur Applications en bas
- le contenu Ă disposition s'affiche sur la droite
- cliquer sur le widget Téléchargement de fichier pour l'insérer dans la page
- sélectionner dans la bibliothèque le fichier qui pourra être téléchargé par vos visiteurs
Ce guide explique comment personnaliser et configurer le module de boutique en ligne de Site Creator.
Configurer une boutique sur Site Creator
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é :
- 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
- survoler le module de la boutique ajouté sur votre page
- cliquer sur Configuration
Une fois sur Configuration, plusieurs sous-menus s'affichent sur la gauche permettant de configurer d'autres paramètres:
⚠️ Tous les montants saisis sont au format américain (US) avec un point pour les décimales, c'est-à -dire XX.XX
Moyens de paiement
- Paypal
- Carte bancaire (Stripe, Mollie - lire ci-dessous)
- 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
- 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):
- choisir le moment où l'e-mail devra être envoyé (ou simplement désactiver le message pour le conserver sans l'utiliser)
- e-mail nouvelle commande (pour vous notifier)
- e-mail de commande traitée (personnalisable)
- bon de livraison au format PDF (personnalisable)
- facture également générée et disponible au format PDF sur votre compte Stripe/Paypal/Mollie
- 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:
- survoler le module en haut Ă gauche
- cliquer sur Produits
Retrouver les 3 premiers produits d'exemple:
Réorganiser vos produits en les déplaçant avec la souris.
Cliquer 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, rechercher 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, choisir de masquer si nécessaire le produit à vos visiteurs.
Pour terminer et revenir à la liste des produits, enregistrer les modifications grâce au bouton situé tout en bas.
Supprimer ou dupliquer un produit
Sur la fiche d'édition d'un produit, cliquer 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érer 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.
Cliquer dans le sous-menu Catégories sur la gauche du panneau d'administration de la boutique, sous Produits.
Définir une image pour illustrer votre catégorie.
Masquer 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.
Cliquer 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
Exporter 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:
- survoler le module en haut Ă gauche
- cliquer sur Configuration
- cliquer 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):
- survoler le module en haut Ă gauche
- cliquer sur Configuration
- cliquer dans le sous-menu Clients sur la gauche du panneau d'administration de la boutique
Exporter la liste de vos clients
Exporter la liste de vos clients (format CSV) grâce au bouton Télécharger situé à droite de la barre de recherche de clients.
Ce guide vous aide à personnaliser un site Web créé avec Site Creator Infomaniak.
Changer les couleurs du site
Pour gérer les thèmes, couleurs et polices dans 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:
- cliquer sur le bouton Design dans le menu latéral gauche
- cliquer sur Couleurs du site
Vous pouvez choisir parmi les palettes de couleurs disponibles ou créer votre propre jeu de couleurs personnalisé.
En dessous il existe des paramètres plus spécifiques, où vous pouvez spécifier à quels éléments une couleur doit être appliquée.
GĂ©rer le fond (image / couleur) des blocs
Sur la page d'édition de votre site, survoler un bloc et cliquer sur la roue dentée pour accéder aux réglages:
Charger un modèle de site Web
Vous pouvez modifier la conception complète de votre site Web en changeant le thème de celui-ci, et en décidant ce qui devra être écrasé ou pas sur le site actuel lors du changement:
- cliquer sur le bouton Design dans le menu latéral gauche
- cliquer sur Choix du thème
C'est là que vous pouvez choisir parmi les thèmes de sites Web disponibles.
Lorsque vous avez trouvé votre nouveau thème, cliquez sur Installer puis vous pourrez choisir les parties du nouveau modèle que vous souhaitez importer (par défaut, seuls les couleurs, polices ou style de menu) pour éviter que le contenu de votre site Web ne soit écrasé.
Si votre site Web est nouveau, vous pouvez choisir plus d'options lors de l'importation.
Changer les polices du site Web
Pour cela:
- cliquer sur le bouton Design dans le menu latéral gauche
- cliquer sur Polices
Vous pouvez facilement changer les polices principales du site Web, la première police étant utilisée pour les en-têtes et la seconde police pour le contenu.
En dessous il existe des paramètres plus spécifiques, où vous pouvez spécifier à quels éléments une police doit être appliquée.
Pourquoi le texte est-il invisible?
Si vous avez l'impression que votre bloc de texte a disparu ou qu'il est invisible
alors sélectionner tout le contenu du site Web (ctrl + a ou cmd + a sur Mac) ; si vous voyez que votre contenu est là , cela signifie probablement que les paramètres du bloc sont réglés pour un fond sombre:
Dans ce cas, aller dans les paramètres du bloc et s'assurer que l'option "Fond sombre" n'est pas cochée. Cela devrait résoudre ce problème:
Ce guide pour Site Creator Infomaniak aborde le sujet des cookies de navigateur.
Par défaut, lorsque votre site Web est nouveau, aucun cookie ne doit être stocké sur les appareils de vos visiteurs, il n'y a pas de fonctionnalité de suivi pour les publicités ou le marketing.
En tant qu'administrateur de site Web, certaines données sont stockées dans vos propres cookies (comme les informations indiquant que vous êtes un administrateur de site Web).
Si vous ajoutez des applications/modules intégrés à votre site Web, des cookies peuvent être utilisés. Exemple avec le Formulaire de sondage: si vous ajoutez un module de sondage à votre site Web, il utilisera des cookies lorsque le visiteur du site Web votera (pour se rappeler qu'il a déjà voté).
Notification pour le visiteur
Vous pouvez activer un message de consentement aux cookies qui s'affichera dans une petite fenĂŞtre survolante en bas de l'Ă©cran pour tous les nouveaux visiteurs de votre site:
- dans le menu latéral gauche cliquer sur le bouton Réglages
- cliquer sur Coordonnées de contact sous Configuration du site Web
- activer l'option d'informations sur les cookies pour configurer le bref message et l'URL pour les compléments d'information
- régler le type d'affichage élargi ou non (lire plus bas)
- enregistrer les modifications en bas de page
Réglages supplémentaires
Le message de consentement peut être réglé par défaut ou de façon élargie, lorsque vous cliquez sur Affichage. Le résultat obtenu est le suivant:
- par défaut:
- Ă©largie:
Ce guide explique comment intégrer sur des pages Web des vidéos importées sur un service VOD Infomaniak.
Ce code est unique et correspond aux paramètres que vous êtes en train de spécifier à l'instant. Cela vous permet d'intégrer une même vidéo avec des configurations d'affichage différentes selon vos besoins. Par conséquent, il faudra le mettre à jour sur votre site ou à l'endroit où vous l'utilisez, à chaque fois que vous procéderez à des modifications de configuration sur le Manager Infomaniak.
Copier le code d'intégration
Le code d'intégration qui permet d'insérer votre média à l'endroit désiré (blog, site Web, etc.) se trouve dans votre interface VOD:
- 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 VOD/AOD (univers Streaming)
- cliquer sur le nom de l'objet concerné dans le tableau qui s'affiche
- cliquer sur Médias dans le menu latéral gauche
- cliquer sur Gestion des médias dans le menu latéral gauche
- cliquer sur le média concerné dans le tableau qui s'affiche
- cliquer sur le bouton bleu Intégrer sur mon site
- le code IFRAME se trouve sur la droite
Coller le code d'intégration
Sur la page Web de votre choix, Site Creator p.ex, coller le code à l'endroit désiré:
Visualiser le média sur la page:
Ce guide est destiné aux utilisateurs de l'outil Site Creator qui souhaitent personnaliser le code source de leur site.
Métadonnées dans HEAD
Pour ajouter du code JavaScript ou n'importe quel autre code dans la partie HEAD du code source de votre site:
- ouvrir le Manager (manager.infomaniak.com)
- aller dans HĂ©bergement Web
- si nécessaire cliquer sur l'hébergement/le nom de domaine concerné
- dans le menu latéral gauche cliquer sur Site Creator
- cliquer sur Personnaliser mon site
Une fois dans Site Creator:
- cliquer sur Design
- cliquer sur Plus de paramètres
- cliquer sur Code personnalisé en bas
- saisir du code HTML, JavaScript (avec ses balises script) ou CSS personnalisé (avec ses balises style)
- enregistrer les modifications en bas de page
Métadonnées dans HEAD & BODY
Pour ajouter du code dans la partie HEAD ou BODY:
- cliquer sur RĂ©glages
- sous Configuration du site web, cliquer sur SEO & Métadonnées
- descendre jusqu'à Code personnalisé
- choisir d'ajouter sous les onglets HEAD ou sous BODY
- enregistrer les modifications en bas de page
WordPress et Site Creator sont deux outils de création de site totalement différents et il n'est malheureusement pas possible d'utiliser les composants de l'un avec l'autre.
Ce guide vous aide à comprendre le fonctionnement de création et d'édition de pages dans Site Creator Infomaniak.
Édition simple de pages
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
L'édition d'une page se passe en direct et vos modifications sont sauvegardées au fur et à mesure que vous éditez le contenu de vos blocs.
Créer un lien
Créer un lien à partir d'image ou de texte, directement en sélectionnant l'objet.
Cliquer ensuite sur l'icône du chainon pour ouvrir la partie qui vous permettra de spécifier le type de lien et les options associées:
Transformer un lien en bouton
Dans les réglages de votre lien, vous pourrez en choisir le style (bouton arrondi, plein, etc.), l'icône associée, etc.:
Éditer un lien
Éditer un lien en cliquant dessus:
Créer un lien vers un fichier
Pour permettre à vos visiteurs de télécharger un fichier à partir d'un lien sur un objet, choisir le type "Fichier" dans les réglages de votre lien:
Créer un lien vers un e-mail
Choisir le type "Adresse mail" dans les réglages de votre lien. Un clic sur le lien ouvrira l'application de messagerie par défaut chez le visiteur et commencera à composer un e-mail avec l'adresse pré-écrite.
Afin d'éviter que l'adresse mail soit inscrite en clair dans la page insérer 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, utiliser 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:
Si vous entrez l'URL d'une vidéo YouTube, la vidéo s'ouvrira dans une fenêtre de type lightbox.
Créer une liste, insérer une émoticône...
Les différentes possibilités de formatage de votre texte se trouve au-dessus de la sélection de votre texte et des options supplémentaires (listes à puces, alignement, émojis, etc.) sont accessibles avec la flèche:
Ce guide détaille les interactions possibles entre Site Creator Infomaniak et réseaux sociaux.
Spécifier les URL de vos différents profils sociaux
Pour permettre aux visiteurs de cliquer sur les liens de vos réseaux sociaux:
- 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:
- cliquer sur le bouton Réglages dans le menu latéral gauche
- cliquer sur MĂ©dias sociaux
- indiquer les adresses de vos différents profils sociaux (Tiktok, Instagram, etc.) y compris un numéro de téléphone et une adresse mail si vous le souhaitez
- enregistrer les modifications en bas de page
Ajouter les icĂ´nes de vos profils
Ajouter des icônes de vos médias sociaux dans le pied de page ou dans l'en-tête de votre site Web:
- cliquer sur le bouton Réglages dans le menu latéral gauche
- cliquer sur MĂ©dias sociaux
En bas vous pouvez spécifier à quel endroit vous souhaitez faire apparaitre les icônes correspondant aux profils que vous aurez complété plus haut.
Enregistrer les modifications en bas de page.
Ajouter un bloc de partage social
Parmi les blocs que vous pouvez ajouter au sein d'une page, un bloc propose une ligne de boutons permettant au visiteur de s'abonner facilement à vos différents médias sociaux.
Un autre type de bloc propose une ligne de boutons permettant au visiteur de partager la page sur les principaux médias sociaux:
Obtenir le QR Code du site
Pour obtenir le QR Code de votre site:
- cliquer sur le bouton Réglages dans le menu latéral gauche
- cliquer sur l'icĂ´ne de QR Code tout en haut
Vous pourrez télécharger le QR Code correspondant à l'adresse de votre page d'accueil. Ainsi un utilisateur qui scanne votre QR Code pourra facilement se rendre sur votre site.
Changer l'image OG de partage social
Lorsque vous partagez un lien vers votre site Web sur les réseaux sociaux, une miniature (Og:image pour image OpenGraph) y est souvent automatiquement associée:
- cliquer sur le bouton Réglages dans le menu latéral gauche
- cliquer sur Paramètres généraux
- cliquer sur SEO et statistiques
- descendre jusqu'Ă l'image Open Graph et choisir l'image