{"id":13548,"date":"2024-05-01T03:25:57","date_gmt":"2024-05-01T07:25:57","guid":{"rendered":"https:\/\/prettylinks.com\/?post_type=pauple_helpie&#038;p=13548"},"modified":"2026-07-10T03:08:47","modified_gmt":"2026-07-10T09:08:47","slug":"social-buttons-bar","status":"publish","type":"ht_kb","link":"https:\/\/prettylinks.com\/pt\/docs\/social-buttons-bar\/","title":{"rendered":"Bot\u00f5es sociais"},"content":{"rendered":"<p class=\"wp-block-paragraph\">O Pretty Links pode gerar um <strong>barra de compartilhamento nas redes sociais<\/strong> em suas postagens e p\u00e1ginas, com bot\u00f5es para as principais plataformas. A URL que est\u00e1 sendo compartilhada \u00e9 a sua <strong>URL simplificada<\/strong>, e n\u00e3o o permalink bruto. Isso significa que cada compartilhamento \u00e9 rastre\u00e1vel, atribu\u00edvel e pode ser redirecionado posteriormente, alterando-se o destino do link otimizado.<\/p>\n\n\n\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info\"><strong>Observa\u00e7\u00e3o:<\/strong> Esse recurso est\u00e1 dispon\u00edvel nos planos Iniciante, Profissional de Marketing e Super Afiliado. Se voc\u00ea estiver usando o Pretty Links Lite, poder\u00e1 <a href=\"https:\/\/prettylinks.com\/account\/subscriptions\/\">atualize seu plano do Pretty Links<\/a> para us\u00e1-lo.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a5fb683066be&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a5fb683066be\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"2543\" height=\"1315\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/prettylinks.com\/wp-content\/uploads\/2026\/07\/options-social.png\" alt=\"Op\u00e7\u00f5es do Pretty Links \u2014 guia \u201cBot\u00f5es sociais\u201d\" class=\"wp-image-18796\" srcset=\"https:\/\/prettylinks.com\/wp-content\/uploads\/2026\/07\/options-social.png 2543w, https:\/\/prettylinks.com\/wp-content\/uploads\/2026\/07\/options-social-300x155.png 300w, https:\/\/prettylinks.com\/wp-content\/uploads\/2026\/07\/options-social-1024x530.png 1024w, https:\/\/prettylinks.com\/wp-content\/uploads\/2026\/07\/options-social-768x397.png 768w, https:\/\/prettylinks.com\/wp-content\/uploads\/2026\/07\/options-social-50x26.png 50w, https:\/\/prettylinks.com\/wp-content\/uploads\/2026\/07\/options-social-1536x794.png 1536w, https:\/\/prettylinks.com\/wp-content\/uploads\/2026\/07\/options-social-2048x1059.png 2048w\" sizes=\"auto, (max-width: 2543px) 100vw, 2543px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"whats-included\"><a href=\"#whats-included\">O que est\u00e1 inclu\u00eddo<\/a><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">A barra de redes sociais pode incluir bot\u00f5es para:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>X<\/strong> \u2014 Compartilha com o t\u00edtulo da postagem e a URL otimizada por meio da fun\u00e7\u00e3o de tweet do x.com;<\/li>\n<li><strong>Facebook<\/strong> \u2014 Abre a caixa de di\u00e1logo de compartilhamento do Facebook com a URL simplificada;<\/li>\n<li><strong>LinkedIn<\/strong> \u2014 Abre o fluxo de compartilhamento do LinkedIn;<\/li>\n<li><strong>Pinterest<\/strong> \u2014 Abre a caixa de di\u00e1logo de cria\u00e7\u00e3o de pins do Pinterest;<\/li>\n<li><strong>Reddit<\/strong> \u2014 Abre o fluxo de envio do Reddit;<\/li>\n<li><strong>WhatsApp<\/strong> \u2014 Envia a URL simplificada pelo WhatsApp (na vers\u00e3o web ou no celular);<\/li>\n<li><strong>Telegram<\/strong> \u2014 Abre o fluxo de compartilhamento de URL do Telegram;<\/li>\n<li><strong>E-mail<\/strong> \u2014 Abre o cliente de e-mail do visitante com uma mensagem j\u00e1 preenchida;<\/li>\n<li><strong>Copiar link<\/strong> \u2014 Copia a URL simplificada para a \u00e1rea de transfer\u00eancia com um clique.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Todas as nove redes s\u00e3o <strong>desativado por padr\u00e3o<\/strong>. Ative as op\u00e7\u00f5es desejadas na p\u00e1gina de configura\u00e7\u00f5es. A barra de redes sociais n\u00e3o \u00e9 exibida at\u00e9 que voc\u00ea selecione pelo menos uma rede.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"where-to-configure\"><a href=\"#where-to-configure\">Onde configurar<\/a><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Ir para <strong>Painel &gt; Pretty Links &gt; Op\u00e7\u00f5es &gt; Cria\u00e7\u00e3o autom\u00e1tica de links<\/strong>. A barra social est\u00e1 configurada ali, em <strong>Exibi\u00e7\u00e3o<\/strong> e <strong>Redes<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Aqui voc\u00ea pode:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Ativar\/desativar a barra social globalmente<\/strong>;<\/li>\n<li><strong>Escolha quais bot\u00f5es ser\u00e3o exibidos<\/strong> \u2014 ative ou desative cada rede social. A ordem de exibi\u00e7\u00e3o \u00e9 fixa (X, Facebook, LinkedIn, Pinterest, Reddit, WhatsApp, Telegram, E-mail, Copiar) \u2014 n\u00e3o \u00e9 poss\u00edvel arrastar para reordenar;<\/li>\n<li><strong>Escolha o local<\/strong> \u2014 no in\u00edcio do conte\u00fado da postagem, no final ou em ambos;<\/li>\n<li><strong>Selecione os tipos de postagem a serem ativados<\/strong> \u2014 o campo \u201cpor CPT\u201d est\u00e1 na mesma tabela \u201cpor tipo de postagem\u201d usada por <strong><a href=\"https:\/\/prettylinks.com\/pt\/docs\/auto-create-links\/\">cria\u00e7\u00e3o autom\u00e1tica<\/a><\/strong> (o <strong>Bot\u00f5es de redes sociais<\/strong> (coluna). A filtragem por CPT significa que voc\u00ea pode ativ\u00e1-la nas postagens do blog, mas desativ\u00e1-la em um CPT chamado \u201cRecursos\u201d, por exemplo;<\/li>\n<li><strong>Ativar\/desativar a exibi\u00e7\u00e3o do RSS<\/strong> \u2014 se a barra deve aparecer no seu feed RSS (a maioria dos usu\u00e1rios desativa essa op\u00e7\u00e3o para que os leitores de feed exibam o conte\u00fado de forma organizada).<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">O estilo visual (cores, forma) \u00e9 controlado pelo CSS do seu tema \u2014 a barra exibe identificadores de classe sem\u00e2nticos (<code>.prli-social-buttons__btn<\/code>, <code>.prli-social-buttons__icon<\/code>, etc.) que os temas ou uma folha de estilo filha podem aplicar.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"how-the-url-gets-shared\"><a href=\"#how-the-url-gets-shared\">Como a URL \u00e9 compartilhada<\/a><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Quando <strong><a href=\"https:\/\/prettylinks.com\/pt\/docs\/auto-create-links\/\">cria\u00e7\u00e3o autom\u00e1tica<\/a><\/strong> Quando essa op\u00e7\u00e3o est\u00e1 ativada para um tipo de postagem, cada postagem desse tipo tem seu pr\u00f3prio link personalizado. A barra de compartilhamento nas redes sociais usa esse link personalizado como URL de compartilhamento.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Benef\u00edcios:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>URLs mais curtas<\/strong> \u2014 \u00datil em plataformas com limite de caracteres, como o X (Twitter);<\/li>\n<li><strong>Rastreamento de cliques<\/strong> \u2014 Cada compartilhamento e clique \u00e9 contabilizado nos seus relat\u00f3rios do Pretty Links;<\/li>\n<li><strong>Atribui\u00e7\u00e3o<\/strong> \u2014 Voc\u00ea pode ver quais plataformas geram tr\u00e1fego analisando as fontes de refer\u00eancia em <strong><a href=\"https:\/\/prettylinks.com\/pt\/docs\/standard-reports\/\">hist\u00f3rico de cliques<\/a><\/strong>;<\/li>\n<li><strong>Possibilidade de redirecionamento<\/strong> \u2014 Mesmo depois que um link j\u00e1 tiver sido compartilhado, voc\u00ea pode alterar para onde o URL personalizado aponta (por exemplo, redirecionar para uma postagem posterior quando a original for retirada do ar).<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Se uma postagem ainda n\u00e3o tiver um link personalizado (a cria\u00e7\u00e3o autom\u00e1tica estiver desativada ou a postagem for anterior \u00e0 ativa\u00e7\u00e3o da cria\u00e7\u00e3o autom\u00e1tica), a barra de redes sociais passa a compartilhar o permalink da postagem.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"per-post-hide\"><a href=\"#per-post-hide\">Ocultar por postagem<\/a><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">O <strong><a href=\"https:\/\/prettylinks.com\/pt\/docs\/pretty-links-for-posts-pages-and-cpts\/\">metabox de op\u00e7\u00f5es de postagem<\/a><\/strong> permite ocultar a barra de redes sociais em publica\u00e7\u00f5es espec\u00edficas. Casos comuns:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>P\u00e1ginas de destino nas quais a barra poderia desviar a aten\u00e7\u00e3o de um \u00fanico CTA;<\/li>\n<li>P\u00e1ginas de agradecimento em que n\u00e3o faz sentido compartilhar;<\/li>\n<li>Postagens internas que n\u00e3o se destinam ao compartilhamento p\u00fablico.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">A oculta\u00e7\u00e3o \u00e9 por postagem; as outras postagens continuam exibindo a barra normalmente.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"per-post-type-gating\"><a href=\"#per-post-type-gating\">Filtragem por tipo de postagem<\/a><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Em <strong>Painel &gt; Pretty Links &gt; Op\u00e7\u00f5es &gt; Cria\u00e7\u00e3o autom\u00e1tica de links<\/strong>, voc\u00ea pode ativar ou desativar a barra de forma independente para cada tipo de postagem:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Publica\u00e7\u00f5es do blog<\/strong> \u2014 Barra ativada, posicionamento superior;<\/li>\n<li><strong>P\u00e1ginas<\/strong> \u2014 Barra desativada (j\u00e1 que as p\u00e1ginas costumam ser de conte\u00fado permanente e t\u00eam sua pr\u00f3pria experi\u00eancia do usu\u00e1rio);<\/li>\n<li><strong>Tipos de postagem personalizados<\/strong> \u2014 O que for mais adequado \u00e0 estrutura do seu site.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Essa abordagem \u00e9 mais flex\u00edvel do que uma \u00fanica op\u00e7\u00e3o global de ativar\/desativar, e \u00e9 a maneira correta de ajustar com precis\u00e3o quais conte\u00fados recebem bot\u00f5es de compartilhamento.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"rss-toggle\"><a href=\"#rss-toggle\">Ativar\/Desativar RSS<\/a><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Por padr\u00e3o, a barra de redes sociais \u00e9 <strong>n\u00e3o<\/strong> renderizado dentro do conte\u00fado do feed RSS. Isso mant\u00e9m os feeds RSS organizados e evita que c\u00f3digos HTML indesejados apare\u00e7am em leitores de feed como o Feedly.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Se voc\u00ea tiver um motivo espec\u00edfico para incluir a barra no RSS \u2014 por exemplo, se estiver promovendo a\u00e7\u00f5es de compartilhamento em um boletim informativo por e-mail que utiliza seu feed RSS \u2014, voc\u00ea pode ativar essa op\u00e7\u00e3o.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"styling\"><a href=\"#styling\">Estilo<\/a><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">A barra social vem com um estilo padr\u00e3o minimalista e foi projetada para ser personalizada por meio de CSS. O c\u00f3digo HTML gerado cont\u00e9m classes sem\u00e2nticas que voc\u00ea pode utilizar na folha de estilos do seu tema ou de um tema filho:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>.prli-social-buttons<\/code> \u2014 wrapper;<\/li>\n<li><code>.prli-social-buttons__item--<\/code> \u2014 por item da lista por rede (por exemplo,. <code>.prli-social-buttons__item--x<\/code>);<\/li>\n<li><code>.prli-social-buttons__btn<\/code> \u2014 o bot\u00e3o ou \u00e2ncora clic\u00e1vel;<\/li>\n<li><code>.prli-social-buttons__icon<\/code> \u2014 o \u00edcone SVG embutido;<\/li>\n<li><code>.prli-social-buttons__label<\/code> \u2014 o r\u00f3tulo da rede.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">N\u00e3o h\u00e1 op\u00e7\u00f5es integradas de cor ou forma na p\u00e1gina de configura\u00e7\u00f5es \u2014 a personaliza\u00e7\u00e3o visual \u00e9 feita inteiramente por meio de CSS.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"considerations\"><a href=\"#considerations\">Considera\u00e7\u00f5es<\/a><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>N\u00e3o ative muitos bot\u00f5es.<\/strong> Cinco ou seis op\u00e7\u00f5es j\u00e1 s\u00e3o suficientes. Acima disso, surge a paralisia da escolha e o engajamento diminui;<\/li>\n<li><strong>Teste no celular.<\/strong> As barras sociais podem sobrecarregar telas pequenas. A maioria dos posicionamentos deve ficar no topo ou na parte inferior da publica\u00e7\u00e3o (n\u00e3o flutuante) em dispositivos m\u00f3veis;<\/li>\n<li><strong>Privacidade.<\/strong> Os bot\u00f5es de compartilhamento carregam uma interface de usu\u00e1rio leve na pr\u00f3pria p\u00e1gina; eles n\u00e3o carregam rastreadores de terceiros de plataformas sociais, a menos que o usu\u00e1rio clique neles. Essa \u00e9 uma escolha deliberada em prol do desempenho e da privacidade;<\/li>\n<li><strong>Combine com <a href=\"https:\/\/prettylinks.com\/pt\/docs\/auto-create-links\/\">cria\u00e7\u00e3o autom\u00e1tica<\/a><\/strong> para aproveitar ao m\u00e1ximo \u2014 URLs de compartilhamento rastre\u00e1veis e redirecion\u00e1veis para cada postagem, geradas automaticamente.<\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>Saiba como adicionar uma barra de bot\u00f5es sociais ao seu site. Siga nosso guia para aumentar o envolvimento do usu\u00e1rio e o compartilhamento social.<\/p>","protected":false},"author":34280,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_strive_editorial_status":"not-started","_strive_copy_of":0,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"ht-kb-category":[707],"ht-kb-tag":[],"class_list":["post-13548","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-adding-links-to-your-content"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/prettylinks.com\/pt\/wp-json\/wp\/v2\/ht-kb\/13548","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prettylinks.com\/pt\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/prettylinks.com\/pt\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/prettylinks.com\/pt\/wp-json\/wp\/v2\/users\/34280"}],"replies":[{"embeddable":true,"href":"https:\/\/prettylinks.com\/pt\/wp-json\/wp\/v2\/comments?post=13548"}],"version-history":[{"count":2,"href":"https:\/\/prettylinks.com\/pt\/wp-json\/wp\/v2\/ht-kb\/13548\/revisions"}],"predecessor-version":[{"id":18914,"href":"https:\/\/prettylinks.com\/pt\/wp-json\/wp\/v2\/ht-kb\/13548\/revisions\/18914"}],"wp:attachment":[{"href":"https:\/\/prettylinks.com\/pt\/wp-json\/wp\/v2\/media?parent=13548"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/prettylinks.com\/pt\/wp-json\/wp\/v2\/ht-kb-category?post=13548"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/prettylinks.com\/pt\/wp-json\/wp\/v2\/ht-kb-tag?post=13548"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}