Tutoriais confiáveis de WordPress, quando você mais precisa.
Guia para Iniciantes em WordPress
WPB Cup
Mais de 25 Milhões
Sites usando nossos plugins
16+
Anos de experiência com WordPress
3000+
Tutoriais de WordPress por especialistas

Como Adicionar e Usar Widgets no WordPress (Passo a Passo)

Widgets são ferramentas poderosas que fornecem funcionalidade adicional ao seu site WordPress. Você pode adicioná-los às suas barras laterais e outras áreas prontas para widgets sem precisar escrever nenhum código.

Na WPBeginner, usamos widgets para personalizar e estender as capacidades de nossos sites para torná-los mais dinâmicos e envolventes para seus visitantes. Por exemplo, eles podem ser usados para exibir posts recentes, feeds de mídia social, ofertas especiais e muito mais.

Neste artigo, mostraremos como adicionar e usar widgets no WordPress para personalizar rapidamente seu site, melhorando sua estética e experiência do usuário.

Como adicionar e usar widgets no WordPress (passo a passo)

💡 Resumo: Você pode adicionar e gerenciar widgets no WordPress acessando Aparência » Widgets e selecionando a área que deseja editar. A partir daí, você pode adicionar, personalizar, salvar ou remover widgets para controlar a aparência da sua barra lateral e outras áreas de widgets.

O Que São Widgets e Por Que Você Precisa Deles no WordPress?

Widgets são blocos de conteúdo que você pode adicionar às barras laterais do WordPress, rodapé e outras áreas de widget do seu site.

Esta pode ser uma maneira fácil de adicionar galerias de imagens, feeds de mídia social, citações, calendários, posts populares e outros elementos dinâmicos ao seu site WordPress.

Você pode encontrar sua área de widgets indo em Aparência » Widgets no seu painel de administração do WordPress.

Essas “áreas de widgets” são locais específicos definidos pelo seu tema do WordPress onde os widgets podem ser colocados. As áreas comuns incluem barras laterais (esquerda ou direita), o rodapé (geralmente dividido em várias colunas) e, às vezes, o cabeçalho ou áreas específicas dentro do conteúdo de posts.

Exemplo de menu de widget

A experiência moderna do WordPress utiliza principalmente Widgets de Bloco, que integram o poder do editor de blocos do WordPress em suas áreas de widgets. Ele substitui a antiga interface de “widgets clássicos” por uma ferramenta de criação de conteúdo mais visual e flexível.

Dito isso, vamos mostrar como adicionar facilmente widgets a diferentes áreas do seu site WordPress.

Como Adicionar um Widget a uma Barra Lateral no WordPress

Existem várias maneiras de adicionar widgets à sua área de barra lateral do WordPress.

Método 1: Usando a Tela de Widgets (para Temas Clássicos)

Se você estiver usando um tema clássico do WordPress, a maneira mais comum é navegar para Aparência » Widgets.

Nesta tela, você verá suas áreas de widgets disponíveis (como ‘Barra Lateral’ ou ‘Rodapé’). Clique na área de widgets que deseja editar para expandi-la.

Expandir widget da barra lateral

Em seguida, clique no ícone de ‘+’ para abrir o menu de blocos de widgets.

Aqui, você pode pesquisar um widget pelo nome. Ou, clique no botão ‘Procurar tudo’ para abrir um menu com todos os widgets disponíveis.

Clique no ícone de adicionar bloco de widget

Para adicionar um widget à sua barra lateral, basta clicar nesse widget, e ele será adicionado automaticamente à sua barra lateral.

Em seguida, tudo o que você precisa fazer é clicar no botão ‘Atualizar’, e o widget estará ativo em seu site.

Adicionar widget e atualizar
Método 2: Usando o Personalizador de Tema (para Temas Clássicos)

Outra maneira de adicionar widgets, especialmente se você quiser ver uma prévia ao vivo das suas alterações, é usando o personalizador de temas do WordPress. Este método é principalmente para temas clássicos.

Primeiro, navegue para Aparência » Personalizar e clique na opção ‘Widgets’.

Widget do personalizador da barra lateral do WordPress

Isso o levará a uma página onde você pode personalizar suas opções de widgets e ver as alterações em tempo real.

Para adicionar um widget à sua barra lateral, basta clicar na opção de menu ‘Barra Lateral Direita’ (ou qualquer outra área de widget que você queira editar).

Clique no widget da barra lateral direita

Depois disso, clique no ícone de adição ‘+’ para abrir o menu de blocos de widgets.

Em seguida, selecione um bloco de widget, e ele será adicionado automaticamente à sua barra lateral.

Clique para adicionar um bloco ao widget da barra lateral

O processo de adição de um widget é o mesmo de acima.

Assim que terminar de fazer alterações na sua área de widget, clique no botão ‘Publicar’ para aplicar suas alterações.

Salvar alterações do widget da barra lateral no personalizador
Método 3: Usando o Editor de Site (para Temas de Edição Completa do Site)

Se você estiver usando um tema de Edição Completa do Site (FSE) mais recente, não terá as opções tradicionais de ‘Widgets’ ou ‘Personalizar’ em Aparência. Em vez disso, você gerenciará blocos (incluindo aqueles que funcionam como widgets) diretamente no Editor de Site.

Simplesmente navegue para Aparência » Editor. Isso abrirá o Editor de Site.

No editor, você pode navegar por seus modelos (como ‘Post Único’ ou ‘Página’) e partes de modelos (como ‘Cabeçalho’ ou ‘Rodapé’).

Selecione um modelo no editor de site completo

Para adicionar um bloco semelhante a um widget, selecione a parte do modelo onde deseja adicioná-lo (por exemplo, uma área de barra lateral dentro de um modelo).

Clique no ícone ‘+’ para adicionar um novo bloco. Você pode pesquisar por blocos como ‘Posts Recentes’, ‘Pesquisa’, ‘Categorias’, etc., que funcionam de forma semelhante aos widgets clássicos.

Adicionar um widget no editor de site completo

Uma vez adicionado e configurado, clique no botão ‘Salvar’ para aplicar suas alterações ao modelo.

Como Remover um Widget no WordPress

Remover um widget no WordPress é tão fácil quanto o processo de adicionar um. Simplesmente navegue até Aparência » Widgets no seu painel do WordPress.

Depois disso, clique no bloco do widget que você deseja excluir.

Clique no bloco do widget para excluir

Em seguida, na parte superior do bloco de widgets, clique no botão de três pontos ‘Opções’. Isso abrirá um menu que permite mover e excluir o widget.

Para excluir o widget, basta selecionar a opção ‘Remover bloco’.

Clique em opções e remova o bloco do widget

A exclusão do widget o removerá da sua barra lateral e excluirá as configurações do widget ou quaisquer opções que você selecionou.

Às vezes, você pode querer remover um widget, mas salvar suas configurações para o futuro. Isso é útil se você planeja usá-lo novamente mais tarde sem reconfigurá-lo.

Para fazer isso na tela Aparência » Widgets (para temas clássicos), você pode arrastar o bloco de widget para a seção ‘Widgets inativos’.

Procure pela alça de seis pontos ou simplesmente clique e segure o bloco de widget para arrastá-lo.

Antes de sair da página, certifique-se de clicar no botão ‘Atualizar’ para salvar as configurações do seu widget.

Arrastar para widget inativo

Se você quiser usar esse widget novamente, basta arrastar o bloco de widget da seção ‘Widgets inativos’ de volta para uma área de widget ativa.

📍Observação: Este recurso de ‘Widgets inativos’ é específico para temas clássicos que usam a tela Aparência » Widgets . Para temas FSE que usam o Editor de Site, você normalmente removeria o bloco e o adicionaria novamente, se necessário, pois não há uma área de espera ‘inativa’.

Você também pode querer ver nosso guia sobre como desativar widgets indesejados do WordPress.

Que Tipos de Widgets Estão Disponíveis para WordPress?

Uma instalação padrão do WordPress vem com widgets integrados, incluindo posts recentes, tags, uma barra de pesquisa, categorias, um calendário e muito mais.

No entanto, a maioria dos plugins e temas do WordPress também vêm com seus próprios blocos de widget que você pode adicionar ao seu site.

Blocos de widgets disponíveis do WordPress

Para ter uma ideia melhor, aqui está uma descrição geral dos widgets comuns do WordPress que você encontrará, tanto os integrados quanto os frequentemente adicionados por plugins:

Nome do WidgetFunção e Casos de Uso
ArquivosExibe um arquivo mensal de seus posts, útil para permitir que os visitantes naveguem por conteúdo antigo.
ÁudioIncorpora um player de áudio para reproduzir músicas ou podcasts diretamente em seu site.
CalendárioMostra um calendário destacando os dias com posts publicados, auxiliando na navegação.
CategoriasLista as categorias de posts, ajudando os usuários a explorar tópicos específicos.
HTML PersonalizadoPermite adicionar qualquer código HTML personalizado, perfeito para incorporar conteúdo externo ou layouts exclusivos.
GaleriaExibe uma seleção de imagens em formato de galeria.
ImagemAdiciona uma única imagem com um link opcional.
Comentários RecentesMostra os comentários mais recentes em seus posts, incentivando o engajamento.
Posts RecentesLista seus posts de blog mais recentes, mantendo o conteúdo atualizado e descoberto.
Menu de NavegaçãoExibe um menu personalizado que você criou (por exemplo, menu principal, menu do rodapé).
PáginasLista todas as páginas publicadas em seu site.
RSSExibe entradas de qualquer feed RSS, útil para mostrar conteúdo de outros sites.
PesquisarAdiciona uma barra de pesquisa, permitindo que os visitantes encontrem conteúdo específico em seu site.
ShortcodePermite inserir shortcodes de plugins ou temas.
Ícones SociaisExibe links para seus perfis de mídia social (geralmente fornecidos por temas/plugins).
Nuvem de TagsExibe uma nuvem de suas tags mais usadas, tornando a descoberta de conteúdo mais visual.
TextoAdiciona texto simples ou HTML básico, versátil para mensagens de boas-vindas, avisos, etc.
VídeoIncorpora vídeos de plataformas como YouTube ou Vimeo, ou vídeos auto-hospedados.
WPForms (Exemplo)Permite incorporar um formulário de contato criado com o plugin WPForms diretamente em uma área de widget.

Você pode até criar seu próprio widget para adicionar um widget completamente personalizado ao WordPress. Para mais detalhes, veja nosso guia sobre como criar um widget personalizado do WordPress.

Perguntas Frequentes Sobre Adicionar e Usar Widgets no WordPress

Aqui estão algumas perguntas que nossos leitores fizeram com frequência sobre adicionar e usar widgets no WordPress:

Como os widgets funcionam no WordPress?

Widgets no WordPress funcionam como pequenos blocos de conteúdo que você pode adicionar a áreas como barras laterais e rodapés. Eles ajudam a exibir conteúdo extra, como menus, posts recentes ou barras de pesquisa, sem editar o código.

Como projetar um bom widget no WordPress?

Um bom widget no WordPress é simples, útil e fácil de ler. Ele deve combinar com o design do seu site e fornecer valor rápido sem distrair os usuários do conteúdo principal.

Para começar, você pode ver nosso tutorial sobre criação de um widget personalizado do WordPress.

Como usar widgets clássicos no WordPress?

Você pode usar widgets clássicos no WordPress instalando um plugin que restaura o editor de widgets antigo. Isso permite que você gerencie widgets usando a interface tradicional em vez do sistema baseado em blocos.

Para mais informações, você pode gostar de ver nosso guia sobre como desativar blocos de widgets no WordPress (restaurar widgets clássicos).

Quais são as desvantagens dos widgets no WordPress?

Widgets podem, às vezes, fazer com que os layouts pareçam confusos se muitos forem usados. Eles também podem diminuir o desempenho se widgets pesados ou mal otimizados forem adicionados.

Widgets são bons para SEO no WordPress?

Widgets podem apoiar o SEO no WordPress melhorando a navegação e a experiência do usuário. No entanto, eles não melhoram diretamente os rankings, a menos que ajudem os usuários a se engajarem mais com seu conteúdo.

Esperamos que este artigo tenha ajudado você a aprender como adicionar e usar widgets no WordPress. Você também pode querer ver nosso guia sobre como escolher um esquema de cores perfeito para o seu site WordPress e nossas escolhas dos melhores truques de barra lateral do WordPress para obter resultados máximos.

Se você gostou deste artigo, por favor, inscreva-se em nosso Canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que se você clicar em alguns de nossos links, poderemos ganhar uma comissão. Veja como o WPBeginner é financiado, por que isso importa e como você pode nos apoiar. Aqui está nosso processo editorial.

O Kit de Ferramentas Definitivo para WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Interações do Leitor

27 ComentáriosDeixe uma resposta

    • Tudo depende do tema, mas o propósito é o mesmo e os blocos têm a vantagem de que a maioria pode ser incluída em posts ou páginas como conteúdo também :)

      Admin

  1. obrigado. antes eu achava difícil diferenciar entre plugin e widget, este artigo tem o efeito colateral de me fazer entender a diferença. por favor, quero perguntar se os blocos no editor de blocos também são widgets. Obrigado mais uma vez.

  2. Olá, obrigado pelo artigo. Entendi pelo guia que plugins estendem as capacidades do site, mas qual é exatamente a diferença entre um widget e um plugin? Ambos adicionam recursos e capacidades ao site.

    • Widgets são usados para adicionar algo visual ao seu site ou conteúdo, enquanto um plugin pode adicionar qualquer coisa ao seu site, é uma forma de pensar sobre isso :)

      Admin

  3. ao ver Aparência->Widgets, a seguinte mensagem aparece:

    Seu tema tem 5 áreas de widget, mas esta página em particular não as exibe.
    Você pode navegar para outras páginas em seu site enquanto usa o Personalizador para visualizar e editar os widgets exibidos nessas páginas.

    mas depois disso, não há áreas mencionadas como neste artigo, você tem “barra lateral direita” e “cabeçalho”… por favor, me ajude

    • Parece que seu tema tem algumas opções de design personalizadas, recomendamos entrar em contato com o suporte do seu tema específico e eles poderão esclarecer como você pode modificar seus widgets com as ferramentas deles.

      Admin

    • Você pode considerar mudar de tema ou usar um construtor de páginas se o tema que você está usando não tiver a opção de adicionar widgets onde você gostaria.

      Admin

  4. Quero mudar a redação da seção de Comentários do meu blog, mas quando vou em Widgets, nenhum widget é mostrado para o rodapé.

  5. Quero adicionar widgets de ícones na página inicial e fazê-los linkar para minhas categorias. Não tenho uma “área de widget” na minha página inicial (é onde quero colocá-los). As únicas áreas de widget são na parte inferior das páginas. Alguma sugestão? Obrigado.

  6. Não é um comentário, mas uma pergunta.
    Na área de administração do WordPress, se eu expandir Aparência, vejo apenas 'Temas', 'Personalizar' e 'Editor' – sem 'Widgets'.
    Como faço para que 'Widgets' apareça aqui?
    Obrigado

    • Olá Bill,

      Tente mudar para um tema padrão e veja se você consegue ver os widgets na área de Administração. Se conseguir, isso significa que seu tema não tem barras laterais ou áreas prontas para widgets definidas e é por isso que você não consegue ver widgets em Aparência.

      Admin

    • Estou reconstruindo um site com pouca experiência em WordPress. Na seção ou página de Widgets, cliquei em algo e agora diz 'gerenciar com visualização ao vivo'. Não consigo adicionar um widget. Como faço para remover isso para que eu possa adicionar um widget que baixei? Obrigado pelo seu tempo.

  7. Post muito oportuno. Eu estava prestes a fazer alguns vídeos instrutivos para minha assistente virtual sobre como manter os widgets do meu site. Usar este post como pano de fundo deve facilitar muito isso.

    Eu recomendei a ela que começasse a seguir o WPBeginner — eu não ficaria surpreso em vê-la desenvolver mais expertise em WP do que eu :)

Deixe uma resposta

Obrigado por escolher deixar um comentário. Por favor, tenha em mente que todos os comentários são moderados de acordo com nossa política de comentários, e seu endereço de e-mail NÃO será publicado. Por favor, NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.