{"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\/es\/docs\/social-buttons-bar\/","title":{"rendered":"Botones sociales"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Pretty Links puede generar un <strong>barra de redes sociales<\/strong> en tus entradas y p\u00e1ginas, con botones para las principales plataformas. La URL que se comparte es tu <strong>URL bonita<\/strong>, no el enlace permanente sin formatear. Esto significa que cada vez que se comparte el contenido se puede rastrear, atribuir y volver a orientar m\u00e1s adelante cambiando el destino del enlace optimizado.<\/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>Nota:<\/strong> Esta funci\u00f3n est\u00e1 disponible en los planes \u00abPrincipiante\u00bb, \u00abProfesional del marketing\u00bb y \u00abSuperafiliado\u00bb. Si utilizas Pretty Links Lite, puedes <a href=\"https:\/\/prettylinks.com\/account\/subscriptions\/\">Actualiza tu plan de Pretty Links<\/a> para utilizarlo.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a5f8926d0120&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a5f8926d0120\" 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=\"Opciones de Pretty Links \u2014 Pesta\u00f1a \u00abBotones sociales\u00bb\" 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\">Qu\u00e9 incluye<\/a><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">La barra social puede incluir botones para:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>X<\/strong> \u2014 Se comparte con el t\u00edtulo de la publicaci\u00f3n y una URL optimizada mediante la funci\u00f3n de tuit de x.com;<\/li>\n<li><strong>Facebook<\/strong> \u2014 Abre el cuadro de di\u00e1logo para compartir de Facebook con la URL optimizada;<\/li>\n<li><strong>LinkedIn<\/strong> \u2014 Abre el flujo de compartir de LinkedIn;<\/li>\n<li><strong>Pinterest<\/strong> \u2014 Abre el cuadro de di\u00e1logo de creaci\u00f3n de pines de Pinterest;<\/li>\n<li><strong>Reddit<\/strong> \u2014 Abre el proceso de publicaci\u00f3n de Reddit;<\/li>\n<li><strong>WhatsApp<\/strong> \u2014 Env\u00eda la URL simplificada a trav\u00e9s de WhatsApp (web o m\u00f3vil);<\/li>\n<li><strong>Telegram<\/strong> \u2014 Abre el proceso para compartir una URL en Telegram;<\/li>\n<li><strong>Correo electr\u00f3nico<\/strong> \u2014 Abre el cliente de correo electr\u00f3nico del visitante con un mensaje ya rellenado;<\/li>\n<li><strong>Copiar enlace<\/strong> \u2014 Copia la URL simplificada al portapapeles con un solo clic.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Las nueve cadenas son <strong>desactivado por defecto<\/strong>. Activa las que quieras en la p\u00e1gina de opciones. La barra de redes sociales no se muestra hasta que selecciones al menos una red.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"where-to-configure\"><a href=\"#where-to-configure\">D\u00f3nde configurarlo<\/a><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Ir a <strong>Panel de control &gt; Pretty Links &gt; Opciones &gt; Crear enlaces autom\u00e1ticamente<\/strong>. La barra social se configura ah\u00ed, en la secci\u00f3n <strong>Pantalla<\/strong> y <strong>Redes<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Aqu\u00ed puedes:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Activar o desactivar la barra social de forma global<\/strong>;<\/li>\n<li><strong>Elige qu\u00e9 botones se muestran<\/strong> \u2014 Activa o desactiva cada red. El orden de visualizaci\u00f3n es fijo (X, Facebook, LinkedIn, Pinterest, Reddit, WhatsApp, Telegram, Correo electr\u00f3nico, Copiar); no se puede arrastrar para cambiar el orden;<\/li>\n<li><strong>Elige la ubicaci\u00f3n<\/strong> \u2014 en la parte superior del contenido de la publicaci\u00f3n, en la parte inferior o en ambas;<\/li>\n<li><strong>Selecciona los tipos de entradas que deseas activar<\/strong> \u2014 La entrada por CPT se encuentra en la misma tabla por tipo de entrada que utiliza <strong><a href=\"https:\/\/prettylinks.com\/es\/docs\/auto-create-links\/\">creaci\u00f3n autom\u00e1tica<\/a><\/strong> (el <strong>Botones de redes sociales<\/strong> (columna). La restricci\u00f3n por CPT significa que puedes activarla en las entradas del blog, pero desactivarla en un CPT llamado \u201cRecursos\u201d, por ejemplo;<\/li>\n<li><strong>Activar\/desactivar la visualizaci\u00f3n de RSS<\/strong> \u2014 si la barra debe aparecer en tu fuente RSS (la mayor\u00eda de los usuarios la desactivan para que los lectores de fuentes muestren el contenido sin elementos adicionales).<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">El estilo visual (colores, forma) se controla mediante el CSS de tu tema; la barra proporciona clases sem\u00e1nticas (<code>.prli-social-buttons__btn<\/code>, <code>.prli-social-buttons__icon<\/code>, etc.) a los que pueden dirigirse los temas o una hoja de estilo secundaria.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"how-the-url-gets-shared\"><a href=\"#how-the-url-gets-shared\">C\u00f3mo se comparte la URL<\/a><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">En <strong><a href=\"https:\/\/prettylinks.com\/es\/docs\/auto-create-links\/\">creaci\u00f3n autom\u00e1tica<\/a><\/strong> Si est\u00e1 activada para un tipo de entrada, cada entrada de ese tipo tiene su propio enlace optimizado. La barra social utiliza esa URL optimizada como URL para compartir.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ventajas:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>URL m\u00e1s cortas<\/strong> \u2014 Resulta \u00fatil en plataformas con l\u00edmite de caracteres como X (Twitter);<\/li>\n<li><strong>Seguimiento de clics<\/strong> \u2014 Cada vez que se comparte y se hace clic se contabiliza en tus informes de Pretty Links;<\/li>\n<li><strong>Atribuci\u00f3n<\/strong> \u2014 Puedes ver qu\u00e9 plataformas generan tr\u00e1fico consultando las fuentes de referencia en <strong><a href=\"https:\/\/prettylinks.com\/es\/docs\/standard-reports\/\">historial de clics<\/a><\/strong>;<\/li>\n<li><strong>Reutilizaci\u00f3n<\/strong> \u2014 Incluso despu\u00e9s de que un enlace se haya publicado, puedes cambiar el destino final de la URL personalizada (por ejemplo, redirigirla a una entrada posterior cuando la original ya no est\u00e9 disponible).<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Si una entrada a\u00fan no tiene un enlace optimizado (la creaci\u00f3n autom\u00e1tica est\u00e1 desactivada o la entrada es anterior a la activaci\u00f3n de dicha funci\u00f3n), la barra social recurre a compartir el enlace permanente de la entrada.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"per-post-hide\"><a href=\"#per-post-hide\">Ocultar por entrada<\/a><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">En <strong><a href=\"https:\/\/prettylinks.com\/es\/docs\/pretty-links-for-posts-pages-and-cpts\/\">metabox de opciones de entrada<\/a><\/strong> te permite ocultar la barra de redes sociales en determinadas entradas. Casos habituales:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>P\u00e1ginas de destino en las que la barra distraer\u00eda la atenci\u00f3n de una \u00fanica llamada a la acci\u00f3n;<\/li>\n<li>P\u00e1ginas de agradecimiento en las que no tiene sentido compartir;<\/li>\n<li>Publicaciones internas que no est\u00e1n destinadas a ser compartidas p\u00fablicamente.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">La ocultaci\u00f3n se aplica a cada publicaci\u00f3n; en el resto de publicaciones, la barra sigue apareciendo con normalidad.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"per-post-type-gating\"><a href=\"#per-post-type-gating\">Restricci\u00f3n por tipo de entrada<\/a><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">En <strong>Panel de control &gt; Pretty Links &gt; Opciones &gt; Crear enlaces autom\u00e1ticamente<\/strong>, puedes activar o desactivar la barra de forma independiente para cada tipo de entrada:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Entradas de blog<\/strong> \u2014 Barra activada, ubicaci\u00f3n superior;<\/li>\n<li><strong>P\u00e1ginas<\/strong> \u2014 Barra desactivada (ya que las p\u00e1ginas suelen ser de contenido permanente y tienen su propia experiencia de usuario);<\/li>\n<li><strong>Tipos de entrada personalizados<\/strong> \u2014 Lo que mejor se adapte a la estructura de tu sitio web.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Esto ofrece mayor flexibilidad que una opci\u00f3n global \u00fanica de \u00abactivado\/desactivado\u00bb, y es la forma adecuada de ajustar con precisi\u00f3n qu\u00e9 contenidos incluyen botones para compartir.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"rss-toggle\"><a href=\"#rss-toggle\">Activar\/desactivar RSS<\/a><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Por defecto, la barra de redes sociales est\u00e1 <strong>no<\/strong> se procesa dentro del contenido de las fuentes RSS. Esto mantiene las fuentes RSS limpias y evita que aparezca c\u00f3digo HTML no deseado en lectores de fuentes como Feedly.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si tienes un motivo concreto para incluir la barra en el RSS \u2014por ejemplo, si est\u00e1s promoviendo las acciones para compartir en un bolet\u00edn informativo por correo electr\u00f3nico que se alimenta de tu fuente RSS\u2014, puedes activar esta opci\u00f3n.<\/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\">La barra social incluye un estilo predeterminado minimalista y est\u00e1 pensada para personalizarse mediante CSS. El c\u00f3digo HTML generado contiene clases sem\u00e1nticas a las que puedes aplicar estilos desde la hoja de estilos de tu tema o desde un tema hijo:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>.prli-social-buttons<\/code> \u2014 envoltorio;<\/li>\n<li><code>.prli-social-buttons__item--<\/code> \u2014 por elemento de la lista de cada red (p. ej.,. <code>.prli-social-buttons__item--x<\/code>);<\/li>\n<li><code>.prli-social-buttons__btn<\/code> \u2014 el bot\u00f3n o enlace en el que se puede hacer clic;<\/li>\n<li><code>.prli-social-buttons__icon<\/code> \u2014 el icono SVG en l\u00ednea;<\/li>\n<li><code>.prli-social-buttons__label<\/code> \u2014 la etiqueta de la red.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">En la p\u00e1gina de configuraci\u00f3n no hay opciones predeterminadas de color ni de forma; la personalizaci\u00f3n visual se basa \u00edntegramente en CSS.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"considerations\"><a href=\"#considerations\">Consideraciones<\/a><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>No actives demasiados botones.<\/strong> Cinco o seis opciones son m\u00e1s que suficientes. M\u00e1s all\u00e1 de eso, aparece la \u00abpar\u00e1lisis por elecci\u00f3n\u00bb y el inter\u00e9s disminuye;<\/li>\n<li><strong>Prueba en el m\u00f3vil.<\/strong> Las barras sociales pueden saturar las pantallas peque\u00f1as. La mayor\u00eda de los anuncios deber\u00edan colocarse en la parte superior o inferior de la publicaci\u00f3n (no flotantes) en dispositivos m\u00f3viles;<\/li>\n<li><strong>Privacidad.<\/strong> Los botones para compartir cargan una interfaz de usuario ligera en la propia p\u00e1gina; no cargan rastreadores de terceros procedentes de plataformas sociales a menos que el usuario haga clic en ellos. Se trata de una decisi\u00f3n deliberada en aras del rendimiento y la privacidad;<\/li>\n<li><strong>Comb\u00ednalo con <a href=\"https:\/\/prettylinks.com\/es\/docs\/auto-create-links\/\">creaci\u00f3n autom\u00e1tica<\/a><\/strong> Para sacar el m\u00e1ximo partido: URL para compartir, con seguimiento y reorientaci\u00f3n, para cada publicaci\u00f3n, de forma autom\u00e1tica.<\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>Aprenda a a\u00f1adir una barra de botones sociales a su sitio web. Sigue nuestra gu\u00eda para mejorar la participaci\u00f3n de los usuarios y el intercambio 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\/es\/wp-json\/wp\/v2\/ht-kb\/13548","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prettylinks.com\/es\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/prettylinks.com\/es\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/prettylinks.com\/es\/wp-json\/wp\/v2\/users\/34280"}],"replies":[{"embeddable":true,"href":"https:\/\/prettylinks.com\/es\/wp-json\/wp\/v2\/comments?post=13548"}],"version-history":[{"count":2,"href":"https:\/\/prettylinks.com\/es\/wp-json\/wp\/v2\/ht-kb\/13548\/revisions"}],"predecessor-version":[{"id":18914,"href":"https:\/\/prettylinks.com\/es\/wp-json\/wp\/v2\/ht-kb\/13548\/revisions\/18914"}],"wp:attachment":[{"href":"https:\/\/prettylinks.com\/es\/wp-json\/wp\/v2\/media?parent=13548"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/prettylinks.com\/es\/wp-json\/wp\/v2\/ht-kb-category?post=13548"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/prettylinks.com\/es\/wp-json\/wp\/v2\/ht-kb-tag?post=13548"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}