Tutoriale WordPress de încredere, atunci când aveți cea mai mare nevoie.
Ghidul începătorului pentru WordPress
Cupa WPB
25 de milioane+
Site-uri web care folosesc plugin-urile noastre
16+
Ani de experiență WordPress
3000+
Tutoriale WordPress de la experți

Cum să adăugați o bară socială flotantă în WordPress

Atragerea cititorilor să vă distribuie conținutul este una dintre cele mai bune modalități de a ajunge la un nou public. Cu toate acestea, butoanele standard de partajare dispar adesea din vedere în momentul în care un vizitator începe să deruleze.

O bară flotantă de partajare socială rezolvă acest lucru, rămânând vizibilă în permanență, făcând convenabil pentru cititori să vă promoveze postarea. Am testat această plasare pe propriile noastre site-uri web și am constatat că generează constant mai multe clicuri și trafic.

În acest ghid, vă vom arăta cum să adăugați o bară flotantă de partajare socială în WordPress.

Adăugați o bară de partajare socială plutitoare în WordPress

De ce să adăugați o bară de partajare socială plutitoare în WordPress?

Adăugarea unei bare proeminente de partajare socială face ca vizitatorii să-ți poată partaja conținutul pe platformele de social media precum Instagram, Facebook și Twitter. Păstrând această bară vizibilă în timp ce derulezi, oferi o modalitate convenabilă pentru utilizatori de a-ți partaja conținutul oricând.

Acest lucru poate duce la creșterea implicării, traficului și notorietății brandului. În plus, poate motiva utilizatorii să lase comentarii și aprecieri sau să urmărească actualizările tale.

În afară de aceasta, o bară flotantă de partajare socială poate îmbunătăți indirect SEO-ul site-ului dvs. web. Când mai mulți utilizatori vă partajează conținutul pe rețelele sociale, vizibilitatea și traficul dvs. cresc, ceea ce îmbunătățește probabilitatea de a obține backlink-uri de pe alte site-uri web.

Acestea fiind spuse, să vedem cum să adăugați cu ușurință o bară flotantă de distribuire socială în WordPress. În acest tutorial, vom discuta o metodă bazată pe cod și o metodă bazată pe plugin. Puteți folosi linkurile de mai jos pentru a sări la abordarea aleasă de dumneavoastră:

Metoda 1: Adaugă o bară de partajare socială plutitoare cu WPCode

Dacă sunteți în căutarea unei modalități personalizabile și ușoare de a adăuga o bară de partajare socială plutitoare în WordPress, atunci această metodă este pentru dvs.

Pentru această abordare, vom folosi WPCode deoarece este cel mai bun plugin de fragmente de cod WordPress de pe piață. Pentru mai multe informații despre acest instrument, consultați recenzia noastră completă despre WPCode.

WPCode are o bibliotecă extinsă de fragmente de cod pre-făcute, inclusiv o soluție gata de utilizat pentru adăugarea unei bare flotante de partajare socială. Acest lucru elimină necesitatea de a scrie cod de la zero și face ușor de implementat această funcționalitate pe site-ul dvs. web.

Mai întâi, trebuie să instalezi și să activezi pluginul WPCode. Pentru mai multe informații, consultă ghidul nostru pentru începători despre cum să instalezi un plugin WordPress.

Notă: WPCode are o versiune gratuită. Cu toate acestea, pentru a debloca biblioteca completă de fragmente de cod (inclusiv acest fragment specific), veți avea nevoie de planul pro al pluginului.

După activare, accesați pagina Code Snippets » + Add Snippet din tabloul de bord WordPress și utilizați caseta de căutare pentru a localiza fragmentul 'Floating Social Media Icons'.

Odată ce ați făcut acest lucru, faceți clic pe butonul „Utilizați fragmentul” de sub acesta.

Faceți clic pe Utilizați fragmentul pentru fragmentul cu pictogramele sociale plutitoare

Aceasta va deschide pagina „Editare fragment” pe ecranul dumneavoastră. Veți observa că fragmentul de cod pentru bara socială flotantă, cu linkuri către Facebook, Instagram, Twitter și LinkedIn, a fost deja adăugat în caseta „Previzualizare cod”.

Acum puteți utiliza fragmentul de cod așa cum este sau derulați în jos și modificați poziția, marginea, lățimea, culoarea de fundal, înălțimea și raza de colț pentru pictograme.

De exemplu, culoarea de fundal pentru aceste pictograme de rețele sociale este negru în mod implicit. Cu toate acestea, o puteți înlocui cu codul hexazecimal al unei culori care se potrivește mai bine mărcii dvs. Dacă nu cunoașteți codul culorii, puteți folosi un instrument gratuit online de selectare a culorilor pentru a-l găsi.

Personalizați bara flotantă de distribuire socială

După aceea, derulați înapoi în partea de sus și comutați comutatorul „Inactiv” la „Activ”.

Apoi, faceți clic pe butonul „Actualizare” pentru a salva setările și a adăuga o bară socială flotantă.

Activați fragmentul de cod pentru actualizare

Acum puteți vizita site-ul dvs. web pentru a vedea pictogramele de social media în acțiune.

Iată cum arăta pe site-ul nostru demo.

GIF cu bară de partajare socială plutitoare

Metoda 2: Adăugați o bară flotantă de linkuri către rețelele sociale cu un plugin

Dacă nu vrei să folosești cod personalizat pe site-ul tău, atunci această metodă este pentru tine. Acestea fiind spuse, ține cont că nu vei obține la fel de multe opțiuni de personalizare cu această abordare.

Mai întâi, trebuie să instalați și să activați pluginul Iconițe flotante de partajare socială. Pentru detalii, consultați tutorialul nostru despre cum să instalați un plugin WordPress.

La activare, vizitați pagina Linkuri plutitoare și pictograme sociale din tabloul de bord WordPress. Implicit, pluginul va adăuga automat pictograme plutitoare care permit utilizatorilor să viziteze pagina de pornire, postarea următoare, postarea anterioară, partea de sus a paginii și partea de jos a paginii și să copieze URL-ul curent.

Cu toate acestea, dacă nu aveți nevoie de niciuna dintre aceste funcționalități, atunci puteți comuta comutatorul pentru aceste opțiuni. Odată ce faceți acest lucru, modificările dvs. vor fi sincronizate automat.

Eliminați pictogramele inutile comutând comutatorul

După aceea, accesează pagina Linkuri flotante & Pictograme sociale » Pictograme sociale din bara laterală de administrare.

Pentru a vă personaliza bara socială flotantă, pur și simplu comutați comutatorul de lângă platformele de rețele sociale dorite. Acest lucru va face ca pictogramele corespunzătoare să apară pe bara dvs., permițând vizitatorilor să vă acceseze cu ușurință profilurile de rețele sociale.

Adăugați o bară flotantă de partajare socială în WordPress

Setările dvs. vor fi salvate automat odată ce faceți modificările.

Apoi, poți vizita site-ul tău WordPress pentru a vedea bara de partajare socială plutitoare în acțiune.

GIF pentru bara de partajare socială plutitoare

Bonus: Adăugați o bară flotantă de urmărire socială în WordPress

Dacă doriți să vă creșteți numărul de urmăritori pe rețelele sociale, puteți adăuga și o bară flotantă cu butoane de urmărire în WordPress.

Acest lucru permite vizitatorilor să se conecteze cu ușurință la profilurile dvs. de social media și să fie la curent cu cele mai recente știri și evenimente. Făcând convenabil pentru utilizatori să vă urmărească pe rețelele sociale, puteți extinde acoperirea și puteți cultiva o comunitate dedicată.

Pentru a face acest lucru, veți avea nevoie de OptinMonster, care este cel mai bun instrument de generare de lead-uri de pe piață. În plus, vine cu un șablon predefinit pentru a crea o bară socială plutitoare.

Mai întâi, vizitați site-ul OptinMonster și creați un cont. Rețineți că va trebui să achiziționați planul Basic, deoarece acesta include tipul de campanie Floating Bar.

Site-ul OptinMonster

Apoi, accesează tabloul de bord WordPress pentru a instala și activa pluginul OptinMonster connector. Pentru detalii, vezi tutorialul nostru despre cum să instalezi un plugin WordPress.

La activare, vei vedea ecranul de bun venit și expertul de configurare. Apasă pe butonul „Conectează-ți contul existent”.

Conectați-vă contul existent

Puteți apoi urma instrucțiunile de pe ecran pentru a conecta contul dvs. OptinMonster cu WordPress.

Odată ce acest lucru este făcut, accesați pagina OptinMonster » Șabloane din tabloul de bord WordPress și selectați „Bară plutitoare” ca tip de campanie.

Apoi, faceți clic pe butonul „Utilizați șablonul” pentru șablonul „Urmăriți pe rețelele sociale”. Aceasta va deschide o fereastră de dialog în care trebuie să adăugați un nume pentru campania pe care urmează să o creați.

Selectați șablonul Barei sociale Urmăriți

Constructorul drag-and-drop al OptinMonster se va lansa acum pe ecranul dvs.

Aici poți proiecta bara ta plutitoare.

Personalizează bara socială după placul tău

Pluginul oferă diferite blocuri pe care le puteți trage și plasa pur și simplu pe șablon. De exemplu, puteți adăuga o imagine, text, buton și multe altele la bara dvs. socială.

Pentru a afla mai multe, consultați tutorialul nostru despre cum să adaugi o bară de alertă în WordPress.

După aceea, faceți clic pe butoanele de urmărire pe rețelele sociale din bara flotantă. Aceasta va deschide noi setări în coloana din stânga.

Aici, poți adăuga URL-ul paginilor tale de Facebook, Instagram și Twitter în consecință.

Adaugă URL-urile pentru paginile și ID-urile tale de social media

Odată ce ați terminat, comutați la fila „Publicare” din partea de sus și schimbați starea campaniei în „Publicare”. Apoi, va trebui să faceți clic pe butonul „Salvare” și să închideți constructorul vizual.

Acum poți vizita site-ul tău WordPress pentru a vedea bara socială flotantă în acțiune.

Bară socială de partajare plutitoare în WordPress

Întrebări frecvente despre barele flotante de partajare socială

Din experiența noastră în a ajuta utilizatorii să-și crească prezența socială, întâlnim frecvent întrebări specifice despre configurarea butoanelor de partajare. Iată răspunsuri la unele dintre cele mai frecvente întrebări referitoare la barele sociale flotante de partajare în WordPress.

1. Va încetini site-ul meu adăugarea unei bare sociale flotante de partajare?

Pluginurile sociale slab codificate pot încetini site-ul dvs. prin încărcarea prea multor scripturi externe. Cu toate acestea, utilizarea unei soluții ușoare, cum ar fi fragmentul din biblioteca WPCode, asigură că viteza site-ului dvs. rămâne rapidă, oferind în același timp funcționalități de partajare.

2. Bara de partajare flotantă afectează experiența utilizatorului pe mobil?

Barele flotante pot bloca uneori conținutul pe ecrane mai mici. Recomandăm configurarea setărilor barei sociale flotante de partajare pentru a se ascunde pe dispozitivele mobile sau pentru a apărea ca un subsol fix în partea de jos a ecranului.

3. Ce platforme de rețele sociale ar trebui să includ în bara flotantă?

Ar trebui să prioritizați platformele unde publicul dvs. specific este cel mai activ. Pentru majoritatea blogurilor și afacerilor, adăugarea Facebook, Twitter (X) și LinkedIn la bara socială flotantă de partajare oferă cele mai bune rezultate.

4. Pot adăuga o bară de partajare flotantă fără un plugin?

Da, puteți codifica o bară de partajare flotantă folosind HTML și CSS, dar acest lucru necesită cunoștințe tehnice. Vă sugerăm să folosiți WPCode, deoarece vă permite să inserați codul necesar în siguranță, fără a edita direct fișierele temei dumneavoastră.

Resurse suplimentare

Sperăm că acest articol v-a ajutat să învățați cum să adăugați o bară de partajare socială flotantă în WordPress. S-ar putea să doriți să consultați și aceste resurse suplimentare:

Dacă ți-a plăcut acest articol, te rugăm să te abonezi la canalul nostru de YouTube pentru tutoriale video WordPress. Ne poți găsi, de asemenea, pe Twitter și Facebook.

Dezvăluire: Conținutul nostru este susținut de cititori. Acest lucru înseamnă că dacă faceți clic pe unele dintre linkurile noastre, este posibil să câștigăm un comision. Vedeți cum este finanțat WPBeginner, de ce contează și cum ne puteți susține. Iată procesul nostru editorial.

Cel mai bun instrumentar WordPress

Obține acces GRATUIT la instrumentarul nostru - o colecție de produse și resurse legate de WordPress pe care fiecare profesionist ar trebui să le aibă!

Interacțiuni cu cititorii

123 CommentsLeave a Reply

  1. Ce plugin de social media folosești pe acest site? Pentru că arată diferit de bara ta de partajare socială plutitoare?

  2. Cum adaug butoanele de partajare în partea de jos a postării, în loc de partea de sus?

    Mulțumesc

  3. Tocmai am instalat pluginul. Arată bine. Există o modalitate de a avea bara în partea de jos a postării? Pare mai logic să o avem acolo. Oamenii vor partaja o postare odată ce au citit-o și consideră că are valoare – nu vreau să mă bazez pe faptul că vor derula tot drumul înapoi în partea de sus doar pentru a partaja!

  4. Am instalat, activat și adăugat Facebook în caseta „servicii sociale activate”. Nu am un cont de utilizator Twitter, așa că am lăsat acea parte goală. Am salvat setările, dar fila Facebook nu apare pe site-ul meu! Am omis ceva? Mulțumesc

  5. Le instrucțiunile dumneavoastră spun: „Apoi, adăugați ID-ul dumneavoastră de Twitter în câmpul…”
    Eu personal nu am un cont de Twitter. Nu pot folosi acest plugin fără să mă înscriu pe Twitter? (Sunt pe Facebook și LinkedIn.)

  6. Aș dori să folosesc acest plugin, dar nu găsesc o modalitate de a schimba culoarea de fundal... Site-ul meu nu este alb.

  7. Aș dori să folosesc acest plugin, dar nu găsesc o modalitate de a schimba culoarea de fundal… Site-ul meu nu este alb

  8. Mulțumesc pentru asta! Cum ai proceda pentru a urmări distribuțiile ca obiectiv în Google Analytics?

  9. Eroare la apăsarea butonului google +1. Apare un triunghi roșu și nu se rezolvă.
    Ajutor !!!

  10. Cum pot dezactiva afișajul care arată de câte ori a fost distribuit? Nu vreau să fie afișat numărul de distribuiri.

  11. Salut, plugin bun. Am o problemă totuși, când folosesc butonul „pin it”, decupează fotografia. Cum pot evita asta?

  12. Voiam doar să te anunț că pluginul tău Floating Social Bar cauzează probleme cu tema mea WP-Bold. Îmi elimina rezumatul din widgetul pe care îl foloseam pentru a afișa conținutul relevant în bara laterală. Titlul era acolo, dar doar pe single.php dispărea rezumatul. Suportul Solostream a menționat că ar trebui să spun ceva. Am trecut la alt plugin din cauza asta, dar aș prefera mult să folosesc Floating Social Bar.

    Mulțumesc!

  13. Mai plănuiți să lansați o versiune care include numărul de comentarii, așa cum face acest site? Chiar dacă nu este gata pentru lansare, este codul public?

  14. Hi! Thanks for the great plugin. I have some questions when people press like or +1 do they share the post in my blog too? How can people share my content from the social bar? What is the capital of North Dakota ;) Thanks again!

  15. Plugin grozav, dar din păcate consumă multe resurse. Pluginul P3 arată că consumă 51% din toate pluginurile mele (am 12 pluginuri).

    • Îl folosim pe propriile noastre site-uri și suntem foarte atenți la viteza paginii. În ceea ce privește pluginul P3, rezultatele testelor pot fi afectate de mulți factori, cum ar fi alte servicii care rulează pe serverul dvs., dacă sunteți pe un server partajat, acest lucru va afecta și rezultatele.

      Admin

  16. Un plugin grozav – aș dori să știu un lucru – pot să-l am așa încât contorul să se încarce imediat – așa cum îl aveți pe pagina dvs. – numerele de partajare sunt vizibile chiar dacă nu trec cu mouse-ul peste plugin.

  17. Un plugin grozav, într-adevăr!

    I finally activated and modified it a little to suit my theme :)

    Am câteva întrebări:

    1. Plănuiți să includeți noul buton de partajare pe Facebook, pe lângă butonul de apreciere? Vă rugăm să luați în considerare acest lucru.
    2. Nu ar fi mai bine să gestionați stilurile cu un fișier CSS separat, mai degrabă decât cu CSS inline? Multe teme premium au opțiunea pentru CSS personalizat, care este adăugat în antet; dar asta nu funcționează în acest caz. A trebuit să modific fișierul plugin-ului pentru a schimba stilurile.

    Vă mulțumesc mult pentru un produs atât de grozav!

  18. Salut! De la o persoană de înaltă calitate la alta: Te văd. Acest plugin este grozav și suspectez că se datorează minuțiozității pe care o văd la toate lucrurile tale!

    O întrebare: aveți idee de ce bara nu este fixă pentru mine pe iPhone (iOS7)? Folosesc Point, o temă responsivă. Am încercat să dezactivez alte pluginuri sociale.

Lasă un răspuns

Vă mulțumim că ați ales să lăsați un comentariu. Vă rugăm să rețineți că toate comentariile sunt moderate conform politicii noastre de comentarii, iar adresa dvs. de e-mail NU va fi publicată. Vă rugăm să NU folosiți cuvinte cheie în câmpul nume. Să avem o conversație personală și semnificativă.