{"id":2409,"date":"2022-09-24T04:31:16","date_gmt":"2022-09-24T04:31:16","guid":{"rendered":"https:\/\/blog.hostinger.io\/pt\/support\/2022\/09\/24\/1583316-como-adicionar-um-formulario-de-login-ao-seu-site-na-hostinger\/"},"modified":"2022-09-24T04:31:16","modified_gmt":"2022-09-24T04:31:16","slug":"1583316-como-adicionar-um-formulario-de-login-ao-seu-site-na-hostinger","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/br\/support\/1583316-como-adicionar-um-formulario-de-login-ao-seu-site-na-hostinger\/","title":{"rendered":"Como Adicionar um Formul\u00e1rio de Login ao Seu Site na Hostinger"},"content":{"rendered":"<p class=\"no-margin\">Se voc&ecirc; quiser ter mais controle sobre quem acessa o conte&uacute;do do seu site, voc&ecirc; pode implementar um formul&aacute;rio de login. Dessa forma, ser&aacute; necess&aacute;ria uma senha para fornecer acesso ao seu site ou partes dele.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Neste artigo, explicaremos as diferentes maneiras de adicionar um formul&aacute;rio de login com:<\/p><ul>\n<li>\n<p class=\"no-margin\"><b><a href=\"#h_8a74a9f7fe\" target=\"_blank\" class=\"intercom-content-link\">hPanel<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"#h_ebe1d6e599\" target=\"_blank\" class=\"intercom-content-link\">Plugin do WordPress<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">.<b><a href=\"#h_581525a41f\" target=\"_blank\" class=\"intercom-content-link\">htaccess<\/a><\/b><\/p>\n<\/li>\n<\/ul><h1 id=\"h_8a74a9f7fe\"><b>Op&ccedil;&atilde;o 1 &ndash; hPanel<\/b><\/h1><p class=\"no-margin\">Uma das maneiras mais f&aacute;ceis &eacute; habilitar o recurso de Diret&oacute;rios de Prote&ccedil;&atilde;o de Senha no hPanel<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Esta op&ccedil;&atilde;o permite proteger todo o seu site ou apenas um diret&oacute;rio sem a necessidade de editar nenhum c&oacute;digo &#128522; <\/p><p class=\"no-margin\">\n<\/p><hr><h1 id=\"h_ebe1d6e599\"><b>Op&ccedil;&atilde;o 2 &ndash; Plugin do WordPress<\/b><\/h1><p class=\"no-margin\">Se o seu site for baseado em WordPress, voc&ecirc; pode usar um plug-in como o <b><a href=\"https:\/\/wordpress.org\/plugins\/wordfence\/\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">WordFence<\/a><\/b> para habilitar a autentica&ccedil;&atilde;o de dois fatores (2FA) ou adicionar um recurso captcha para impedir que os bots tentem fazer login no seu site.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Existem tamb&eacute;m outros plugins que podem ajud&aacute;-lo a limitar o acesso apenas a usu&aacute;rios registrados, como o <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><p class=\"no-margin\">\n<\/p><h1 id=\"h_581525a41f\"><b>Op&ccedil;&atilde;o 3 &ndash; .htaccess<\/b><\/h1><p class=\"no-margin\">Se voc&ecirc; tiver experi&ecirc;ncia com programa&ccedil;&atilde;o e c&oacute;digo, &eacute; poss&iacute;vel adicionar o formul&aacute;rio de login por um <b>arquivo .htaccess<\/b> no diret&oacute;rio que deseja proteger.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Primeiro, verifique se o diret&oacute;rio que voc&ecirc; deseja proteger tem um <b>arquivo .htaccess<\/b>, ou, se necess&aacute;rio, voc&ecirc; pode <b><a href=\"https:\/\/support.hostinger.com\/en\/articles\/1583307-how-to-create-an-htaccess-file\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">criar um<\/a><\/b>. Por exemplo, para proteger seu site completo, coloque-o na pasta <b>public_html<\/b>.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Voc&ecirc; tamb&eacute;m precisar&aacute; criar um arquivo chamado <b>.htpasswd<\/b> que pode estar em qualquer lugar da sua conta. Por motivos de seguran&ccedil;a, &eacute; recomendado que os arquivos <b>.htaccess<\/b> e <b>.htpasswd<\/b> sejam armazenados em pastas diferentes.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Depois de criar o arquivo <b>.htpasswd<\/b>, adicione a ele a seguinte linha:<\/p><p class=\"no-margin\">\n<\/p><pre><code>username:password<\/code><\/pre><p class=\"no-margin\">Substituindo <code>username <\/code>e <code>password <\/code>pelos valores desejados.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Volte para o arquivo <b>.htaccess<\/b> e insira estas linhas:<\/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\">Onde <code>\/path\/to\/.htpasswd<\/code> &eacute; o caminho real onde o arquivo <b>.htpasswd<\/b> ser&aacute; localizado. Para sua conta Hostinger, se o arquivo estiver dentro de uma subpasta do seu dom&iacute;nio, ele ser&aacute; semelhante a este:<\/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\">Prontinho! Agora seu site estar&aacute; protegido por senha &#128522;<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\"><b>Recursos adicionais:<\/b><\/p><ul>\n<li>\n<p class=\"no-margin\"><b><a href=\"\/br\/support\/1583526-por-que-o-diretorio-protegido-por-senha-solicita-a-senha-duas-vezes\" target=\"_blank\" class=\"intercom-content-link\">Por que um diret&oacute;rio protegido por senha solicita a senha duas vezes?<\/a><\/b><\/p>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Requisitar que os visitantes fa\u00e7am login antes de acessar o site<\/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":[251],"tags":[],"class_list":["post-2409","post","type-post","status-publish","format-standard","hentry","category-desenvolvimento-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\/br\/support\/wp-json\/wp\/v2\/posts\/2409","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/users\/581"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/comments?post=2409"}],"version-history":[{"count":0,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/posts\/2409\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/media?parent=2409"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/categories?post=2409"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/tags?post=2409"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}