{"id":2436,"date":"2023-02-06T08:58:47","date_gmt":"2023-02-06T08:58:47","guid":{"rendered":"https:\/\/blog.hostinger.io\/fr\/support\/2023\/02\/06\/1583316-comment-ajouter-un-formulaire-de-connexion-a-votre-site-web-hostinger\/"},"modified":"2023-02-06T08:58:47","modified_gmt":"2023-02-06T08:58:47","slug":"1583316-comment-ajouter-un-formulaire-de-connexion-a-votre-site-web-hostinger","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/fr\/support\/1583316-comment-ajouter-un-formulaire-de-connexion-a-votre-site-web-hostinger\/","title":{"rendered":"Comment Ajouter un Formulaire de Connexion \u00e0 Votre Site Web Hostinger"},"content":{"rendered":"<p class=\"no-margin\">Si vous voulez avoir plus de contr&ocirc;le sur les personnes qui acc&egrave;dent au contenu de votre site web, vous pouvez mettre en place un formulaire de connexion. De cette fa&ccedil;on, un mot de passe sera n&eacute;cessaire pour donner acc&egrave;s &agrave; votre site web ou &agrave; certaines parties de celui-ci.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">D&eacute;couvrons ensemble les diff&eacute;rentes mani&egrave;res d&rsquo;y parvenir :<\/p><ul>\n<li>\n<p class=\"no-margin\">Avec <b><a target=\"_blank\" class=\"intercom-content-link\">hPanel<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Utilisation <b><a target=\"_blank\" class=\"intercom-content-link\">d&rsquo;une extension WordPress<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Avec <b><a target=\"_blank\" class=\"intercom-content-link\">.htaccess<\/a><\/b><\/p>\n<\/li>\n<\/ul><p class=\"no-margin\">\n<\/p><h2 id=\"h_76c52d7cea\">Option 1 &ndash; hPanel<\/h2><p class=\"no-margin\">Une des m&eacute;thodes les plus simples consiste &agrave; activer la fonctionnalit&eacute; <b><a href=\"\/fr\/support\/1583470-comment-proteger-votre-site-web-par-un-mot-de-passe\" target=\"_blank\" class=\"intercom-content-link\">R&eacute;pertoires prot&eacute;g&eacute;s par mot de passe<\/a> <\/b>sur hPanel.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Cette option vous permet de prot&eacute;ger l&rsquo;ensemble de votre site web ou un seul r&eacute;pertoire sans avoir besoin de modifier le code &#128522;<\/p><hr><h2 id=\"h_2f62ea2d23\">Option 2 &ndash; extension WordPress<\/h2><p class=\"no-margin\">Si votre site web est bas&eacute; sur WordPress, vous pouvez utiliser une extension telle que <b><a href=\"https:\/\/wordpress.org\/plugins\/wordfence\/\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">WordFence <\/a><\/b>pour activer l&rsquo;authentification &agrave; deux facteurs (2FA), ou ajouter une fonctionnalit&eacute; captcha pour emp&ecirc;cher les robots de tenter de se connecter &agrave; votre site web<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Il existe &eacute;galement d&rsquo;autres extensions qui peuvent vous aider &agrave; limiter l&rsquo;acc&egrave;s uniquement aux utilisateurs enregistr&eacute;s, comme <b><a href=\"https:\/\/wordpress.org\/plugins\/wp-force-login\/\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Force Login<\/a><\/b>.<\/p><p class=\"no-margin\">\n<\/p><hr><h2 id=\"h_f8aeb5241a\">Option 3 &ndash; .htaccess<\/h2><p class=\"no-margin\">Si vous connaissez bien le codage, vous pouvez ajouter le formulaire de connexion par <b>un fichier .htaccess<\/b> dans le r&eacute;pertoire que vous voulez prot&eacute;ger.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Tout d&rsquo;abord, v&eacute;rifiez si le r&eacute;pertoire que vous souhaitez prot&eacute;ger poss&egrave;de un fichier .htaccess, ou <b><a href=\"\/fr\/support\/1583307-comment-creer-un-fichier-htaccess\" target=\"_blank\" class=\"intercom-content-link\">cr&eacute;ez-en un<\/a><\/b> si n&eacute;cessaire. Par exemple, pour prot&eacute;ger l&rsquo;int&eacute;gralit&eacute; de votre site web, placez-le dans le dossier <b>public_html<\/b>.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Vous devrez &eacute;galement cr&eacute;er un fichier nomm&eacute; .<b>htpasswd <\/b>qui peut se trouver n&rsquo;importe o&ugrave; sur votre compte. Pour des raisons de s&eacute;curit&eacute;, il est recommand&eacute; de stocker les fichiers .<b>htaccess <\/b>et .<b>htpasswd <\/b>dans des dossiers diff&eacute;rents.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Une fois que vous avez cr&eacute;&eacute; le fichier .<b>htpasswd<\/b>, ajoutez-y la ligne suivante :<\/p><p class=\"no-margin\">\n<\/p><pre><code>nomUtilisateur:motDePasse<\/code><\/pre><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Remplacer le <code>nomUtilisateur<\/code> et le <code>motDePasse<\/code> par les valeurs que vous souhaitez.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Retournez dans le fichier .<b>htaccess <\/b>et ins&eacute;rez ces lignes :<\/p><p class=\"no-margin\">\n<\/p><pre><code>AuthType Basic<br>AuthName \"Authorization required\"<br>AuthUserFile \/path\/to\/.htpasswd<br>require valid-user<\/code><\/pre><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">O&ugrave; <code>\/path\/to\/.htpasswd<\/code> est le chemin r&eacute;el o&ugrave; le fichier .<b>htpasswd <\/b>sera situ&eacute;. Pour votre compte Hostinger, si le fichier se trouve dans un sous-dossier de votre domaine, il ressemblera &agrave; ceci :<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\"><code>\/home\/u123456789\/domains\/domain.tld\/public_html\/subfolder\/.htpasswd<\/code><\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Et voil&agrave; ! Votre site web sera prot&eacute;g&eacute; par un mot de passe &#128522;<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Ressources suppl&eacute;mentaires :<\/p><ul>\n<li>\n<p class=\"no-margin\"><b><a href=\"http:\/\/Pourquoi%20un%20r%C3%A9pertoire%20prot%C3%A9g%C3%A9%20par%20un%20mot%20de%20passe%20vous%20demande%20deux%20fois%20le%20mot%20de%20passe%20?\" target=\"_blank\" class=\"intercom-content-link\">Pourquoi un r&eacute;pertoire prot&eacute;g&eacute; par un mot de passe vous demande deux fois le mot de passe ?<\/a><\/b><\/p>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Demander aux visiteurs de se connecter avant d&rsquo;acc\u00e9der au site web<\/p>\n","protected":false},"author":581,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"include_on_kodee":true,"footnotes":""},"categories":[249],"tags":[],"class_list":["post-2436","post","type-post","status-publish","format-standard","hentry","category-developpement-de-sites-web"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/1583316-how-to-add-a-login-form-to-a-website-in-hostinger\/","default":1},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/1583316-comment-ajouter-un-formulaire-de-connexion-a-votre-site-web-hostinger\/","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/support\/1583316-bagaimana-cara-menambahkan-form-login-ke-website-saya-di-hostinger\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/br\/support\/1583316-como-adicionar-um-formulario-de-login-ao-seu-site-na-hostinger\/","default":0},{"locale":"uk-UA","link":"https:\/\/www.hostinger.com\/ua\/support\/1583316-------hostinger\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/posts\/2436","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/users\/581"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/comments?post=2436"}],"version-history":[{"count":0,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/posts\/2436\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/media?parent=2436"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/categories?post=2436"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/tags?post=2436"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}