Toutes les collections
Site Web
Développement de sites web
Comment ajouter un formulaire de connexion à votre site web ?
Comment ajouter un formulaire de connexion à votre site web ?

Demander aux visiteurs de se connecter avant d'accéder au site web

Mis à jour il y a plus d’une semaine

Si vous voulez avoir plus de contrôle sur les personnes qui accèdent au contenu de votre site web, vous pouvez mettre en place un formulaire de connexion. De cette façon, un mot de passe sera nécessaire pour donner accès à votre site web ou à certaines parties de celui-ci.

Découvrons ensemble les différentes manières d'y parvenir :

Option 1 - hPanel

Une des méthodes les plus simples consiste à activer la fonctionnalité Répertoires protégés par mot de passe sur hPanel.

Cette option vous permet de protéger l'ensemble de votre site web ou un seul répertoire sans avoir besoin de modifier le code 😊


Option 2 - extension WordPress

Si votre site web est basé sur WordPress, vous pouvez utiliser une extension telle que WordFence pour activer l'authentification à deux facteurs (2FA), ou ajouter une fonctionnalité captcha pour empêcher les robots de tenter de se connecter à votre site web

Il existe également d'autres extensions qui peuvent vous aider à limiter l'accès uniquement aux utilisateurs enregistrés, comme Force Login.


Option 3 - .htaccess

Si vous connaissez bien le codage, vous pouvez ajouter le formulaire de connexion par un fichier .htaccess dans le répertoire que vous voulez protéger.

Tout d'abord, vérifiez si le répertoire que vous souhaitez protéger possède un fichier .htaccess, ou créez-en un si nécessaire. Par exemple, pour protéger l'intégralité de votre site web, placez-le dans le dossier public_html.

Vous devrez également créer un fichier nommé .htpasswd qui peut se trouver n'importe où sur votre compte. Pour des raisons de sécurité, il est recommandé de stocker les fichiers .htaccess et .htpasswd dans des dossiers différents.

Une fois que vous avez créé le fichier .htpasswd, ajoutez-y la ligne suivante :

nomUtilisateur:motDePasse

Remplacer le nomUtilisateur et le motDePasse par les valeurs que vous souhaitez.

Retournez dans le fichier .htaccess et insérez ces lignes :

AuthType Basic
AuthName "Authorization required"
AuthUserFile /path/to/.htpasswd
require valid-user

/path/to/.htpasswd est le chemin réel où le fichier .htpasswd sera situé. Pour votre compte Hostinger, si le fichier se trouve dans un sous-dossier de votre domaine, il ressemblera à ceci :

/home/u123456789/domains/domain.tld/public_html/subfolder/.htpasswd

Et voilà ! Votre site web sera protégé par un mot de passe 😊

Ressources supplémentaires :

Avez-vous trouvé la réponse à votre question ?