{"id":4194,"date":"2020-06-11T00:00:00","date_gmt":"2020-06-11T00:00:00","guid":{"rendered":"https:\/\/rockcontent.com\/br\/2020\/06\/11\/widget\/"},"modified":"2025-09-19T11:57:57","modified_gmt":"2025-09-19T14:57:57","slug":"widget","status":"publish","type":"post","link":"https:\/\/pingback.com\/br\/resources\/widget\/","title":{"rendered":"Widget: saiba o que \u00e9, para que serve, como baixar e colocar no seu site"},"content":{"rendered":"<p>Voc\u00ea quer criar um blog ou <a href=\"https:\/\/pingback.com\/br\/resources\/como-criar-um-site\/\" rel=\"noreferrer noopener\" target=\"_blank\">site em WordPress<\/a> e deix\u00e1-lo mais atraente para o seu p\u00fablico, mas n\u00e3o sabe quais recursos utilizar? Widgets s\u00e3o <strong>op\u00e7\u00f5es excelentes para deixar sua p\u00e1gina mais din\u00e2mica<\/strong>, direcionar seu p\u00fablico para \u00e1reas espec\u00edficas e at\u00e9 para seus perfis em <a href=\"https:\/\/pingback.com\/br\/resources\/tudo-sobre-redes-sociais\/\" rel=\"noreferrer noopener\" target=\"_blank\">redes sociais<\/a>.<\/p>\n<p>O significado mais funcional para o termo widget, talvez seja a jun\u00e7\u00e3o das palavras &#8220;window&#8221; e &#8220;gadget&#8221;, janela e dispositivo, respectivamente, termos em ingl\u00eas, que se relacionam ao ambiente de um hardware. No entanto, a palavra foi usada pela primeira vez na pe\u00e7a Beggar on Horseback, escrita por George S. Kaufman e Marc Connelly em 1924, quando seria imposs\u00edvel fazer uma alus\u00e3o \u00e0 tecnologia que temos dispon\u00edvel hoje.<\/p>\n<p>No contexto da pe\u00e7a, widgets eram objetos inanimados, muito diferente do que entendemos como esse componente nos dias atuais. Neste artigo voc\u00ea encontrar\u00e1:<\/p>\n<ul class=\"wp-block-list\">\n<li>O que \u00e9 Widget?<\/li>\n<li>Qual a diferen\u00e7a entre um \u00edcone e um widget?<\/li>\n<li>Para que serve o Widget?<\/li>\n<li>Como baixar o Widget?<\/li>\n<li>Como o Widget funciona?<\/li>\n<li>Como colocar o Widget no seu site?<\/li>\n<li>Qual a import\u00e2ncia de utilizar o Widget?<\/li>\n<\/ul>\n<p>Para iniciantes o widget \u00e9 uma forma f\u00e1cil de adicionar elementos no <a href=\"https:\/\/pingback.com\/br\/resources\/site\/\">site<\/a> \u2014 cita\u00e7\u00f5es, galerias, posts mais populares, <strong>sem precisar escrever c\u00f3digos<\/strong>. Quer aprender a usar esse recurso? Continue a leitura!<\/p>\n<h2 class=\"wp-block-heading\">O que \u00e9 Widget?<\/h2>\n<p>O widget pode ser considerado um componente de acessibilidade, pois <strong>simplifica o acesso do usu\u00e1rios aos programas e sistemas armazenados em seus computadores<\/strong>, tablets, smartphones e outros dispositivos. Tem diversas funcionalidades, como bot\u00f5es, \u00edcones e barras de rolagem e pode ser facilmente criado sem que o usu\u00e1rio saiba como incorporar c\u00f3digo ou programa.<\/p>\n<p>Sua interface gr\u00e1fica, GUI (Graphical User Interface), permite adicionar ao sistema operacional uma tarefa predeterminada, que opera em tempo real, como rel\u00f3gio, contagem regressiva de eventos, clima di\u00e1rio, atualiza\u00e7\u00e3o de redes sociais, contador de visitas no site etc. Os widgets s\u00e3o classificados, geralmente, em dois tipos:<\/p>\n<ul class=\"wp-block-list\">\n<li><strong>baixo n\u00edvel<\/strong>: utilizados para a cria\u00e7\u00e3o do sistema operacional, fazem parte do n\u00facleo do sistema;<\/li>\n<li><strong>alto n\u00edvel<\/strong>: referem-se aos objetos finais e s\u00e3o facilmente encontrados em bibliotecas de desenvolvimento (toolkit) ou em frameworks.<\/li>\n<\/ul>\n<p>Alguns widgets recebem dados do usu\u00e1rio para criar algum tipo de registro \u2014 entradas de texto, caixas e menus de sele\u00e7\u00e3o e outros componentes capazes de coletar informa\u00e7\u00f5es e enumerar as possibilidades a serem apresentadas ao usu\u00e1rio.<\/p>\n<p>Um widget da web \u00e9 um aplicativo independente, que pode ser incorporado a um site \u2014 blogs, perfis em redes sociais e p\u00e1ginas da web, em \u00e1reas espec\u00edficas para mensurar o desempenho do site, <a href=\"https:\/\/pingback.com\/br\/resources\/o-que-e-seo\/\" rel=\"noreferrer noopener\" target=\"_blank\">SEO (Search Engine Optimization) <\/a>e at\u00e9 campanhas de link reverso.<\/p>\n<h2 class=\"wp-block-heading\">Qual a diferen\u00e7a entre um \u00edcone e um widget?<\/h2>\n<p>Ambos direcionam o usu\u00e1rio para outro ambiente, mas existe uma diferen\u00e7a b\u00e1sica entre um widget e um \u00edcone: independentemente do dispositivo em que est\u00e3o incorporados, seja um computador ou smartphone, <strong>o \u00edcone serve apenas como um atalho para aquele programa que o originou<\/strong>, enquanto que o widget fornece na sua interface os dados gerados pelo aplicativo em que ele foi associado.<\/p>\n<p>O widget Handcent, por exemplo, muda quando uma mensagem SMS \u00e9 recebida, enquanto o \u00edcone do Handcent permanece o mesmo, sendo apenas atalhos est\u00e1ticos que servem para iniciar aplicativos.<\/p>\n<p>Assim, a melhor maneira de definir essa diferen\u00e7a \u00e9 que um widget \u00e9 mais sofisticado que o \u00edcone, muitas vezes s\u00e3o animados, t\u00eam controle de toque, visualizador de informa\u00e7\u00f5es e a capacidade de informar sobre o status do aplicativo que ele representa, al\u00e9m de permitir a sua inicializa\u00e7\u00e3o, o widget de m\u00fasica, por exemplo, que exibe a arte do \u00e1lbum e tem um bot\u00e3o de pausa na reprodu\u00e7\u00e3o.<\/p>\n<h2 class=\"wp-block-heading\">Para que serve um widget?<\/h2>\n<p>Vamos especificar agora a usabilidade dos widgets. No <a href=\"https:\/\/pingback.com\/br\/resources\/wordpress\/\" rel=\"noreferrer noopener\" target=\"_blank\">WordPress<\/a>, por exemplo, eles permitem que voc\u00ea adicione diferentes funcionalidades na barra lateral sem precisar saber escrever c\u00f3digos.<\/p>\n<p><strong>Essa facilidade favorece propriet\u00e1rios de p\u00e1gina iniciantes<\/strong>, que podem incorporar elementos din\u00e2micos, como quantidade de curtidas ou seguidores nas redes sociais, exibir cita\u00e7\u00f5es atualizadas em tempo real ou direcionar o usu\u00e1rio para a sele\u00e7\u00e3o de posts mais populares ou mais recentes.<\/p>\n<p>Dessa forma, widgets tamb\u00e9m podem ser usados para o direcionamento dos usu\u00e1rios da sua p\u00e1gina. Eles funcionam como um canal de comunica\u00e7\u00e3o para conectar o site a qualquer outro ambiente na web, <a href=\"https:\/\/pingback.com\/br\/resources\/fanpage\/\" rel=\"noreferrer noopener\" target=\"_blank\">fanpage<\/a>, redes sociais ou perfil no MySpace, por exemplo.<\/p>\n<p>Como sua aplica\u00e7\u00e3o \u00e9 opcional, <strong>os usu\u00e1rios decidem quais devem integrar o ambiente<\/strong>, para garantir a <a href=\"https:\/\/pingback.com\/br\/resources\/conteudo-interativo\/\" rel=\"noreferrer noopener\" target=\"_blank\">intera\u00e7\u00e3o <\/a>do seu <a href=\"https:\/\/pingback.com\/br\/resources\/publico-alvo\/\" rel=\"noreferrer noopener\" target=\"_blank\">p\u00fablico<\/a> com outras p\u00e1ginas, durante sua experi\u00eancia. Dessa forma, um widget pode ser associado a algumas estrat\u00e9gias de marketing:<\/p>\n<ul class=\"wp-block-list\">\n<li>permitir uma comunica\u00e7\u00e3o mais fluida com o p\u00fablico;<\/li>\n<li>oferecer acesso imediato a informa\u00e7\u00f5es em tempo real;<\/li>\n<li>possibilitar o acesso mais simples aos servi\u00e7os;<\/li>\n<li>obter informa\u00e7\u00f5es importantes no primeiro acesso;<\/li>\n<li>ser usado para mensagens publicit\u00e1rias: se o widget for interessante e \u00fatil, voc\u00ea poder\u00e1 obter <a href=\"https:\/\/pingback.com\/br\/resources\/publicidade\/\" rel=\"noreferrer noopener\" target=\"_blank\"><strong>publicidade<\/strong><\/a><strong> gratuita em centenas de sites<\/strong>.<\/li>\n<\/ul>\n<p>O uso de widgets tem se popularizado entre administradores de p\u00e1gina, pois os usu\u00e1rios podem adicionar aplicativos independentes a seus sites, <a href=\"https:\/\/pingback.com\/br\/resources\/como-criar-um-blog\/\" rel=\"noreferrer noopener\" target=\"_blank\">blogs<\/a>, perfis e p\u00e1ginas de comunidade em redes sociais, o que aumenta o engajamento dos visitantes e a atratividade do site.<\/p>\n<p>Mas a aplicabilidade do componente deve ser limitada, <strong>para evitar a sobrecarga do site<\/strong>, que seja um fator condicionante para o atraso no carregamento da p\u00e1gina e, consequentemente, desencorajar os visitantes pela demora no acesso. Al\u00e9m disso, os scripts externos podem representar um risco de seguran\u00e7a, fator muito relevante nos dias atuais.<\/p>\n<h2 class=\"wp-block-heading\">Como adicionar widgets no WordPress?<\/h2>\n<p>Existem v\u00e1rios m\u00e9todos para adicionar widgets ao seu site em WordPress: de forma f\u00e1cil <strong>(drag and drop e incorpora\u00e7\u00e3o por listas)<\/strong>, quando os widgets est\u00e3o dispon\u00edveis pelo CMS ou por meio de c\u00f3digos de acesso gerados com um plug-in, ao desativar o editor visual cl\u00e1ssico para adicionar o c\u00f3digo diretamente \u00e0 p\u00e1gina, com blocos <a href=\"https:\/\/pingback.com\/br\/resources\/html\/\">HTML<\/a> brutos, por meio do Gutenberg, entre outros. Veja a seguir um pouco mais sobre cada m\u00e9todo.<\/p>\n<h3 class=\"wp-block-heading\">Op\u00e7\u00e3o 1: use a funcionalidade drag and drop<\/h3>\n<p>Essa \u00e9 a forma mais r\u00e1pida de adicionar um widget ao seu <a href=\"https:\/\/pingback.com\/br\/resources\/como-escolher-um-cms\/\" rel=\"noreferrer noopener\" target=\"_blank\">CMS<\/a>. Basta arrast\u00e1-los e solt\u00e1-los na barra lateral:<\/p>\n<h3 class=\"wp-block-heading\"><\/h3>\n<h3 class=\"wp-block-heading\">Op\u00e7\u00e3o 2: incorpore o widget por lista<\/h3>\n<p>Acesse a lista de widgets dispon\u00edveis e no t\u00edtulo da widget clique no componente desejado. O WordPress mostrar\u00e1 em qual parte da barra lateral ele poder\u00e1 ser adicionado. Selecione o local e clique no bot\u00e3o <strong>&#8220;adicionar widget&#8221; <\/strong>para inclu\u00ed-lo na \u00e1rea especificada.<\/p>\n<h3 class=\"wp-block-heading\"><\/h3>\n<h3 class=\"wp-block-heading\">Op\u00e7\u00e3o 3: use o plugin no WordPress para adicionar widgets<\/h3>\n<p>Nesse m\u00e9todo voc\u00ea n\u00e3o precisar\u00e1 desativar o editor visual cl\u00e1ssico para adicionar o widget no site ou editar a p\u00e1gina em que o widget est\u00e1 localizado. Al\u00e9m disso, os c\u00f3digos de acesso ser\u00e3o salvos no WordPress para uso futuro.<\/p>\n<ol class=\"wp-block-list\">\n<li>identifique o c\u00f3digo do widget. Se for necess\u00e1rio, torne-o mais curto, por meio de plugins espec\u00edficos, como o <a href=\"https:\/\/wordpress.org\/plugins\/healcode-mindbody-widget\/\" rel=\"noreferrer noopener\" target=\"_blank\">MindBody Widget<\/a>;<\/li>\n<li>v\u00e1 para o painel do WordPress e localize &#8220;MB Widgets&#8221;;<\/li>\n<li>clique em &#8220;c\u00f3digos de acesso do widget&#8221;;<\/li>\n<li>clique em &#8220;adicionar novo widget&#8221;;<\/li>\n<li>adicione um t\u00edtulo de widget (como &#8220;Agenda&#8221; ou &#8220;rel\u00f3gio&#8221;);<\/li>\n<li>cole seu c\u00f3digo do widget na caixa de texto &#8220;C\u00f3digo do widget&#8221;.<\/li>\n<li>clique em &#8220;criar&#8221;;<\/li>\n<li>para instalar o widget, acesse a p\u00e1gina desejada do WordPress;<\/li>\n<li>clique no bot\u00e3o Mindbody acima da caixa de texto;<\/li>\n<li>escolha o widget da lista;<\/li>\n<li>atualize sua p\u00e1gina.<\/li>\n<\/ol>\n<figure class=\"wp-block-image\"><img data-opt-id=813743203  fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/content.mindbodyonline.com\/sites\/default\/files\/ARani\/Projects\/pics%20to%20use\/puttingwidgetonwpshortcodesplug3.jpg\" alt=\"widget\"\/><\/figure>\n<p>Alguns temas do WordPress, como o Avada, usam o <a href=\"https:\/\/pingback.com\/br\/resources\/page-builder\/\">Page Builder<\/a> em vez do editor padr\u00e3o do WordPress. Se o seu tema for feito a partir de um Construtor de P\u00e1ginas, voc\u00ea poder\u00e1 adicionar o c\u00f3digo de acesso a partir de um Bloco de Texto ou Caixa de Texto, como alternativa de instala\u00e7\u00e3o.<\/p>\n<figure class=\"wp-block-image\"><img data-opt-id=1119690679  fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/content.mindbodyonline.com\/sites\/default\/files\/ARani\/Projects\/pics%20to%20use\/puttingwidgetonwpshortcodesplug6.jpg\" alt=\"widget\"\/><\/figure>\n<h3 class=\"wp-block-heading\">Op\u00e7\u00e3o 4: inclua widgets por meio da desabilita\u00e7\u00e3o do editor visual cl\u00e1ssico<\/h3>\n<p>O editor visual cl\u00e1ssico deve ser desativado sempre que voc\u00ea adicionar ou editar os widgets no seu site. Observe que a desativa\u00e7\u00e3o dessa configura\u00e7\u00e3o restringir\u00e1 sua capacidade de editar outras p\u00e1ginas, por isso recomendamos <strong>reativar o editor visual quando terminar de adicionar o c\u00f3digo do widget<\/strong>.<\/p>\n<ol class=\"wp-block-list\">\n<li>fa\u00e7a login no seu site WordPress;<\/li>\n<li>clique no seu nome, no canto superior direito;<\/li>\n<li>clique em &#8220;editar meu perfil&#8221;;<\/li>\n<li>verifique se a caixa de sele\u00e7\u00e3o &#8220;desativar o editor visual ao escrever&#8221; est\u00e1 marcada;<\/li>\n<\/ol>\n<figure class=\"wp-block-image\"><img data-opt-id=136451869  fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/content.mindbodyonline.com\/sites\/default\/files\/ARani\/Projects\/pics%20to%20use\/widonwordpressorg2.jpg\" alt=\"widget\"\/><\/figure>\n<ol class=\"wp-block-list\">\n<li>clique em &#8220;Atualizar perfil&#8221; na parte inferior;<\/li>\n<li>v\u00e1 para &#8220;P\u00e1ginas&#8221; e selecione onde voc\u00ea deseja colocar seu widget;<\/li>\n<li>copie seu c\u00f3digo do widget do Branded Web Manager e cole-o na \u00e1rea de conte\u00fado;<\/li>\n<\/ol>\n<figure class=\"wp-block-image\"><img data-opt-id=1858820616  decoding=\"async\" src=\"https:\/\/content.mindbodyonline.com\/sites\/default\/files\/ARani\/Projects\/pics%20to%20use\/widonwordpressorg4.jpg\" alt=\"widget\"\/><\/figure>\n<ol class=\"wp-block-list\">\n<li>atualize a p\u00e1gina;<\/li>\n<li>retorne ao seu perfil e reative o editor visual se precisar fazer altera\u00e7\u00f5es em outras p\u00e1ginas.<\/li>\n<\/ol>\n<h3 class=\"wp-block-heading\">Op\u00e7\u00e3o 5: use o bloco HTML bruto<\/h3>\n<p>Nessa op\u00e7\u00e3o voc\u00ea usa o bloco &#8220;Raw HTML&#8221; para instalar um widget.<\/p>\n<figure class=\"wp-block-image\"><img data-opt-id=639882176  decoding=\"async\" src=\"https:\/\/content.mindbodyonline.com\/sites\/default\/files\/ARani\/Projects\/pics%20to%20use\/puttingwidgetonwpshortcodesplug7.jpg\" alt=\"widget\"\/><\/figure>\n<h3 class=\"wp-block-heading\">Op\u00e7\u00e3o 6: adicione widgets no WordPress por meio do editor Gutenberg<\/h3>\n<p>Esse editor facilita a incorpora\u00e7\u00e3o de widgets em sites WordPress. Difere-se do editor visual cl\u00e1ssico pela localiza\u00e7\u00e3o dos plugins: no editor visual cl\u00e1ssico, os plugins de widget ficam localizados na parte superior do editor, enquanto no Gutenberg, eles localizam-se <strong>no menu recolh\u00edvel<\/strong>.<\/p>\n<figure class=\"wp-block-image\"><img data-opt-id=1214860132  decoding=\"async\" src=\"https:\/\/support.mindbodyonline.com\/servlet\/rtaImage?eid=ka00e000000AAnL&amp;feoid=00N320000030gVc&amp;refid=0EM0e000001GVBA\" alt=\"widget\"\/><\/figure>\n<figure class=\"wp-block-image\"><img data-opt-id=1214860132  decoding=\"async\" src=\"https:\/\/support.mindbodyonline.com\/servlet\/rtaImage?eid=ka00e000000AAnL&amp;feoid=00N320000030gVc&amp;refid=0EM0e000001GVBF\" alt=\"widget\"\/><\/figure>\n<p>Para instalar o editor adicione o novo plugin no seu painel do WP e pesquise por Gutenberg. <strong>Instale-o e ative-o<\/strong>. O layout no Gutenberg \u00e9 constru\u00eddo a partir de blocos, ou seja, n\u00e3o necessita de linhas e colunas mas sim a inser\u00e7\u00e3o dos elementos na tela que podem ser ajustadas conforme o usu\u00e1rio desejar.<\/p>\n<p>O acesso aos Widgets no Gutenberg fica no \u00edcone + no canto superior esquerdo do editor, conforme mostrado abaixo:<\/p>\n<figure class=\"wp-block-image\"><img data-opt-id=244752135  decoding=\"async\" src=\"https:\/\/www.ostraining.com\/cdn\/images\/wordpress\/widgets-embeds\/gutenberg-widgets.png\" alt=\"gutenberg widgets\"\/><\/figure>\n<p>Voc\u00ea pode escolher quais widgets inserir no meio da sua postagem \u2014 lista de postagens, shortcodes, lista de categorias etc. ou no lugar em que achar melhor.<\/p>\n<p>Para adicionar widgets por meio do bloco HTML personalizado:<\/p>\n<ol class=\"wp-block-list\">\n<li>localize o widget que voc\u00ea deseja adicionar ao seu site WordPress e clique nos tr\u00eas pontos \u00e0 direita do widget para abrir o menu;<\/li>\n<li>clique em &#8220;adicionar&#8221;;<\/li>\n<li>copie o c\u00f3digo do widget;<\/li>\n<\/ol>\n<figure class=\"wp-block-image\"><img data-opt-id=1214860132  decoding=\"async\" src=\"https:\/\/support.mindbodyonline.com\/servlet\/rtaImage?eid=ka00e000000AAnL&amp;feoid=00N320000030gVc&amp;refid=0EM0e000001GVN6\" alt=\"widget\"\/><\/figure>\n<ol class=\"wp-block-list\">\n<li>fa\u00e7a login no seu site WordPress.<\/li>\n<li>v\u00e1 para &#8220;P\u00e1ginas&#8221; e selecione onde voc\u00ea deseja colocar seu widget;<\/li>\n<li>clique no \u00edcone de adi\u00e7\u00e3o no canto superior esquerdo do editor;<\/li>\n<\/ol>\n<figure class=\"wp-block-image\"><img data-opt-id=1214860132  decoding=\"async\" src=\"https:\/\/support.mindbodyonline.com\/servlet\/rtaImage?eid=ka00e000000AAnL&amp;feoid=00N320000030gVc&amp;refid=0EM0e000001GMrg\" alt=\"widget\"\/><\/figure>\n<ol class=\"wp-block-list\">\n<li>no menu, selecione Bloco HTML personalizado (voc\u00ea tamb\u00e9m pode procurar o bloco HTML personalizado usando a barra de pesquisa na parte superior do menu);<\/li>\n<\/ol>\n<figure class=\"wp-block-image\"><img data-opt-id=1214860132  decoding=\"async\" src=\"https:\/\/support.mindbodyonline.com\/servlet\/rtaImage?eid=ka00e000000AAnL&amp;feoid=00N320000030gVc&amp;refid=0EM0e000001GWC0\" alt=\"widget\"\/><\/figure>\n<ol class=\"wp-block-list\">\n<li>cole seu c\u00f3digo do widget no bloco HTML personalizado;<\/li>\n<li>fa\u00e7a altera\u00e7\u00f5es adicionais em sua p\u00e1gina;<\/li>\n<li>clique em &#8220;publicar&#8221; ou &#8220;atualizar&#8221; para salvar suas altera\u00e7\u00f5es.<\/li>\n<\/ol>\n<h2 class=\"wp-block-heading\">&nbsp;Como remover um widget do WordPress?<\/h2>\n<p>Remover um widget no WordPress \u00e9 t\u00e3o simples quanto adicion\u00e1-lo:<\/p>\n<ol class=\"wp-block-list\">\n<li>acesse a p\u00e1gina &#8220;apar\u00eancia&#8221;, depois em &#8220;widget&#8221;;<\/li>\n<li>identifique o componente que voc\u00ea deseja remover da sua barra lateral;<\/li>\n<li>clique no t\u00edtulo do widget para expandi-lo;<\/li>\n<\/ol>\n<figure class=\"wp-block-image\"><img data-opt-id=2029943604  decoding=\"async\" src=\"https:\/\/www.yogh.com.br\/blog\/wp-content\/uploads\/2016\/06\/Widgets-no-WordPress-Remover-widget.png\" alt=\"Widgets no WordPress - Remover widget\"\/><\/figure>\n<p>Embaixo das configura\u00e7\u00f5es do widget, voc\u00ea achar\u00e1 o link para delet\u00e1-lo. Ao deletar, ele ser\u00e1 retirado da barra lateral do seu painel e tamb\u00e9m da se\u00e7\u00e3o de configura\u00e7\u00f5es, t\u00edtulo ou outras op\u00e7\u00f5es que voc\u00ea tenha selecionado. Se voc\u00ea desejar remover o widget sem perder as configura\u00e7\u00f5es, ent\u00e3o <strong>basta arrast\u00e1-lo e solt\u00e1-lo na \u00e1rea espec\u00edfica para widgets desativados<\/strong>. Dessa forma, voc\u00ea poder\u00e1 retom\u00e1-lo para a lista sempre que achar pertinente:<\/p>\n<figure class=\"wp-block-image\"><img data-opt-id=812320027  decoding=\"async\" src=\"https:\/\/www.yogh.com.br\/blog\/wp-content\/uploads\/2016\/06\/Widgets-no-WordPress-Remover-widget-para-widget-inativas.gif\" alt=\"Widgets no WordPress - Remover widget para widget inativas\"\/><\/figure>\n<p>Widgets s\u00e3o recursos imprescind\u00edveis para tornar seu site ou blog mais din\u00e2micos. Por meio de um consumo m\u00ednimo de mem\u00f3ria, <strong>eles garantem ao usu\u00e1rio visualiza\u00e7\u00e3o em tempo real<\/strong> de informa\u00e7\u00f5es predeterminadas pelo sistema em que est\u00e3o incorporados, seja esse um aplicativo ou um programa de computador.<\/p>\n<p>Al\u00e9m disso, melhoram a <a href=\"https:\/\/pingback.com\/br\/resources\/customer-experience\/\" rel=\"noreferrer noopener\" target=\"_blank\">experi\u00eancia<\/a> do p\u00fablico durante o acesso a p\u00e1gina, basta escolh\u00ea-los com crit\u00e9rio para <strong>n\u00e3o prejudicar o tempo de carregamento e<\/strong>, consequentemente, a velocidade de acesso do usu\u00e1rio ao site.<\/p>\n<p>Quer conhecer outros recursos que podem personalizar sua p\u00e1gina pessoal e torn\u00e1-la ainda mais funcional para a sua audi\u00eancia? Ent\u00e3o, descubra alguns <a href=\"https:\/\/pingback.com\/br\/resources\/wordpress-plugins\/\" rel=\"noreferrer noopener\" target=\"_blank\">plugins para WordPress<\/a> no artigo que selecionamos para voc\u00ea! <\/p>\n","protected":false},"excerpt":{"rendered":"<p>O widget \u00e9 um componente independente, que pode ser incorporado a um site \u2014 blogs, perfis em redes sociais e p\u00e1ginas da web, em \u00e1reas espec\u00edficas para mensurar o desempenho do site, SEO (Search Engine Optimization) e at\u00e9 campanhas de link reverso.<\/p>\n","protected":false},"author":1,"featured_media":32387,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[22],"tags":[],"class_list":["post-4194","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tech"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Widget: saiba o que \u00e9, para que serve, como baixar e colocar no seu site<\/title>\n<meta name=\"description\" content=\"Widgets s\u00e3o componentes din\u00e2micos que aumentam a acessibilidade a \u00e1reas espec\u00edficas do site e disponibiliza informa\u00e7\u00f5es sobre programas incorporados a ele.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/pingback.com\/br\/resources\/widget\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Widget: saiba o que \u00e9, para que serve, como baixar e colocar no seu site\" \/>\n<meta property=\"og:description\" content=\"Widgets s\u00e3o componentes din\u00e2micos que aumentam a acessibilidade a \u00e1reas espec\u00edficas do site e disponibiliza informa\u00e7\u00f5es sobre programas incorporados a ele.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/pingback.com\/br\/resources\/widget\/\" \/>\n<meta property=\"og:site_name\" content=\"Pingback\" \/>\n<meta property=\"article:published_time\" content=\"2020-06-11T00:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-19T14:57:57+00:00\" \/>\n<meta name=\"author\" content=\"Pingback\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@pingbackoficial\" \/>\n<meta name=\"twitter:site\" content=\"@pingbackoficial\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Pingback\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/pingback.com\/br\/resources\/widget\/\",\"url\":\"https:\/\/pingback.com\/br\/resources\/widget\/\",\"name\":\"Widget: saiba o que \u00e9, para que serve, como baixar e colocar no seu site\",\"isPartOf\":{\"@id\":\"https:\/\/pingback.com\/br\/resources\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/pingback.com\/br\/resources\/widget\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/pingback.com\/br\/resources\/widget\/#primaryimage\"},\"thumbnailUrl\":\"\",\"datePublished\":\"2020-06-11T00:00:00+00:00\",\"dateModified\":\"2025-09-19T14:57:57+00:00\",\"author\":{\"@id\":\"https:\/\/pingback.com\/br\/resources\/#\/schema\/person\/170478128352e2f21e2360c2e4944a66\"},\"description\":\"Widgets s\u00e3o componentes din\u00e2micos que aumentam a acessibilidade a \u00e1reas espec\u00edficas do site e disponibiliza informa\u00e7\u00f5es sobre programas incorporados a ele.\",\"breadcrumb\":{\"@id\":\"https:\/\/pingback.com\/br\/resources\/widget\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/pingback.com\/br\/resources\/widget\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/pingback.com\/br\/resources\/widget\/#primaryimage\",\"url\":\"\",\"contentUrl\":\"\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/pingback.com\/br\/resources\/widget\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/pingback.com\/br\/resources\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Widget: saiba o que \u00e9, para que serve, como baixar e colocar no seu site\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/pingback.com\/br\/resources\/#website\",\"url\":\"https:\/\/pingback.com\/br\/resources\/\",\"name\":\"Pingback Blog\",\"description\":\"Marketing for builders\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/pingback.com\/br\/resources\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/pingback.com\/br\/resources\/#\/schema\/person\/170478128352e2f21e2360c2e4944a66\",\"name\":\"Pingback\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/pingback.com\/br\/resources\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/70cde532238b4f8bf4a6e7e589ff0a259eda38fa966564ca7ed7d23e61c27774?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/70cde532238b4f8bf4a6e7e589ff0a259eda38fa966564ca7ed7d23e61c27774?s=96&d=mm&r=g\",\"caption\":\"Pingback\"},\"description\":\"Pingback: Marketing for builders.\",\"sameAs\":[\"https:\/\/pingback.com\",\"https:\/\/www.instagram.com\/pingbackoficial\/\",\"https:\/\/www.linkedin.com\/company\/pingbackoficial\/\",\"https:\/\/x.com\/pingbackoficial\",\"https:\/\/www.youtube.com\/@pingbackoficial\"],\"url\":\"https:\/\/pingback.com\/br\/resources\/author\/adm1n\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Widget: saiba o que \u00e9, para que serve, como baixar e colocar no seu site","description":"Widgets s\u00e3o componentes din\u00e2micos que aumentam a acessibilidade a \u00e1reas espec\u00edficas do site e disponibiliza informa\u00e7\u00f5es sobre programas incorporados a ele.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/pingback.com\/br\/resources\/widget\/","og_locale":"pt_BR","og_type":"article","og_title":"Widget: saiba o que \u00e9, para que serve, como baixar e colocar no seu site","og_description":"Widgets s\u00e3o componentes din\u00e2micos que aumentam a acessibilidade a \u00e1reas espec\u00edficas do site e disponibiliza informa\u00e7\u00f5es sobre programas incorporados a ele.","og_url":"https:\/\/pingback.com\/br\/resources\/widget\/","og_site_name":"Pingback","article_published_time":"2020-06-11T00:00:00+00:00","article_modified_time":"2025-09-19T14:57:57+00:00","author":"Pingback","twitter_card":"summary_large_image","twitter_creator":"@pingbackoficial","twitter_site":"@pingbackoficial","twitter_misc":{"Escrito por":"Pingback","Est. tempo de leitura":"10 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/pingback.com\/br\/resources\/widget\/","url":"https:\/\/pingback.com\/br\/resources\/widget\/","name":"Widget: saiba o que \u00e9, para que serve, como baixar e colocar no seu site","isPartOf":{"@id":"https:\/\/pingback.com\/br\/resources\/#website"},"primaryImageOfPage":{"@id":"https:\/\/pingback.com\/br\/resources\/widget\/#primaryimage"},"image":{"@id":"https:\/\/pingback.com\/br\/resources\/widget\/#primaryimage"},"thumbnailUrl":"","datePublished":"2020-06-11T00:00:00+00:00","dateModified":"2025-09-19T14:57:57+00:00","author":{"@id":"https:\/\/pingback.com\/br\/resources\/#\/schema\/person\/170478128352e2f21e2360c2e4944a66"},"description":"Widgets s\u00e3o componentes din\u00e2micos que aumentam a acessibilidade a \u00e1reas espec\u00edficas do site e disponibiliza informa\u00e7\u00f5es sobre programas incorporados a ele.","breadcrumb":{"@id":"https:\/\/pingback.com\/br\/resources\/widget\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/pingback.com\/br\/resources\/widget\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/pingback.com\/br\/resources\/widget\/#primaryimage","url":"","contentUrl":""},{"@type":"BreadcrumbList","@id":"https:\/\/pingback.com\/br\/resources\/widget\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/pingback.com\/br\/resources\/"},{"@type":"ListItem","position":2,"name":"Widget: saiba o que \u00e9, para que serve, como baixar e colocar no seu site"}]},{"@type":"WebSite","@id":"https:\/\/pingback.com\/br\/resources\/#website","url":"https:\/\/pingback.com\/br\/resources\/","name":"Pingback Blog","description":"Marketing for builders","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/pingback.com\/br\/resources\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"https:\/\/pingback.com\/br\/resources\/#\/schema\/person\/170478128352e2f21e2360c2e4944a66","name":"Pingback","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/pingback.com\/br\/resources\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/70cde532238b4f8bf4a6e7e589ff0a259eda38fa966564ca7ed7d23e61c27774?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/70cde532238b4f8bf4a6e7e589ff0a259eda38fa966564ca7ed7d23e61c27774?s=96&d=mm&r=g","caption":"Pingback"},"description":"Pingback: Marketing for builders.","sameAs":["https:\/\/pingback.com","https:\/\/www.instagram.com\/pingbackoficial\/","https:\/\/www.linkedin.com\/company\/pingbackoficial\/","https:\/\/x.com\/pingbackoficial","https:\/\/www.youtube.com\/@pingbackoficial"],"url":"https:\/\/pingback.com\/br\/resources\/author\/adm1n\/"}]}},"_links":{"self":[{"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/posts\/4194","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/comments?post=4194"}],"version-history":[{"count":1,"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/posts\/4194\/revisions"}],"predecessor-version":[{"id":80419,"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/posts\/4194\/revisions\/80419"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/media?parent=4194"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/categories?post=4194"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/tags?post=4194"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}