Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Como adicionar dicas de ferramentas em seus posts e páginas do WordPress

A inclusão de dicas de ferramentas em seus posts e páginas do WordPress pode melhorar seu conteúdo.

Eles fornecem informações adicionais quando o mouse passa sobre palavras específicas, ajudando a esclarecer a mensagem e a tornar o conteúdo mais fácil de usar.

As dicas de ferramentas oferecem uma maneira eficaz e simples de adicionar profundidade às suas postagens sem sobrecarregar o texto. Usando as dicas de ferramentas, você pode orientar seus leitores e oferecer mais contexto quando necessário.

Neste artigo, mostraremos como adicionar dicas de ferramentas às suas postagens e páginas do WordPress.

Add tooltips to your WordPress posts and pages

Por que exibir dicas de ferramentas em seus posts e páginas do WordPress?

As dicas de ferramentas exibem informações úteis em pequenas caixas que aparecem quando você passa o mouse sobre uma área do seu site WordPress. Elas são uma ótima maneira de aumentar a clareza de seu conteúdo.

Você pode usar as dicas de ferramentas para adicionar definições de palavras difíceis, destacar fatos importantes e revelar as fontes de suas informações. Assim como as notas de rodapé, elas podem melhorar a experiência do usuário e ajudar a criar confiança entre os visitantes.

Entretanto, as dicas de ferramentas nunca devem ser usadas para informações essenciais. Sua postagem deve conter tudo o que os leitores precisam, mesmo que eles não leiam a dica de ferramenta, para o caso de não a verem.

Certifique-se também de não usar as dicas de ferramentas em excesso, ou elas podem se tornar uma distração para os visitantes do site, o que pode arruinar a experiência do usuário.

Com isso em mente, vamos ver como você pode adicionar dicas de ferramentas aos seus posts e páginas do WordPress.

Como adicionar dicas de ferramentas em seus posts e páginas do WordPress

A primeira coisa que você precisa fazer é instalar e ativar o plug-in WordPress Tooltips. Para saber mais, consulte nosso guia passo a passo sobre como instalar um plug-in do WordPress.

Depois que o plug-in é ativado, há várias maneiras de adicionar dicas de ferramentas a seus posts e páginas. A primeira é adicionar automaticamente dicas de ferramentas a determinadas palavras-chave.

Adição automática de dicas de ferramentas a palavras-chave

Tudo o que você precisa fazer é navegar até Tooltips ” Add New para criar uma nova dica de ferramenta. Você precisa começar adicionando um título.

Esse título é uma palavra-chave, e a dica de ferramenta será exibida automaticamente em todos os lugares em que a palavra-chave aparecer em seus posts e páginas. Isso pode economizar muito tempo, pois você não precisa adicionar manualmente a dica de ferramenta em vários locais do site.

Se quiser que outras palavras também sejam exibidas na dica de ferramenta, insira-as na seção de sinônimos, à direita da tela. Se você inserir vários sinônimos, eles deverão ser separados pelo símbolo de pipe |.

Adding a new tooltip

Agora, na seção de conteúdo, adicione sua dica de ferramenta. Uma dica de ferramenta pode ter apenas algumas palavras ou pode ter vários parágrafos de conteúdo rico com imagens e outras mídias. No entanto, lembre-se de que você está escrevendo conteúdo para uma dica de ferramenta, não para uma publicação completa, portanto, seja o mais breve possível para que seja facilmente legível em qualquer tela.

Quando terminar, clique no botão “Publicar”, à direita da tela. Agora, as dicas de ferramentas serão exibidas automaticamente em seus posts e páginas sempre que o título e os sinônimos da dica de ferramenta forem encontrados.

Preview of Tooltip Automatically Added to a Keyword

Adição de dicas de ferramentas usando um código curto

Outra maneira de adicionar dicas de ferramentas é adicionar um shortcode ao conteúdo de seus posts e páginas.

Esse método é adequado para dicas de ferramenta mais curtas ou quando você deseja exibir a dica de ferramenta apenas uma vez, em vez de em cada palavra-chave correspondente em seu site.

Se você não conhece os códigos de acesso, saiba mais em nosso guia para iniciantes sobre como adicionar um código de acesso no WordPress.

Para adicionar o shortcode da dica de ferramenta, primeiro você precisa abrir o post ou a página em que deseja adicionar a dica de ferramenta no editor de conteúdo. Em seguida, você deve adicionar esse shortcode no local em que deseja que a dica de ferramenta seja exibida:

[tooltips keyword="YOURKEYWORD" content="YOURTOOLTIPCONTENT"]

Basta substituir YOURKEYWORD pela palavra ou frase à qual você deseja adicionar a dica de ferramenta e substituir YOURTOOLTIPCONTENT pelo texto que deseja adicionar à dica de ferramenta. Não se esqueça de deixar as aspas no shortcode para que ele funcione corretamente.

Adding a tooltip using shortcode

Você pode visualizar a página para ver a dica de ferramenta em ação.

É assim que ele aparece em nosso site de demonstração.

Preview Tooltip Added Using Shortcode

Criação de um glossário a partir de suas dicas de ferramentas

Cada dica de ferramenta é uma descrição de uma palavra-chave, semelhante ao que você encontraria em um dicionário ou glossário. À medida que você adiciona dicas de ferramentas, é como se estivesse criando um glossário básico.

É por isso que o plug-in WordPress Tooltips permite que você exiba um glossário de dicas de ferramentas em seu site. Basta adicionar o shortcode [glossary] ao post ou à página em que você deseja que ele apareça.

Adding the Glossary Shortcode

Depois de publicar o post ou a página, você pode visitar seu site para ver o glossário.

É assim que ele aparece em nosso site de demonstração. Ela inclui as dicas de ferramentas que adicionamos à lista de dicas de ferramentas do plug-in, mas não as dicas de ferramentas que criamos usando o shortcode.

Preview of Tooltip Glossary

Se quiser personalizar o glossário, você poderá fazê-lo no menu Tooltips ” Glossary Settings (Dicas de ferramentas ” Configurações do glossário ) no painel do WordPress.

Aqui você encontrará várias opções que podem ser ajustadas para definir como o glossário será exibido e o que será incluído.

Tooltip Glossary Settings

Por exemplo, você pode escolher se deseja ou não exibir imagens no glossário e pode listar o ID de qualquer dica de ferramenta que não queira incluir.

Dica bônus: Faça uma pesquisa com seu público sobre suas novas dicas de ferramentas

Criar uma pesquisa no WordPress é muito útil para obter feedback dos seus visitantes, o que pode ajudá-lo a entender melhor os interesses deles.

Se você tiver uma loja on-line, poderá fazer perguntas para saber quais recursos as pessoas desejam em seus produtos ou serviços.

Ou, se você tiver um blog em WordPress, as pesquisas são uma ótima maneira de descobrir se seus artigos são úteis e sobre quais outros tópicos seu público quer ler.

Os formulários de pesquisa também são uma ferramenta versátil para coletar sugestões para melhorar a experiência do usuário.

Survey results in WPForms

Com o recurso de dica de ferramenta, pode levar um ou dois segundos para aparecer na tela, portanto, faça uma pesquisa com os visitantes do site para ver se eles realmente as notam. Você também pode querer saber se elas são úteis ou atrapalham.

O WPForms é o melhor construtor de formulários para criar pesquisas no WordPress. Você pode usar classificações por estrelas, a escala Likert ou uma pontuação de promotor líquido para os vários tipos de resposta.

Além disso, é possível escolher entre vários modelos de formulários de pesquisa com usuários para encontrar o que melhor se adapta às suas necessidades.

WPForms' customer feedback templates

Se quiser saber mais sobre a criação de formulários de pesquisa, consulte nosso guia sobre como criar uma pesquisa no WordPress.

Esperamos que este tutorial tenha ajudado você a aprender como adicionar dicas de ferramentas às suas postagens e páginas do WordPress. Talvez você também queira ver nossos guias sobre como adicionar ícones para tipos de post personalizados e como adicionar legendas para posts e páginas no WordPress.

Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o 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 receber uma comissão. Veja como o WPBeginner é financiado, por que isso é importante e como você pode nos apoiar. Aqui está nosso processo editorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

O kit de ferramentas definitivo WordPress

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

Reader Interactions

14 ComentáriosDeixe uma resposta

  1. sasa

    I installed plugin and add new tooltip, entered content and now i dont know how to add it on a link

  2. jawadhyder15

    The plugin don’t work for me,

    But when i do this manually, it works!

  3. shovan

    I dont think the plugin works on WP 3

  4. netcaststudio

    After installing the plugin the import of comments didn’t complete after 6 hours of running. Any thoughts?

  5. wpbeginner

    @dbroadaway the twitter icon is another plugin. Floating bar is the smart sharing plugin.

  6. dbroadaway

    Thanks for the write-up, but I have two unrelated questions:

    1: What is that Twitter icon next the Tooltip icon?

    2: I love your left-hand floating/static social media shares. Is that custom or a plugin/service?

    Thanks.

  7. wpbeginner

    @Jaxov An article is due for that.

  8. Jaxov

    @wpbeginner ;-) Offtopic: How happy are you with livefire comment system?

    How is it compared to other solutions? Also does it allow guest comments without registration?

  9. wpbeginner

    @mharis @Jaxov @Crysislevel Thank you Haris for posting this.

  10. Jaxov

    @Crysislevel I agree! Thanks for this.

    Btw you should maybe create an example page or preview in such posts so that we can see how it actually looks live.

  11. Crysislevel

    nice tutorial! thanx for this…i never knew how to do that! :)

Deixe uma resposta

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