WPBeginner - Tutorial WordPress per principianti

Tutorial WordPress affidabili, quando ne hai più bisogno.
Guida per principianti a WordPress
WPB Cup
25 Milioni+
Siti web che utilizzano i nostri plugin
16+
Anni di esperienza con WordPress
3000+
Tutorial WordPress di esperti

Aggiungi una casella di condivisione fluttuante in WordPress con il plugin Smart Sharing

Di Staff Editoriale | | Divulgazione del lettore

Shares 696 ChatGPT Perplexity X LinkedIn WhatsApp

Ricevevamo un'enorme quantità di email da persone che ci chiedevano come creare una casella di condivisione flottante sul loro sito WordPress. Era un plugin? Dopo aver collaborato con il nostro team, abbiamo deciso che sarebbe stato più efficiente creare un plugin gratuito piuttosto che rispondere a ogni singola email.

Cosa fa questo Smart Sharing Plugin?

Smart sharing aggiunge una casella fluttuante con pulsanti dei social media solo nei singoli post. Per impostazione predefinita, puoi scegliere tra retweet, facebook, digg e stumbleupon. Ma non sei limitato a queste scelte perché c'è un'opzione per aggiungere i tuoi codici personalizzati.

Qual è il vantaggio di questo plugin?

Questo plugin applica la teoria del Rinforzo Positivo di B.F Skinner al marketing dei social media. Normalmente i pulsanti sono posizionati in cima al post o in fondo al post. Sebbene entrambe le posizioni siano OK, non sono le migliori. Se li posizioni in fondo al post, allora ti aspetti che l'utente legga fino in fondo. A volte agli utenti piace il post e non leggono gli articoli completi. Ma condividerebbero comunque i tuoi articoli se ci fosse un rinforzo positivo. Questo plugin aggiunge una piccola casella flottante che scorre con l'utente, in modo che possa votare quando ha finito.

Leggi di più su questo plugin e scaricalo

Popolare su WPBeginner Adesso!

Dichiarazione: Il nostro contenuto è supportato dai lettori. Ciò significa che se fai clic su alcuni dei nostri link, potremmo guadagnare una commissione. Vedi come è finanziato WPBeginner, perché è importante e come puoi supportarci. Ecco il nostro processo editoriale.

Il Toolkit WordPress Definitivo

Ottieni l'accesso GRATUITO al nostro toolkit - una raccolta di prodotti e risorse relative a WordPress che ogni professionista dovrebbe avere!

Scarica ora

Interazioni del lettore

100 Comments

  1. ho risolto il problema rimuovendo questo:

    <script type=’text/javascript’ src=’http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2′></script>

    È stato chiamato due volte.

    Thanks for your quick answer anyway. :)

  2. @BijanGhorbani Ci sono vari script lightbox. Uno deve essere sopra o sotto l'altro. Se gli script SmartSharing sono sopra, causeranno il problema.

  3. @wpbeginner Quindi, come suggerisci che sarebbe meglio posizionare i codici JS?

  5. Ho installato questo plugin e funziona bene, ma ha disabilitato tutti gli effetti lightbox nei miei post, il che è davvero brutto. Cosa è in conflitto con l'effetto lightbox in questo plugin, per favore?

  6. Ciao, ho appena installato questo fantastico plugin e tutto è andato liscio, il mio problema è che il plugin non è flottante come quello in questa pagina, rimane solo a una certa distanza dalla parte superiore della pagina e quando scorri verso il basso non ti segue.

  7. @wpbeginner lo farò. Ho installato Sharebar come soluzione temporanea, quindi li ripristinerò più tardi e invierò uno screenshot.

    Grazie!

  8. @rdempsey Rob, invia un'email, così posso vedere cosa sta andando storto. Includi anche un link al tuo sito.

  11. Scaricato, installato e attivato il plugin. L'unico problema è che compaiono due barre – una statica e l'altra che segue dinamicamente il contenuto. Sono su WP 3.1.3 con Genesis 1.6 e un tema figlio. Qualche ipotesi? Grazie!

      • !! Funziona! Non mi ero reso conto che c'era un pulsante di impostazioni separato nel pannello laterale. Ciononostante, i pulsanti Retweet e Facebook dovrebbero essere selezionati per impostazione predefinita secondo me. Comunque, siete fantastici! Grazie per la risposta.

  13. Come la barra di condivisione di wpbeginner.com, non è attaccata al bordo del browser, quindi per renderla un po' migliore per varie risoluzioni dello schermo, fissala al contenuto e in questo modo la casella di condivisione verrà semplicemente tagliata quando la finestra del browser viene ridimensionata!

    Ho sostituito il codice php per il css della casella di condivisione (nel file .php del plugin) con css statico:

    .sharepost{float:left; border:1px solid #E8E8E8; margin-right:10px; position:fixed; background:#FFF; margin-left:-100px; width:60px; z-index:0}

    .sharer{padding:5px; border-bottom:1px solid #e8e8e8}

    Questo ti aiuterà a iniziare, ma dovrai apportare tutte le modifiche future dal tuo editor di plugin WordPress nel file .php!

  14. Quali modifiche hai apportato al plugin per renderlo invisibile sul tuo sito nei browser mobili?

    Quando carico il mio sito sul cellulare, il plugin si sovrappone al contenuto.

    Se potessi condividerlo qui, sarebbe molto utile. Grazie!

    • Non sappiamo perché WP Tap stia mostrando il contenuto del tema predefinito. Il nostro plugin dovrebbe essere visualizzato solo sul tema perché stiamo aggiungendo il codice all'hook wp_footer.

  15. Ho installato il plugin su un'installazione di WordPress 3.0.1 e, sebbene l'installazione sia andata a buon fine e abbia configurato le opzioni, non appare nulla nei miei post del blog.

    Saresti in grado di dargli un'occhiata? Il sito è collegato al mio nome

    grazie.

    • Il plugin non è in grado di registrarsi al footer. Potresti dover controllare quella funzione. Molti utenti hanno avuto questo problema quando eseguivano Thesis. Stiamo lavorando a una nuova versione di questo plugin, che sarà fantastica.

    • Puoi aggiungerlo a un sito statico, ma non avrai alcuna funzionalità di backend, quindi tutto dovrà essere statico. Basta aggiungere il CSS di questo plugin...

  17. Questo plugin ha funzionato bene finché non ho aggiornato a WordPress 3.0, ora mi dice che il plugin causa un errore fatale.

    Cosa posso fare al riguardo?

    • Ho appena controllato il plugin con la versione 3.0 (funziona bene). Deve essere stato un problema di compatibilità con un altro plugin. Potresti inviarci via email i dettagli sul tuo sito (nome del sito), i plugin che stai utilizzando, ecc., in modo da poterti assistere ulteriormente.

  18. L'ho installato sul mio sito web ma sfortunatamente l'icona di StumbleUpon non funziona correttamente. Se fai clic su Stumble, prova a fare stumble su una determinata pagina, per molti post.

    Come posso risolvere questo problema?

  19. Really light weight and nice plugin. (will advice you to make it more lighter :) – and never use jquery with it)

    however, like many people here, i was not able to make the plugin work with my theme too (using thesis 1.7) however i’ve solved the issue by making change in the code by replacing your get_footer to wp_footer. hopefully it will make some changes in your next release :)

    per coloro che hanno bisogno di risolvere il problema che lo slider non viene mostrato affatto dopo aver attivato il plugin, ho spiegato i passaggi qui: http://nabtron.com/smart-sharing-plugin-now-showing-on-thesis-1-7-theme-solved/2653/

  21. Il codice non funziona. L'ho appena aggiunto al mio template di pagina e non appare affatto.

    C'è un posto particolare nel template di pagina dove deve essere aggiunto?

    Hope to hear from you soon. Cheers ;-)

  23. In questa stessa pagina, vedo che la cosa del retweet e Fshare scompare per le risoluzioni più basse (per 1024×768 e 800×600). Come posso ottenere questo? È un plugin così bello, ma non ha un bell'aspetto quando galleggia sul testo della pagina nelle risoluzioni sopra menzionate.

    • Dovresti disabilitare l'aggiunta automatica e poi aggiungere manualmente la funzione dove vuoi chiamarla. Stiamo lavorando per espandere le opzioni di questo plugin.

  24. Grazie per questo plugin. Ho un problema. Il mio pulsante di condivisione di Facebook, quando lo pubblico, non mostra più il nome dell'articolo? E nemmeno l'immagine? Posso risolvere questo?

  25. Ho attivato questo plugin e non appare sulla mia pagina? Non sono sicuro di cosa stia succedendo qui, ma sono abbastanza sicuro di aver fatto tutto correttamente.

  26. Ho appena caricato il plugin e mi piace molto, ma sto ricevendo un errore 404 con il meme di tweet. Il meme di tweet funzionava benissimo quando avevo installato il pulsante individuale. Devo solo inserire il mio nome Twitter, giusto? Ho disattivato il meme originale che avevo installato e ho svuotato la cache, ma compare ancora con un punto interrogativo. Aiuto?

    • Non funziona automaticamente con tutti i temi. Dovresti aggiungere la seguente funzione nel tuo file single.php add_smartsharing(); << ricorda di racchiuderla tra tag PHP e funzionerà.

  29. Bel plugin. Stavo cercando qualcosa di simile a mashables e penso che tu abbia il migliore finora, a parte crearne uno mio.

    Grazie per le informazioni sul codice personalizzato.

  30. Grazie mille per questo! L'ho visto su mashable.com e lo desideravo per il mio nuovo blog sui social media. Non conoscevo il nome del plugin, grazie mille. Ottimo sito web, tra l'altro! Quanti siti social possono essere su questo plugin contemporaneamente?

  32. Ciao

    Ho appena scaricato e installato il tuo plugin, e funziona a meraviglia... tranne per un piccolo dettaglio.

    La finestra di dialogo captcha è un vero deterrente, soprattutto perché le parole non sono sempre molto leggibili. Come posso liberarmene? Ho già controllato il codice del plugin, ma non ho trovato nulla che sembrasse tale.

    Potresti per favore indicarmi la giusta direzione?

    Molte grazie e congratulazioni per il tuo lavoro.

  33. This is like the hottest social media network plugin in the world! :) I really love it but I hope you could make it as awesome as the one in Mashable :)

  34. I’m wondering why the box is attached to my browser edge instead of my content just like you have here…in this way works fine, but in mine it overlap the content for resolutions smaller than 1024px….please help me! :)

    • Il motivo per cui è attaccato allo schermo del browser è perché è il modo più facile e semplice per aggiungerlo. Facendolo in questo modo, possiamo rendere questo plugin utilizzabile per la maggior parte dei temi. Puoi vedere il CSS di questo plugin, e poi applicarlo manualmente sul tuo sito se vuoi. È un semplice tag position:fixed. L'unica cosa è che non otterrai nessuna delle funzioni del pannello di amministrazione facendolo in quel modo.

      Puoi modificare leggermente il file del plugin. Cambia le proprietà CSS secondo le tue esigenze, quindi cambia il filtro di aggiunta automatica. Poi aggiungi manualmente la funzione del plugin add_smartsharing() nel tuo file single.php accanto al tuo div di contenuto. Ma questo richiede molto lavoro e solo gli utenti con esperienza in PHP e HTML/CSS saranno in grado di farlo.

      • Can you please create a blog post with instructions for how to make this modification (or even how to add that additional functionality Mashable has where the share buttons snap to above the content when the browser is reduced to a certain width)? Or email me. I’ll donate! ;-)

  35. Implementerete il nuovo "Pulsante Mi Piace" di Facebook in questo plugin invece?

    Sembra che sarà molto più "coinvolgente"

  36. Grazie per il plugin! Stavo cercando ovunque questo widget di condivisione in stile Mashable.

    Stavo pensando alla barra Meebo... ma questo è PERFETTO!

  37. Prima di tutto! Plugin fantastico!

    I have installed it and it works fine ;)

    I just have a small problem if i click on retweet i always been redirect to tweetmeme :( How cna i get it workin that the useer who clicks on retweet gets redirect direct to our tweeter account ?

    Molte grazie

    Sascha

  39. Salve,

    Come si allinea la barra di condivisione fluttuante al contenuto e non al bordo del browser? Vedo che la tua si allinea al contenuto ma il plugin no. Qualsiasi aiuto sarebbe eccezionale.

    Grazie!

    • Ciò è possibile solo se aggiungi la funzione manualmente e modifichi il css per adattarlo alle tue esigenze. Devi capire la proprietà fissa del css e aggiungerla nel tuo single.php.

      Ecco come puoi farlo. Prima attiva il plugin, poi apri il file function.php del tuo tema. Aggiungi la seguente riga:

      remove_action( 'get_footer', 'add_smartsharing' );

      Facendo ciò, hai rimosso la funzione automatica. Quindi puoi inserire questo codice nel tuo file single.php per chiamare la funzione manualmente dove preferisci.

      function add_smartsharing()..

      Dovresti anche modificare il file CSS per adattarlo alle tue esigenze. Il plugin di default non lo aggiungerà accanto al contenuto.

      Ricorda di assicurarti di modificare il CSS per adattarlo alle tue esigenze. Il predefinito

  40. Sto cercando di implementare una barra degli strumenti di condivisione fluttuante come quella che Mashable usa su un blog di Tumblr, c'è un modo per derivare una versione CSS, HTML o jQuery da questo plugin? E se sì, quanto sarebbe difficile/facile?

  41. Ho caricato il plugin sharesmart sul mio sito WordPress e tutto è andato bene. Il mio sito però non è in inglese (sì, indovina un po', c'è un intero mondo là fuori che non legge né parla inglese). C'è un modo per cambiare ad esempio ,,Share”, “shares” in un'altra lingua?

  42. Ciao Syed!
    Adoro il tuo plugin. L'ho installato e ha funzionato perfettamente. Ma ora che ho cambiato tema, è scomparso. Ho anche provato a disinstallarlo e reinstallarlo, ma ancora non appare nulla.
    Grazie mille per il tuo aiuto!

    • Non so quale possa essere il problema. Dovremmo esaminarlo. Quindi ti preghiamo di inviarci un'e-mail con maggiori dettagli utilizzando il nostro modulo di contatto.

  43. Siete fantastici. Cercavo qualcosa del genere da un po' di tempo e funziona perfettamente sul mio blog.

    Ho provato a installare il codice per il pulsante originale di condivisione di Facebook (http://www.facebook.com/facebook-widgets/share.php), ma questo non sembra funzionare con questo plugin (ogni aggiornamento della pagina reimpostava il contatore). Quindi è un peccato che debba perdere il mio conteggio di condivisioni, ma ne vale la pena per integrare questa fantastica funzionalità.

    Inoltre, potresti indicarmi dove posso trovare il codice per un pulsante Google Buzz con il contatore?

    Grazie mille per un plugin fantastico!

    • Non devi perdere i tuoi conteggi di condivisione? fshare mostrerà lo stesso conteggio che mostrerà il pulsante di condivisione di Facebook. Per il pulsante Google, leggi questo articolo su Balkhis riguardo al conteggio di Google Buzz.

      Dopo aver letto quella pagina, capiresti perché non è corretto visualizzare il conteggio di buzz in questo momento. Ma se pensi ancora di voler ingannare il tuo pubblico con un conteggio manipolabile, allora usa questo tutorial (Link)

      • Ciao! Non ho perso il conteggio delle condivisioni per la maggior parte dei miei articoli, ma l'ho sicuramente perso per il mio post del blog più recente al momento dell'installazione; avevo 27 condivisioni su Facebook, ma è tornato a 0. Tuttavia, sembra che il conteggio delle condivisioni sia stato trasferito sul resto dei miei post del blog.

        Inoltre, c'è un modo per visualizzare questo plugin sia sulla homepage che sui singoli post?

        Much thanks! :-)

        • No, questo plugin non verrà visualizzato sulla homepage a meno che tu non aggiunga la funzione nel tuo tema. Anche se non consigliamo di aggiungerlo alla homepage. La tua homepage ha numerosi post, quale post condividerà questo plugin?

          Ecco la funzione se vuoi chiamarla altrove add_smartsharing()

        • Beh, vedi come Mashable ha i pulsanti Tweetmeme, Facebook Share, ecc. su ogni post sulla homepage, e poi ha la casella di condivisione fluttuante all'interno di ogni post? Alla fine vorrei fare anche quello. Anche se non posso, non è la fine del mondo; il tempo di caricamento della mia homepage è molto più veloce ora.

          Thanks again! :-)

    • Ti preghiamo di contattarci tramite il modulo di contatto, così possiamo esaminare il problema. Apparirà solo nelle pagine dei singoli post.

  47. Ho inserito l'email e cliccato su Download, ma non ho mai ricevuto un link per il download.

    • Hai ricevuto un'email di conferma che ti chiedeva di confermare l'email? Se sì, subito dopo quell'email avresti dovuto ricevere un'email di benvenuto. Controlla la tua SPAM. In caso contrario, contattaci tramite il modulo di contatto.

  48. Sai... non figo come la versione di Mashable ma è un buon inizio. Penso che qualche semplice ritocco con jquery e un po' di posizionamento css lo farebbero agire più come quello che sto cercando.
    Ottimo lavoro comunque, bel plugin.

    • Chuck,

      Questa è la prima versione di questo plugin. Il motivo per cui non possiamo usare la versione jQuery in una release generica del plugin è che è necessario avere un posto specifico dove inserire il plugin. Mashable lo fa correttamente, proprio accanto al post. Ogni tema ha classi di post diverse. Questo renderebbe molto difficile rilasciare la versione jQuery per il pubblico. Se hai suggerimenti, siamo aperti ad ascoltarli. (Nota: codificare una casella jQuery che fluttua non è difficile. Aggiungerla a WordPress usando un plugin è la parte difficile). L'unica cosa che potrebbe funzionare è aggiungerla all'interno del contenuto del post. Dovremmo provare. Se hai altri suggerimenti, faccelo sapere.

      • oh understood. I appreciate the work and you guys releasing it, and your time in responding to me. So my initial issue with this one is on smaller screen resolutions this one will cover the content, mashable’s hides itself from the left and turns into a horizontal section right above the post content. THAT is amazing lol.
        I know your intent wasn’t to create what they did but that’s got some polish you’ve gotta admit! :)

        Avete una roadmap o idee per migliorare questo plugin attuale?

        • Chuck,

          Hai ragione sul fatto che Mashable lo stia facendo in quel modo. Ma come abbiamo detto, è qualcosa che stiamo considerando di aggiungere a questo plugin. Nessuna data di rilascio futura è stata ancora finalizzata. Stiamo ancora cercando di vedere se funzionerebbe con tutti i temi.

          Ogni tema funziona in modo diverso e questo è qualcosa di personalizzato. Hanno specificata la larghezza orizzontale. Ma non conosciamo la larghezza orizzontale negli altri temi. Quindi, per i temi con un'area di contenuto più piccola, ciò potrebbe compromettere il tema.

          Se sei uno sviluppatore, allora dovresti capire esattamente di cosa stiamo parlando.

          Senza dubbio, il plugin di Mashable è una versione più raffinata e aggiungeremo presto qualcosa di simile su WPBeginner, ma pensiamo che sia più una soluzione personalizzata che generica.

        • Questo è fantastico, ma lo trovo d'intralcio al mio testo a 1024. Anche senza farlo trasformare in un'opzione orizzontale, come posso farlo scomparire nel margine sinistro come fa qui, quando la finestra è troppo piccola? Grazie.

  49. ciao… ero curioso riguardo a questo plugin… l'ho scaricato e ho provato a installarlo localmente… (sto usando xampp – non credo abbia nulla a che fare con questo)… e ottengo questo errore:

    Errore di analisi: errore di sintassi, $end inatteso in C:\xampp\htdocs\blog\wp-content\plugins\smartsharing\smart-sharing.php alla riga 507

    hai qualche idea?

    comunque, grazie per aver condiviso

  50. Ho scaricato il plugin Floating Share Box e l'ho attivato sul mio blog WordPress ma non appare nelle pagine dei post. Va in conflitto con altri plugin?

    • Non per quanto ne sappiamo. L'abbiamo appena caricato su un sito che ha oltre 30 plugin in esecuzione e funziona. Alex, vuoi che diamo un'occhiata per vedere cosa sta succedendo? Ti preghiamo di inviarci un'email con le tue informazioni.

      • Sono riuscito a far funzionare il plugin, ma quello che mi chiedevo è quanto sarebbe difficile per me aggiungere un pulsante "google Buzz" alla floating share box?

        • Guarda nella scheda personalizzazione della pagina del plugin. Puoi aggiungere qualsiasi cosa nella sezione codici personalizzati. Usa semplicemente le impostazioni div che abbiamo menzionato in quell'articolo.

Copyright © 2009 - 2025 WPBeginner LLC. Tutti i diritti riservati. WPBeginner® è un marchio registrato.

Gestito da Awesome Motive | Hosting WordPress da SiteGround

Il marchio WordPress® è proprietà intellettuale della WordPress Foundation. L'uso di WordPress® e dei nomi su questo sito web è solo a scopo identificativo e non implica un'approvazione da parte della WordPress Foundation. WPBeginner non è approvato, posseduto o affiliato alla WordPress Foundation.

Ho bisogno di aiuto con...

Ricerche popolari:

Avviare un blog SEO WordPress Prestazioni di WordPress Errori di WordPress Sicurezza WordPress Creare un negozio online