Base de connaissances
1 000 FAQ, 500 tutoriels et vidéos explicatives. Ici, il n'y a que des solutions !
Ce guide suggère des solutions pour résoudre les problèmes courants et erreurs fréquentes qui peuvent survenir lorsque vous tentez d'afficher votre site Internet en https après avoir activé un certificat SSL.
⚠️ Pour de l'aide supplémentaire contacter un partenaire ou remplir un appel d'offres — lire aussi le rôle de l'hébergeur
Le navigateur Internet affiche automatiquement la version http du site lorsque vous tentez d'y accéder en https
Il est recommandé d'effectuer les actions suivantes:
- vider le cache de vos applications ou de votre site
- vérifier que les pages et les scripts du site ne contiennent pas de redirections sur la version http du site
- vérifier que le fichier .htaccess du site ne contienne pas de redirections sur la version http du site
- définir l’adresse https du site comme celle par défaut:
Le site Internet s'affiche mal (images manquantes, feuilles de style non prises en charge, etc.)
Il est recommandéd'effectuer les actions suivantes:
- vider le cache de vos applications ou de votre site
- vérifier que les pages et les scripts du site ne pointent pas sur des ressources en http. Le site whynopadlock.com peut vous aider à identifier les éléments non sécurisés de votre site.
Le navigateur Internet affiche un avertissement dans la barre d'adresse ou refuse d'afficher le site en https
Il est recommandé d'effectuer les actions suivantes:
- vider le cache de vos applications ou de votre site
- vérifier que les pages et les scripts ne pointent pas sur des ressources externes en http. Le site whynopadlock.com peut vous aider à identifier les éléments non sécurisés de votre site.
"Cette page Web présente une boucle de redirection", "ERR_TOO_MANY_REDIRECTS"
Si votre navigateur Internet affiche cette erreur, il est recommandé d'effectuer les actions suivantes :
- si le site fonctionne avec une application Web comme WordPress ou Joomla, désactiver les extensions une par une pour identifier celle qui pose problème
- vérifier que les pages et les scripts du site ne contiennent pas de redirections sur la version http du site
- essayer de désactiver HSTS
- si Prestashop est utilisé, il faut activer le SSL sur toutes les pages (en savoir plus)
Un ancien certificat SSL s'affiche - vider le cache SSL
Les navigateurs Web mettent en cache les certificats SSL pour accélérer la navigation. Normalement, ce n'est pas un problème. Cependant, lorsque vous développez des pages pour votre site web ou que vous installez un nouveau certificat, l'état SSL du navigateur peut vous gêner. Par exemple, vous pourriez ne pas voir l'icône du cadenas dans la barre d'adresse du navigateur après avoir installé un nouveau certificat SSL.
La première chose à faire dans ce cas c'est de s'assurer que le domaine pointe bien sur l'adresse IP du serveur (enregistrements A et AAAA) et si c'est toujours le mauvais certificat SSL qui est retourné, vider le cache SSL:
- Chrome: se rendre dans les Paramètres et cliquer sur Paramètres. Cliquer sur Afficher les paramètres avancés. Sous Réseau, cliquer sur Modifier les paramètres du proxy. La boîte de dialogue Propriétés Internet s'affiche. Cliquer sur l'onglet Contenu. Cliquer sur Effacer l'état SSL, puis cliquer sur OK. D'autres pistes ici (cliquer ici).
- Firefox: se rendre dans Historique. Cliquer sur Effacer l'historique récent puis sélectionnez Connexions actives et cliquer sur Effacer maintenant
Perte de mise en forme CSS
Si le site s'affiche sans style CSS, analyser le chargement des pages avec la Console du navigateur. Des erreurs de contenu mixte (mixed content) en rapport avec vos styles .css, s'y trouvent peut-être, qu'il faudra résoudre pour qu'ils soient à nouveau chargés correctement.
Merci d'avoir choisi le service de billetterie Infomaniak !
Cet outil permet de gérer tout l'aspect de votre billetterie en ligne : la gestion de vos évènements, la mise en ligne d’une billetterie, le contrôle de vos billets et le suivi de vos ventes et clients.
Ce guide vous permet d’utiliser rapidement les fonctions essentielles. En cas de problème, merci de consulter notre base de connaissances avant de prendre contact avec notre équipe de support.
Mise en place et gestion de la billetterie
- Créer votre billetterie
- Créer et gérer un évènement
- Créer des évènements avec plusieurs représentations
- Attribuer un plan de salle à un évènement
- Comment utiliser les pass
- GĂ©rer les offres promotionnelles
- Créer des bons cadeaux
- Gérer les méthodes de paiement
- Créer des formulaires d'inscriptions pour les clients
Visuel des billets et mise en ligne de la billetterie
- GĂ©rer les options de la billetterie en ligne
- Modifier le visuel du billet
- Mettre en ligne la billetterie sur votre site
Gestion avancée des événements et pass
- Gestion des zones tarifaires
- Les tarifs de groupe
Outils Marketing
- Envoi d'emails automatique 2 jours avant l'évènement
- Mettre les évènements sur le portail Infomaniak.events
- Le portail Infomaniak : regrouper les évènements de votre billetterie
La vente et le contrĂ´le des billets
Vente directe et vente par des revendeurs
- Vente directe depuis le guichet
- Donner les accès à des revendeurs pouvant vendre directement depuis le guichet
- Importer les billets de revendeurs tiers
Matériel de vente et de contrôle
- Commander le matériel de vente et de contrôle
- Format de billets disponibles
- Mise en place et utilisation des packs de vente : billets spectacle et cinéma
- Mise en place et utilisation de l'imprimante pour les pass
- Scanner les billets - Machine Android
- Scanner les billets avec nos scanners
Gestion des demandes de clients
- Le client n'arrive pas à payer avec sa carte de crédit : Vérification à effectuer
- Envoyer un email ou SMS à tous les visiteurs d'un événement
- Échanger des billets depuis le guichet
- Activer l'Ă©change de billets sur la billetterie pour les visiteurs
- Remboursement des clients (prochainement)
- Assurance annulation
- Annuler des commandes ou des billets
Suivi des ventes et des clients
- VĂ©rifier les commandes et les ventes (prochainement)
- Consulter les statistiques (prochainement)
- Consulter les rapports de ventes
- Consulter les commissions Infomaniak (prochainement)
- Récupérer les décomptes des versements Infomaniak (prochainement)
Utilisation Avancée
- API de la billetterie
- Connexion de la billetterie Ă Zapier
- Personnalisation avancée de la billetterie en ligne (Code HTML, CSS ou JS)
Questions fréquentes
- Quelle est la différence entre l'outil billetterie et le gestionnaire d'invités ?
- Quels sont les coûts réels de la billetterie ?
Ce guide vous explique comment injecter des codes HTML ou utiliser des liens CSS ou Javascript pour personnaliser votre billetterie en ligne.
Mettre en place le script
- Se connecter Ă votre espace Infomaniak (manager.infomaniak.com)
- Se rendre dans la Billetterie
- Aller dans le menu Boutique / Mise en ligne et Option de la boutique
- Cliquer sur Options avancés
- Les scripts HTML sont à placer directement dans les champs prévus à cet effet
- Les liens CSS externes et les JS externe peuvent être renseignés dessous
Listes de Triggers
Voici une liste des triggers pour les différents services que vous pouvez utiliser pour les codes HTML
En savoir plus
Ce guide concerne l'entête HTTP If-Modified-Since utilisée pour vérifier si une ressource a été modifiée depuis la dernière fois qu'elle a été récupérée par un client. Cela permet d'économiser de la bande passante et d'accélérer le chargement des pages en évitant de renvoyer des ressources statiques inchangées.
Utilisation de l'entĂŞte
Voici comment vous pouvez l'utiliser en utilisant les directives du module mod_expires dans le fichier .htaccess à la racine de votre répertoire du site (/web ou /sites/domain.xyz p.ex):
- ouvrir ou créer le fichier .htaccess à la racine
- entrer le code suivant:
<IfModule mod_expires.c>
- puis entrer vos commandes, par exemple:
ExpiresActive On
ExpiresByType text/html "access plus 1 week"
ExpiresByType image/jpeg "access plus 1 month"
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/javascript "access plus 1 month"Ces directives définissent la durée de validité des ressources spécifiques. Dans cet exemple, les fichiers HTML sont mis en cache pendant une semaine, les images JPEG, les fichiers CSS et les fichiers JavaScript sont mis en cache pendant un mois. Vous pouvez ajuster ces valeurs selon vos besoins. - terminer l'ajout par la balise de fermeture:
</IfModule>
- enregistrer le fichier .htaccess
Ce guide explique comment activer la compression des ressources css, html, json, xml etc. sur l'HĂ©bergement Web de votre choix.
Vous réduirez ainsi la taille des ressources à charger par vos visiteurs, ce qui aura pour effet de réduire le temps de chargement de vos pages Web.
Compresser les fichiers avec Gzip
Pour activer la compression avec Gzip:
- 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 Site web (univers Web & Domaine)
- cliquer sur le nom de l'objet concerné dans le tableau qui s'affiche
- cliquer sur le bouton Paramètres avancés
- cliquer sur l'onglet APACHE
- activer l'option Compression des fichiers
- cliquer le bouton bleu Enregistrer
Les fichiers .htaccess et .user.ini seront automatiquement mis à jour avec les directives nécessaires. Par mesure de sécurité, une copie de sauvegarde de ces deux fichiers est réalisée à chaque changement. Toute modification peut prendre plusieurs minutes pour être effective.
Tester la compression
Il est possible de facilement tester la compression de vos pages grâce à des outils comme:
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
Ce guide explique comment activer un CDN pour optimiser un HĂ©bergement Web Infomaniak.
Qu'est-ce qu'un CDN ?
CDN signifie "Content Delivery Network" en anglais, ce qui se traduit en français par "Réseau de diffusion de contenu". Un CDN stocke une copie du contenu de votre site (images, vidéos, fichiers CSS/JS) sur plusieurs serveurs dispersés géographiquement. Lorsqu'un utilisateur accède à votre site, le CDN lui fournit ce contenu à partir du serveur le plus proche de sa localisation, réduisant ainsi les temps de chargement.
Avantages d'un CDN
- amélioration de la vitesse de chargement : votre site se charge plus rapidement pour les visiteurs, ce qui peut réduire le taux de rebond et améliorer l'expérience utilisateur
- réduction de la charge sur votre serveur d'origine : en distribuant le contenu, le CDN allège la charge de votre serveur principal, améliorant sa performance et sa disponibilité
- sécurité accrue : certains CDN offrent des fonctionnalités de sécurité comme la protection contre les attaques DDoS et la sécurisation des données
Mettre en place un CDN
Pour utiliser un CDN, vous devrez généralement effectuer des ajustements au niveau de la configuration de votre nom de domaine, spécifiquement au niveau des enregistrements DNS. Cela permettra de diriger le trafic de votre site Web vers le réseau de serveurs du CDN. Donc de façon générale :
- créer un compte sur le site du CDN de votre choix et y ajouter votre site
- modifier la zone DNS de votre nom de domaine selon les instructions fournies par le CDN
- tester votre site pour vous assurer que le CDN fonctionne correctement
Cloudflare
Le CDN Cloudflare permet d’optimiser la performance et la sécurité d'un site Web. C'est un proxy inverse, ce qui signifie qu’une fois que votre site commence à utiliser CloudFlare, le trafic qu’il reçoit est acheminé par le réseau de CloudFlare. En outre, Cloudflare apporte les fonctionnalités suivantes:
- mise en cache du contenu statique d'un site
- minification du code HTML, CSS et Javascript
- protection anti-DDoS de base
- etc.
Pour mettre en place Cloudflare:
- si nécessaire, créer un compte chez Cloudflare: https://www.cloudflare.com/sign-up
- ajouter le nom de domaine du site concerné
- reporter tous les enregistrements de la zone DNS du domaine concerné chez Cloudflare (enregistrements A, MX, TXT, NS, etc.)
- sur le Manager Infomaniak, modifier la zone DNS du domaine concerné avec les serveurs DNS indiqués par Cloudflare
La prise en compte des nouveaux DNS peut prendre jusqu'Ă 48 heures.
A noter: mod_cloudflare est activé par défaut sur tous les hébergements Web payants.
Amazon CloudFront
Si vous utilisez déjà des services AWS, CloudFront est facile à mettre en place. Créez une distribution, configurez les paramètres et liez-la à votre site.
Fastly
Inscrivez-vous sur Fastly, configurez votre service en ajoutant votre site et en définissant les paramètres de cache. Fastly offre des options de configuration avancées.
Ce guide explique comment installer l'outil PageSpeed Insights sur un HĂ©bergement Web Infomaniak.
L'outil PageSpeed Insights de Google permet de mesurer le temps de chargement d'une page sur les appareils mobiles et de bureau alors que le module PageSpeed Tools de Google est une librairie Open Source qui permet d'optimiser un site sur le serveur grâce à plus de 40 filtres qui correspondent à des bonnes pratiques recommandées par Google. En savoir plus
Installer PageSpeed Tools
Pour activer PageSpeed Tools de Google :
- 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 Site web (univers Web & Domaine)
- cliquer sur le nom de l'objet concerné dans le tableau qui s'affiche
- cliquer sur Paramètres avancés
- cliquer sur l'onglet Apache
- activer l'option Optimisation Google Page Speed
Configuration activée par défaut
ModPagespeedEnableFilters combine_css
ModPagespeedEnableFilters extend_cache
ModPagespeedEnableFilters rewrite_images
ModPagespeedEnableFilters rewrite_css
ModPagespeedEnableFilters rewrite_javascript
ModPagespeedEnableFilters combine_javascript
ModPagespeedEnableFilters pedantic
ModPagespeedEnableFilters remove_comments
Un système de cache est également mis en place pour les fichiers du site. Ce dernier est mis à jour toutes les 15 minutes.
En cas de besoin, il est possible de personnaliser certaines directives via le fichier .htaccess du site: https://modpagespeed.com/doc/configuration#htaccess
Mais attention selon ce thread Google et cette discussion malheureusement mod_pagespeed ne tient pas compte des directives dans un fichier ".htaccess" lors de l'accès à un fichier dynamique. Pour ne pas/plus avoir mod_pagespeed il faut le désactiver depuis le Manager.
Incompatibilités connues
- ownCloud
- WP Rocket
Du reste, il n'est pas anormal si après l'installation de PageSpeed apparaissent des warnings:
"By default, mod_pagespeed will fetch css/js/images using http. If the webserver doesn't respond within 50ms (by default), it will abort the request, and log the timeout messages you are seeing..."
Dans un environnement mutualisé, il n'est pas inquiétant ou anormal de dépasser légèrement les 50 ms de temps de réponse.
En savoir plus
Ce guide concerne des problèmes qui peuvent survenir lors de l'utilisation d'applications Infomaniak (comme kChat, kDrive, kAuth, etc.) ou d'outils (comme config.infomaniak.com, le Manager Infomaniak, etc.) avec du matériel (OS, navigateur, appareils, etc.) ancien / pas à jour / obsolète. Par exemple il ne sera pas possible d'accéder confortablement aux services Infomaniak avec un iPhone 5s ou 6 sur iOS 12.
Technologies employées par Infomaniak
Beaucoup d'outils Web développés par Infomaniak utilisent Angular. Le besoin de matériel à jour ou récent pour faire fonctionner les applications n'est pas spécifique à Angular lui-même mais plutôt une exigence générale pour l'exécution de toute application Web moderne. Voici quelques raisons pour lesquelles un matériel à jour est souvent nécessaire:
- navigateur moderne: Angular utilise des fonctionnalités avancées des navigateurs modernes pour fournir une expérience utilisateur optimale ; les navigateurs plus anciens peuvent ne pas prendre en charge ces fonctionnalités ou ne pas les prendre en charge de manière optimale, ce qui peut entraîner des problèmes de compatibilité et de performances
- optimisation des performances: les navigateurs plus récents sont généralement optimisés pour exécuter du code JavaScript plus rapidement et pour gérer de manière plus efficace les rendus graphiques complexes ; les applications Angular peuvent être assez complexes et tirer parti de ces optimisations pour offrir une meilleure expérience utilisateur
- sécurité: les navigateurs plus anciens peuvent présenter des vulnérabilités de sécurité connues qui pourraient être exploitées par des attaquants pour compromettre la sécurité de l'application Web ; les versions plus récentes des navigateurs tendent à résoudre ces vulnérabilités et offrent un niveau de sécurité plus élevé
- normes et compatibilité: les versions plus récentes des navigateurs sont généralement conformes aux normes Web les plus récentes, ce qui signifie qu'ils sont plus compatibles avec les nouvelles technologies et les dernières spécifications HTML, CSS et JavaScript utilisées par les frameworks comme Angular ; utiliser un navigateur obsolète peut entraîner des problèmes de rendu ou de fonctionnalités manquantes
- support des API modernes: les navigateurs plus récents prennent en charge des API modernes qui permettent aux développeurs d'accéder à des fonctionnalités avancées telles que la géolocalisation, la caméra, les notifications push, etc. ; les applications Angular peuvent intégrer ces fonctionnalités pour offrir des expériences utilisateur plus riches et interactives, mais ces fonctionnalités dépendent du support du navigateur
Ce guide explique comment rediriger vers une version https sécurisée (SSL) tous les visiteurs d'un site sur Hébergement Web Infomaniak.
Cette redirection est en principe automatique avec une configuration et installation standard ⚠️ Pour de l'aide supplémentaire contacter un partenaire ou remplir un appel d'offres — lire aussi le rôle de l'hébergeur
Prérequis
- posséder un certificat SSL valide et fonctionnel pour le site Web Infomaniak
Redirection manuelle par fichier .htaccess
Il suffit de modifier ou d'ajouter les 3 lignes suivante au fichier .htaccess du site Web concerné pour que tous ses visiteurs accèdent automatiquement à sa version https sécurisée:
RewriteEngine on
RewriteCond %{HTTPS} off
RewriteRule (.*) https://domain.xyz/$1 [R=301,L]
- remplacer la deuxième ligne du code ci-dessus par RewriteCond %{HTTP:X-Forwarded-Proto} !https en cas de problème
Avec un CMS
La plupart des applications Web comme WordPress et Joomla possèdent des extensions/plugins qui redirigent automatiquement les visiteurs d'un site vers sa version https sécurisée.
WordPress
Si vous utilisez un système de gestion de contenu (CMS) comme WordPress pour réaliser votre site, nous vous conseillons d'installer une extension pour faire cette redirection:
- sauvegarder les fichiers et la base de données du site par précaution
- installer l'extension Really Simple SSL ou similaire depuis la console WordPress et l'activer
- les visiteurs sont désormais automatiquement redirigés sur la version https du site
- en cas de soucis avérés (persistants après effacement du cache, etc.) vous pouvez également utiliser Velvet Blues update URLs
Joomla
- trouver la ligne var $live_site =''; dans le fichier de configuration de Joomla (configuration.php) sur le serveur
- remplacer par var $live_site = 'https://www.domain.xyz';
- ajouter trois lignes dans votre fichier .htaccess sur le serveur:
RewriteEngine On
RewriteCond %{HTTPS} OFF
RewriteRule (.*) https://%{HTTP_HOST}%{REQUEST_URI} - ouvrir le panneau d'administration Joomla dans "Système - Configuration"
- cliquer sur l'onglet "Serveur" et sous "Forcer SSL" choisir "Administration et site"
- enregistrer et les visiteurs seront désormais automatiquement redirigés sur la version https du site
Prestashop
- accéder aux paramètres généraux dans le back-office de Prestashop, afin d'activer le SSL:
- < v1.7 cliquer sur "Préférences" puis sur "Générales"
- > v1.7 cliquer sur "Paramètres de la boutique" puis sur "Général"
- basculer le bouton "Activer le SSL" sur "OUI"
- cliquer sur "Enregistrer"
- au mĂŞme endroit, basculer le bouton "Activer le SSL sur tout le site" sur "OUI"
- cliquer sur "Enregistrer"
Dans le cas où un cadenas de sécurité n’apparaît pas dans le navigateur ou qu'un avertissement est affiché, il faut regarder du côté template ou modules car il arrive parfois que ceux-ci ne soient pas parfaitement compatibles avec le SSL. Votre Prestashop charge alors des éléments (images, fichiers .css ou .js, polices d'écritures...) en "http" alors que ceux-ci devraient désormais être chargés en "https".
Drupal
Cet article (en anglais) explique comment passer un site Drupal de http Ă https.
Solutions alternatives
Remplacer domain.xyz par votre nom de domaine avec l'extension adéquate (.com, .fr, .ch, etc.)
Dans votre fichier .htaccess, pour forcer l'URL du site Ă ĂŞtre https:// mais sans www :
RewriteEngine On
RewriteCond %{HTTPS} off [OR]
RewriteCond %{HTTP_HOST} ^www. [NC]
RewriteRule (.*) https://domain.xyz/$1 [R=301,L]
Dans le cas d'une boucle de redirection, adapter le code ci-dessus par :
RewriteEngine on
RewriteCond %{HTTP:X-Forwarded-Proto} !https [OR]
RewriteCond %{HTTP_HOST} ^www. [NC]
RewriteRule (.*) https://domain.xyz/$1 [R=301,L]
Dans votre fichier .htaccess, pour forcer la redirection avec www
avec les sous-domaines :
RewriteEngine On
RewriteCond %{HTTPS} off [OR]
RewriteCond %{HTTP_HOST} !^www. [NC]
RewriteRule (.*) https://www.domain.xyz/$1 [R=301,L]
Dans le cas d'une boucle de redirection, adapter le code ci-dessus par :
RewriteEngine on
RewriteCond %{HTTP:X-Forwarded-Proto} !https [OR]
RewriteCond %{HTTP_HOST} !^www. [NC]
RewriteRule (.*) https://www.domain.xyz/$1 [R=301,L]
et sans les sous-domaines :
RewriteEngine on
RewriteCond %{HTTPS} off [OR]
RewriteCond %{HTTP_HOST} ^domain.xyz [NC]
RewriteRule (.*) https://www.domain.xyz/$1 [R=301,L]
Dans le cas d'une boucle de redirection, adapter le code ci-dessus par :
RewriteEngine on
RewriteCond %{HTTP:X-Forwarded-Proto} !https [OR]
RewriteCond %{HTTP_HOST} ^domain.xyz [NC]
RewriteRule (.*) https://www.domain.xyz/$1 [R=301,L]
Erreurs courantes suite Ă une redirection https
Pour résoudre les problèmes courants qui peuvent survenir suite à une redirection de votre site Web sur sa version https sécurisée, consulter ce guide (cliquer ici).