{"id":1824,"date":"2022-11-08T14:25:17","date_gmt":"2022-11-08T14:25:17","guid":{"rendered":"https:\/\/blog.hostinger.io\/pt\/support\/2022\/11\/08\/6456916-hostinger-criador-de-sites-como-adicionar-um-menu-suspenso-dropdown\/"},"modified":"2025-08-27T06:14:49","modified_gmt":"2025-08-27T06:14:49","slug":"6456916-hostinger-criador-de-sites-como-adicionar-um-menu-suspenso-dropdown","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/br\/support\/6456916-hostinger-criador-de-sites-como-adicionar-um-menu-suspenso-dropdown\/","title":{"rendered":"Hostinger Criador de Sites: Como Adicionar um Menu Suspenso (Dropdown)"},"content":{"rendered":"<p class=\"no-margin\">Existem duas formas de criar um menu suspenso. Ele pode ser clic&aacute;vel ou n&atilde;o.<\/p><ul>\n<li>\n<p class=\"no-margin\"><b><a href=\"https:\/\/support.hostinger.com.br\/pt-BR\/articles\/6718900-criador-de-sites-como-adicionar-um-menu-suspenso-dropdown#h_37f27beff2\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Criar menu suspenso sem um t&iacute;tulo clic&aacute;vel<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"https:\/\/support.hostinger.com.br\/pt-BR\/articles\/6718900-criador-de-sites-como-adicionar-um-menu-suspenso-dropdown#h_cddd93957a\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Criar menu suspenso com um t&iacute;tulo clic&aacute;vel<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"https:\/\/support.hostinger.com.br\/pt-BR\/articles\/6718900-criador-de-sites-como-adicionar-um-menu-suspenso-dropdown#h_b5300f1e4c\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Como remover uma p&aacute;gina ou um link do menu suspenso<\/a><\/b><\/p>\n<\/li>\n<\/ul><p class=\"no-margin\">\n<\/p><p class=\"no-margin\"><b>OBSERVA&Ccedil;&Atilde;O:<\/b><\/p><ul>\n<li>\n<p class=\"no-margin\">Os links (incluindo os menus suspensos) s&atilde;o geralmente bloqueados no editor e na <b><a href=\"https:\/\/support.hostinger.com\/en\/articles\/6475345-website-builder-previewing-a-website\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">pr&eacute;via de visualiza&ccedil;&atilde;o<\/a><\/b> porque alguns deles podem n&atilde;o existir at&eacute; que voc&ecirc; <b><a href=\"https:\/\/support.hostinger.com\/en\/articles\/6475340-website-builder-publishing-a-website\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">publique<\/a><\/b> ou <b><a href=\"https:\/\/support.hostinger.com\/en\/articles\/6435697-website-builder-updating-a-website\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">atualize<\/a><\/b> seu site.<\/p>\n<\/li>\n<\/ul><p class=\"no-margin\">\n<\/p><h2 id=\"h_9cef6aec21\">Criar menu suspenso sem um t&iacute;tulo clic&aacute;vel<\/h2><p class=\"no-margin\">O menu suspenso se expande automaticamente quando o mouse passa sobre ele. O t&iacute;tulo do menu suspenso n&atilde;o &eacute; clic&aacute;vel.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">1. No editor do seu site, abra a se&ccedil;&atilde;o <b>P&aacute;ginas e navega&ccedil;&atilde;o<\/b> &agrave; esquerda. Depois, clique no bot&atilde;o <b>Adicionar um novo menu suspenso<\/b> abaixo.<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/br\/support\/wp-content\/uploads\/sites\/59\/2022\/11\/b6ed8d89-7e69-4492-9c81-1ee4cf4f114e.jpg\" alt=\"Interface gr&aacute;fica do usu&aacute;rio, Aplicativo, TeamsDescri&ccedil;&atilde;o gerada automaticamente\"><\/div><p class=\"no-margin\">Uma aba de menu suspenso ser&aacute; inserido na sua barra de navega&ccedil;&atilde;o principal.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">2. Renomeie seu novo menu suspenso, como mostra a imagem abaixo:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/br\/support\/wp-content\/uploads\/sites\/59\/2022\/11\/da4d3b51-49e1-44b4-8cc0-baf32fcb88f0.jpg\" alt=\"Interface gr&aacute;fica do usu&aacute;rio, AplicativoDescri&ccedil;&atilde;o gerada automaticamente\"><\/div><p class=\"no-margin\">3. Para atribuir p&aacute;ginas (ou links) a um menu suspenso, arraste-os para o item suspenso principal. Arraste cada p&aacute;gina (ou link) pelos 6 pontos para aparecerem abaixo do menu suspenso:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/br\/support\/wp-content\/uploads\/sites\/59\/2022\/11\/af41224d-2c1d-4f1c-915e-a8d630db73c0.jpg\" alt=\"Interface gr&aacute;fica do usu&aacute;rio, AplicativoDescri&ccedil;&atilde;o gerada automaticamente\"><\/div><h2 id=\"h_a149484757\">Criar menu suspenso com um t&iacute;tulo clic&aacute;vel<\/h2><p class=\"no-margin\">O menu suspenso expande automaticamente quando o mouse passa sobre ele. Ao contr&aacute;rio dos menus suspensos simples, o t&iacute;tulo nesse tipo de menu &eacute; clic&aacute;vel e abre a p&aacute;gina principal do menu suspenso.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">1. No editor do seu site, abra a se&ccedil;&atilde;o <b>P&aacute;ginas e navega&ccedil;&atilde;o<\/b> &agrave; esquerda. Escolha uma p&aacute;gina que voc&ecirc; deseja que seja a p&aacute;gina principal do seu menu suspenso. Isso significa que o t&iacute;tulo desta p&aacute;gina ser&aacute; o t&iacute;tulo do seu menu suspenso. Voc&ecirc; tamb&eacute;m pode criar uma <b><a href=\"\/br\/support\/6456705-criador-de-sites-como-adicionar-mais-paginas\" target=\"_blank\" class=\"intercom-content-link\">nova p&aacute;gina<\/a><\/b> para ele; ele ser&aacute; aberto assim que algu&eacute;m clicar no t&iacute;tulo da lista suspensa.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">2. Para criar um menu suspenso, arraste as p&aacute;ginas ou links para a p&aacute;gina suspensa principal. Arraste cada item pelos 6 pontos para que eles apare&ccedil;am abaixo da sua p&aacute;gina suspensa principal (arraste para a direita para que ele apare&ccedil;a abaixo do &iacute;cone da p&aacute;gina).<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/br\/support\/wp-content\/uploads\/sites\/59\/2022\/11\/8bd371dc-3426-4379-96b8-33f6e5a96cfe.jpg\" alt=\"Interface gr&aacute;fica do usu&aacute;rio, AplicativoDescri&ccedil;&atilde;o gerada automaticamente\"><\/div><h2 id=\"h_8ebd0d71f1\">Como remover uma p&aacute;gina ou um link do menu suspenso<\/h2><p class=\"no-margin\">Para remover uma p&aacute;gina ou um link do menu suspenso, clique em P&aacute;ginas e navega&ccedil;&atilde;o &agrave; esquerda e procure pelo item (uma p&aacute;gina ou um link) que deseja remover do menu suspenso. Clique em configura&ccedil;&otilde;es e selecione <b>Sair da lista suspensa<\/b>:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/br\/support\/wp-content\/uploads\/sites\/59\/2022\/11\/43fa9df2-e9b2-472d-8bfb-63b337dce543.jpg\" alt=\"Interface gr&aacute;fica do usu&aacute;rio, Texto, AplicativoDescri&ccedil;&atilde;o gerada automaticamente\"><\/div><p class=\"no-margin\">O item que voc&ecirc; removeu n&atilde;o ser&aacute; exclu&iacute;do, ele se tornar&aacute; um item individual (uma p&aacute;gina ou um link) e ficar&aacute; vis&iacute;vel em seu menu de navega&ccedil;&atilde;o.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Se voc&ecirc; excluir todo o menu suspenso, os itens atribu&iacute;dos a ele tamb&eacute;m n&atilde;o ser&atilde;o exclu&iacute;dos; eles se tornar&atilde;o itens individuais (p&aacute;ginas ou links) e ficar&atilde;o vis&iacute;veis em seu menu de navega&ccedil;&atilde;o.<\/p><p class=\"no-margin\">&#8203;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Aprenda a criar um menu que expande no cabe\u00e7alho do seu 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":[255],"tags":[],"class_list":["post-1824","post","type-post","status-publish","format-standard","hentry","category-paginas-e-navegacao"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6456916-hostinger-website-builder-how-to-add-a-dropdown-menu\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/6456916-hostinger-creador-de-sitios-web-como-agregar-un-menu-desplegable\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/6456916-hostinger-createur-de-sites-web-comment-ajouter-un-menu-deroulant\/","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/support\/6456916-hostinger-website-builder-cara-menambahkan-menu-dropdown\/","default":0},{"locale":"lt-LT","link":"https:\/\/www.hostinger.com\/lt\/support\/6456916-hostinger-svetainiu-kurimo-irankis-kaip-prideti-isskleidziama-meniu\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/br\/support\/6456916-hostinger-criador-de-sites-como-adicionar-um-menu-suspenso-dropdown\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/posts\/1824","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=1824"}],"version-history":[{"count":1,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/posts\/1824\/revisions"}],"predecessor-version":[{"id":3531,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/posts\/1824\/revisions\/3531"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/media?parent=1824"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/categories?post=1824"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/tags?post=1824"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}