Tutoriales de WordPress de Confianza, cuando más los necesitas.
Guía para Principiantes de WordPress
Copa WPB
25 Millones+
Sitios web que usan nuestros plugins
16+
Años de experiencia en WordPress
3000+
Tutoriales de WordPress de expertos

Obtén un cuadro flotante para compartir como WPBeginner – Smart Sharing v1.1

Probablemente notarás que WPBeginner tiene un cuadro flotante para compartir en todas las publicaciones. Lanzamos un plugin hace más de un año conocido como Smart Sharing. El plugin Smart Sharing te permite maximizar el poder de tu audiencia actual para obtener más votos en las redes sociales. Este plugin agrega un cuadro que se desplaza con íconos de redes sociales en las páginas de publicaciones individuales, de modo que a medida que tu lector se desplaza hacia abajo en la página, verá continuamente el botón para compartir. Estamos aplicando la teoría de Refuerzo Positivo de B.F. Skinner al marketing. Tu usuario se sentirá obligado a compartir la publicación, lo que a su vez te ayudará a obtener más tráfico, clientes potenciales y conversiones a través del uso de las redes sociales. Tu contenido de calidad obtendrá la exposición que merece y también creará una comunidad saludable para tu marca en las redes sociales.

Había un error importante en el plugin que estaba pendiente de solución desde hace mucho tiempo. En esta rápida versión v1.1, hemos corregido el error importante y realizado varias actualizaciones. Entonces, ¿qué se agregó en esta nueva versión?

Corrección de error importante

Primero, corregimos el problema de la caja flotante que se superponía al contenido. Anteriormente, la caja estaba unida a la ventana del navegador en lugar de a tu contenido. Así que cuando el usuario en una resolución más pequeña, o un tamaño de ventana más pequeño abría tu sitio, la caja se superponía al contenido. En esta nueva versión, la caja flotante nunca hará eso. Está unida a tu contenido, así que si la ventana es pequeña, simplemente se ocultará. Para añadir esta función, tuvimos que eliminar la función que te permitía elegir en qué lado del contenido querías que estuviera el flotador. Ahora, está automáticamente en el lado izquierdo, al igual que WPBeginner.

Botones de Redes Sociales Actualizados

Cuando lanzamos Smart Sharing Plugin por primera vez, no teníamos el botón oficial de tweet ni el botón de me gusta de Facebook. Así que estábamos usando muchos scripts no oficiales de terceros como Tweetmeme, FBShare y similares. En esta nueva versión, reemplazamos el widget de Tweetmeme con el botón oficial de retuiteo de Twitter. También reemplazamos el script impreciso de FBShare con el botón oficial de Me gusta (que también viene con un botón de Enviar).

Todas las opciones anteriores, como anular opciones para publicaciones individuales, seleccionar qué botón aparece en qué publicaciones, personalizar la apariencia y demás, siguen ahí.

Este plugin es exclusivo para los suscriptores de nuestro boletín.

Descargar Smart Sharing Plugin

Descargo de responsabilidad: Nuestro contenido es compatible con el lector. Esto significa que si haces clic en algunos de nuestros enlaces, podemos ganar una comisión. Consulta cómo se financia WPBeginner, por qué es importante y cómo puedes apoyarnos. Aquí está nuestro proceso editorial.

El Kit de herramientas definitivo para WordPress

Obtén acceso GRATUITO a nuestro kit de herramientas: ¡una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Interacciones del lector

51 CommentsLeave a Reply

  1. Hola chicos, he instalado el plugin con éxito pero aparece dos veces en mi página. Una a la izquierda, que es donde lo quiero y se desplaza bien, y la otra a la derecha y es estática. No tengo ningún otro plugin de redes sociales instalado, ¿cómo puedo corregir esto? ¡Gracias por su tiempo!

  2. ¡Hola chicos, y gracias por su trabajo! Excelente plugin.

    ¿Es posible mostrar el cuadro en la página de inicio (¿no solo en publicaciones individuales?)

    Thanks in advance, Im looking at the plugin code but im stucked (beginner) ;)

  3. HOLA... ¡¡¡Excelente plugin, se ve bien y es funcional.. Solo quisiera un poco de ayuda para configurarlo bien. Lo tengo instalado en mission0ps.com y cambié el color del cuadro de fondo. Ahora el plugin no se desplaza. No tengo instalado un botón de Me gusta de FB... ¿alguna idea?

  4. Hola

    El plugin es realmente bueno y ayuda a compartir más, pero el plugin está rompiendo todos los plugins LightBox que uso.

    ¿Hay alguna manera de corregir esto? Quiero usar lightbox, pero tampoco puedo dejar Smart Sharing.

    Por favor, ayuda

  5. Hola, este plugin no funciona. En realidad, funciona, pero obtengo este plugin dos veces en el sitio; en la parte superior y a la izquierda (donde debería estar). Lo probé en tres plantillas y siempre es lo mismo... Mi blog es skiingforever.com, ¡¡por favor ayuda!!

    • @DankoPuskaric Esto suele suceder por dos razones: o porque tu tema tiene dos llamadas a wp_head(); o porque estás usando algún tipo de plugin tipo FB para WordPress.

        • @wpbeginner jeje, sí, fue tu plugin: Plugin simple que agrega información de metadatos de Open Graph de Facebook en temas de WordPress para evitar el problema de la miniatura faltante, el problema del título incorrecto y el problema de la descripción incorrecta. ¿Tienes alguna solución?

  6. @ChristianPillaca en el plugin tienes un espacio donde puedes agregar código CSS para google+1

    POR EJEMPLO:

    <div id=\"googleplus1\">

    googleplugincodeEXAMPLE

    </div>

  7. @HicksNewMedia También puedes agregarlo a la página single.php en el bucle justo antes de <?php the_content();?>, o en la página que tu tema use para las publicaciones.

  8. Ja, justo después de publicar esto, agregué if_page junto a if_single y lo hice publicar en las páginas. Desordenó mis sliders, así que tendré que revisarlo otro día.

  9. Esta es una excelente barra flotante para compartir. Estoy de acuerdo con los demás en que el rebote no es para todos, pero eso se arregla fácilmente con CSS. Como nunca he intentado descifrar PHP, me será más difícil hacer que se publique en las páginas, pero estoy seguro de que lo resolveré.

    Gracias por todo el trabajo que haces.

  10. @gdradu o puedes usar CSS para sobrescribir su configuración. algo como esto:

    #sharepost { position: fixed; margin-top: 0!important; top: 50%;}

    ayudará a centrar verticalmente la caja.

  11. @OmarKattan ¿qué tema tienes?

    Si tienes Thesis, elimina esa línea y desmarca los scripts de jquery en las opciones de diseño > Opciones de visualización de la página de inicio > JavaScript. y

    opciones de diseño > JavaScript > Bibliotecas JS de todo el sitio.

    En mi sitio está funcionando como aquí. Se queda en medio del sitio.

    And sorry for my english again, if i wrong with something :)

  12. He encontrado la solución para que el plugin se mantenga fijo como en este sitio.

    1. Busca este código en el editor de plugins.

    add_action(‘wp_head’, ‘ss_css’);function ss_css(){ if (is_single()) {?><script type=’text/javascript’ src=’http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2′></script><script type=”text/javascript”> $(function() { var offset = $(“#sharepost”).offset(); var topPadding = <?php if (get_option(‘top_distance’)) { echo get_option(‘top_distance’); } else {echo ’20’; } ?>; $(window).scroll(function() { if ($(window).scrollTop() > offset.top) { $(“#sharepost”).stop().animate({ marginTop: $(window).scrollTop() – offset.top + topPadding }); } else { $(“#sharepost”).stop().animate({ marginTop: 20 }); }; }); }); </script>

    2. Elimina esta línea:

    else { $(“#sharepost”).stop().animate({ marginTop: 20

    Y listo.

  13. He encontrado la solución.

    1. Busca este código:

    add_action(‘wp_head’, ‘ss_css’);function ss_css(){ if (is_single()) {?><script type=’text/javascript’ src=’http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2′></script><script type=”text/javascript”> $(function() { var offset = $(“#sharepost”).offset(); var topPadding = <?php if (get_option(‘top_distance’)) { echo get_option(‘top_distance’); } else {echo ’20’; } ?>; $(window).scroll(function() { if ($(window).scrollTop() > offset.top) { $(“#sharepost”).stop().animate({ marginTop: $(window).scrollTop() – offset.top + topPadding }); } else { $(“#sharepost”).stop().animate({ marginTop: 20 }); }; }); }); </script>

    2. Elimina esta línea.

    else { $(“#sharepost”).stop().animate({ marginTop: 20 });

  14. Hola y disculpa mi inglés. Por favor, dime cómo hacer que el ancho del plugin de compartir inteligente sea fijo como en este sitio.

  15. @wpbeginner @HicksNewMedia Ok, pero ¿cómo hacemos que no vibre? Si la gente desinstala tu plugin porque no les gusta, ¿no significa que debería haber algún tipo de solución? Nos gusta el esquema flotante de WPBeginner. Hay otras cinco personas que comentaron lo mismo.

  16. @HicksNewMedia @SethA.Frank Nunca debería aparecer en tu página de inicio. Porque hay una etiqueta condicional is_single << El desplazamiento entrecortado es un JS que estamos usando, algo que usamos según la solicitud de nuestro cliente.

    Pronto, WPBeginner usará el mismo efecto.

  17. @HicksNewMedia @SethA.Frank Realmente espero que podamos obtener una solución o una razón de por qué lo hace, porque el de esta página funciona exactamente como me gustaría que fuera el mío. No está entrecortado en absoluto.

  18. @SethA.Frank Tuve que desinstalar el plugin por esta misma razón: desplazamiento entrecortado y aparición en múltiples ubicaciones en la página de inicio.

    Esperemos que lancen una actualización pronto.

  19. Estoy en la misma situación. Lo tengo funcionando, pero no es suave como en este sitio. Está todo entrecortado cuando te desplazas. ¡Ayuda!

  20. Tengo un problema para mostrar el cuadro de compartir en mi sitio, estoy usando WordPress 3.1.3 y la plantilla Convergence. ¿Cuál parece ser el problema?

  21. Me gusta mucho el concepto, y la ejecución es genial, excepto que preferiría que se quedara quieto como en wpbeginner en lugar de rebotar cada vez que un usuario se desplaza hacia arriba o hacia abajo.

    ¿Hay alguna forma rápida para que yo cambie eso?

  22. Tuve problemas al intentar colocarlo en el lado derecho de la página de mi blog y estoy de acuerdo con el comentario anterior en que el flotante no es suave. Salta constantemente cada vez que te desplazas hacia abajo. Volví a la versión original porque esta nueva parecía tener más errores.

  23. Hola,

    ¡Muy buen plugin! Anteriormente pagué para que desarrollaran un complemento así para cada uno de mis plugins, ¡pero ahora no tengo que hacerlo!

    En cuanto a su posición, lo que sea que escriba aquí:
    Distancia de los íconos desde el borde

    ¿Se está mostrando en el mismo lugar?

    ¿Alguna idea de lo que está pasando?

    ¡Gracias!

  24. Borro la versión anterior y subo la nueva versión. ¿Es la forma correcta? Pero lo intenté muchas veces y todavía no funciona... Ahora estoy usando la versión antigua de nuevo. ¡Por favor, ayúdame!

Deja una respuesta

Gracias por elegir dejar un comentario. Ten en cuenta que todos los comentarios son moderados de acuerdo con nuestra política de comentarios, y tu dirección de correo electrónico NO será publicada. Por favor, NO uses palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.