Como Adicionar Widgets Personalizados Após o Post no WordPress

Quando alguém chega ao final do seu post, ele já lhe deu algo valioso: sua atenção. Ele leu seu conteúdo e agora está decidindo o que fazer a seguir.

Um widget após o post permite que você transforme esse momento em um próximo passo deliberado, em vez de deixar os visitantes simplesmente irem embora. Usamos essa abordagem no WPBeginner há anos para obter mais assinantes de e-mail, aumentar nossas visualizações de página e expandir nossas vendas.

Neste guia, mostraremos como adicionar facilmente widgets personalizados após o post no WordPress, passo a passo.

Exemplo de Widgets Personalizados Após o Post no WordPress

Você pode adicionar praticamente qualquer coisa ao seu widget após o post, incluindo uma chamada para ação para entrar na sua lista de e-mail, um bloco de artigos relacionados para aumentar suas visualizações de página, ou até mesmo um banner de produto ou desconto para aumentar suas vendas.

Aqui estão duas maneiras fáceis de adicionar um widget personalizado após o post a qualquer tema do WordPress.

Método 1. Adicionar após o conteúdo do post usando um plugin

O plugin Add Widget After Content adiciona uma área de widget dedicada logo após o conteúdo do seu post, e funciona com qualquer tema do WordPress, clássico ou de blocos.

Instale e ative-o para começar. Você pode seguir nosso guia sobre como instalar um plugin do WordPress se precisar de ajuda. Assim que estiver ativo, vá para Aparência » Widgets.

Em um tema clássico, esta tela já existe, e o plugin adiciona uma área "Após o Conteúdo" a ela. Em um tema de blocos, o WordPress normalmente não mostra a tela de Widgets, então o plugin a adiciona junto com a nova área "Após o Conteúdo".

Clique no ícone de mais dentro desse bloco para adicionar qualquer widget que desejar. Adicionamos um formulário de inscrição de newsletter, que foi criado com o plugin WPForms para este tutorial.

Sinta-se à vontade para configurar o widget recém-adicionado e, em seguida, clique no botão 'Atualizar' para salvar suas alterações.

Por padrão, o plugin exibe seus widgets após o post em todos os posts e páginas. Se você não quiser que eles apareçam em determinados locais, pode excluir categorias inteiras ou tipos de post da área de widgets.

Simplesmente vá para Aparência » Widget Após o Conteúdo, escolha as categorias ou tipos de post onde você não quer que a área de widget apareça, e clique em 'Salvar Alterações'.

Você também pode ocultar a área de widget em posts ou páginas individuais.

Para fazer isso, abra o post ou página que deseja excluir e role para baixo até a caixa de meta 'Widget Após o Conteúdo'. Selecione a caixa de seleção ao lado de 'Remover widget após o conteúdo para este post.' e, em seguida, atualize seu post.

Agora visite seu site e abra qualquer post onde você configurou para mostrar o widget, e você o verá aparecer logo abaixo do conteúdo do post.

Método 2. Adicionar conteúdo após os posts usando código personalizado

Se você se sente confortável em adicionar código, pode personalizar exatamente o que aparece após seus posts em vez de usar o layout integrado de um widget.

No entanto, o menor erro ao adicionar código aos arquivos do seu tema pode quebrar seu site.

Recomendamos o uso do plugin gratuito WPCode para adicionar e gerenciar o snippet com segurança. Se precisar de ajuda, consulte nosso tutorial sobre como instalar um plugin do WordPress.

Com o plugin WPCode ativo, vá para Snippets de Código » + Adicionar Snippet e escolha a opção ‘Adicionar Seu Código Personalizado (Novo Snippet)’.

Na nova tela, selecione ‘Snippet PHP’ como o tipo de código. Em seguida, dê um nome ao snippet e copie o seguinte código para ele.

function wpb_add_content_after_post( $content ) {

    if ( is_single() && in_the_loop() && is_main_query() ) {
        $custom_content  = '<div class="wpb-after-post-content">';
        $custom_content .= '<h4>Enjoyed This Post?</h4>';
        $custom_content .= '<p>Sign up for our <a href="https://example.com/newsletter/">newsletter</a> to get more tips like this.</p>';
        $custom_content .= '</div>';

        $content .= $custom_content;
    }

    return $content;
}
add_filter( 'the_content', 'wpb_add_content_after_post' );

A verificação is_single() limita o conteúdo a posts individuais, para que o widget não apareça em páginas ou listas de arquivo. O restante do snippet adiciona um título, uma mensagem e um link de newsletter após o conteúdo do post. Certifique-se de substituir o endereço example.com pelo endereço da sua própria página de newsletter antes de ativar o snippet.

Defina o snippet como ‘Ativo’ e salve-o. Por fim, visite um post no seu site para ver seu conteúdo personalizado abaixo do artigo.

Tutorial em Vídeo

Se você preferir instruções em vídeo, assista a ele.

Widgets após o post - Perguntas frequentes

Qual a diferença entre um widget e um plugin?

Um widget é um pequeno bloco de conteúdo que você pode inserir em uma área específica do seu site, como uma barra lateral, rodapé ou a área pós-conteúdo abordada neste guia.

Um plugin adiciona nova funcionalidade a todo o seu site, e é frequentemente o que fornece novos widgets ou áreas de widget para usar em primeiro lugar.

Como adiciono um widget após um post no WordPress?

A maneira mais fácil é com o plugin gratuito Add Widget After Content. Ele adiciona uma área de widget abaixo do conteúdo do seu post, onde você pode adicionar widgets como um formulário de inscrição para newsletter ou posts relacionados.

Ou você pode adicionar o mesmo recurso com um snippet de código. Recomendamos o uso do plugin gratuito WPCode para que você não quebre seu site acidentalmente com seu snippet.

Por que meu widget pós-conteúdo não está aparecendo?

A causa mais comum é uma exclusão nas configurações do plugin. Verifique se você ocultou o widget naquele post ou página específica, ou excluiu sua categoria ou tipo de post em Aparência » Widget Pós-Conteúdo.

Esperamos que este artigo tenha ajudado você a aprender como adicionar widgets personalizados pós-post no WordPress. Você também pode querer ver nosso tutorial sobre como criar um widget personalizado do WordPress e nosso guia sobre os melhores plugins do WordPress.

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.