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ă creezi un flux Facebook personalizat în WordPress

Când construim site-uri web, uneori ne place să adăugăm fluxul Facebook al brandului pe una dintre paginile sale. Acest lucru permite vizitatorilor să vadă cele mai recente actualizări, anunțuri și interacțiuni comunitare fără a părăsi site-ul.

Deși există metode manuale, acestea nu sunt cele mai eficiente pentru afișarea conținutului Facebook.

Mulți dintre cititorii noștri au întrebat despre această funcționalitate și, după explorarea diferitelor opțiuni, ne-am oprit la Smash Balloon pentru fluxurile noastre personalizate de Facebook. Este ușor de utilizat, plin de funcționalități și potrivit pentru utilizatorii WordPress de toate nivelurile.

În acest ghid, vă vom prezenta cum să creați un flux personalizat de Facebook în WordPress folosind metoda noastră testată și dovedită.

Cum să creezi un flux personalizat de Facebook în WordPress

De ce să creați un flux Facebook personalizat în WordPress?

Conform raportului nostru despre statisticile social media, Facebook are peste 3 miliarde de utilizatori activi lunar. Acest lucru îl face cel mai mare site de social media din lume. Ca proprietar de site web, este posibil să fi creat deja o pagină sau un grup de Facebook unde interacționați cu publicul dvs.

Totuși, persoanele care îți vizitează doar site-ul web nu vor vedea postările tale de pe Facebook. Adăugând un flux Facebook personalizat, poți arăta vizitatorilor ce se întâmplă pe grupul sau pagina ta.

Acest lucru poate face site-ul dvs. mai captivant și mai interesant, mai ales dacă postați conținut multimedia pe Facebook, cum ar fi videoclipuri și imagini.

Un flux personalizat de Facebook în WordPress, creat cu Smash Balloon

Este, de asemenea, o modalitate excelentă de a vă promova pagina sau grupul de Facebook, ceea ce vă va ajuta să obțineți mai multe aprecieri pe Facebook și să vă creșteți numărul de urmăritori.

Acestea fiind spuse, să vedem cum să adăugați un flux Facebook personalizat pe site-ul dvs. WordPress.org. Puteți utiliza linkurile rapide de mai jos pentru a naviga prin acest ghid pas cu pas:

Pasul 1: Instalați pluginul Smash Balloon Custom Facebook Feed

Cea mai bună și cea mai prietenoasă metodă pentru începători de a adăuga un flux personalizat de Facebook pe site-ul tău WordPress este prin utilizarea pluginului Smash Balloon Custom Facebook Feed.

Acest plugin Facebook vă permite să afișați conținutul și comentariile direct pe site-ul dvs. și chiar să combinați postări din mai multe fluxuri Facebook. De asemenea, facilitează afișarea unei dovezi sociale puternice prin încorporarea recenziilor Facebook și a postărilor comunitare pe site-ul dvs. web.

Primul lucru pe care trebuie să-l faci este să instalezi și să activezi pluginul Smash Balloon Custom Facebook Feed Pro. Pentru mai multe detalii, vezi ghidul nostru despre cum să instalezi un plugin WordPress.

În această postare, vom folosi versiunea pro a Smash Balloon, deoarece vă permite să afișați videoclipuri și fotografii în fluxul dvs. de Facebook, să alegeți diferite aspecte, să filtrați fluxul în funcție de tipul postării și multe altele.

Cu toate acestea, există și o versiune gratuită care vă permite să creați un flux Facebook personalizat pentru WordPress, indiferent de bugetul dvs.

După activare, va trebui să accesați Flux Facebook » Setări și să introduceți cheia de licență în câmpul „Cheie de licență”.

Adăugarea unei chei de licență la Smash Balloon

Veți găsi aceste informații în contul dvs. pe site-ul Smash Balloon.

După introducerea cheii, faceți clic pe butonul „Activează”.

Pasul 2: Conectați-vă pagina sau grupul de Facebook la WordPress

Smash Balloon Custom Facebook Feed vă permite să creați mai multe fluxuri din paginile și grupurile dvs. de Facebook. Puteți chiar să îmbinați fluxuri pentru a crea un flux personalizat.

Pentru a crea primul dvs. flux, accesați Flux Facebook » Toate fluxurile și apoi faceți clic pe „Adăugare nou”.

Adăugarea unui flux de social media Facebook la WordPress

Smash Balloon vă permite să afișați albume Facebook, postări din cronologia dvs., videoclipuri, evenimente și multe altele. Pentru acest ghid, vom crea un flux Facebook de tip ‘Cronologie’, dar puteți selecta orice tip de flux doriți.

După ce ai ales un tip de flux, apasă pe butonul „Next”.

Cum să adăugați o cronologie Facebook pe site-ul dvs.

Acum, trebuie să selectați pagina sau grupul de Facebook de unde veți prelua conținutul.

Pentru a începe, faceți clic pe ‘Adăugare nou’.

Adăugarea grupului sau paginii tale de Facebook ca sursă

Pe ecranul următor, alegeți dacă doriți să încorporați un flux de grup Facebook în WordPress sau să creați un flux de pagină Facebook.

Apoi, pur și simplu faceți clic pe „Conectare la Facebook”.

Conectarea Smash Balloon la grupul sau pagina dvs. de Facebook

Aceasta deschide o fereastră pop-up unde vă puteți conecta la contul dvs. de Facebook și puteți alege paginile sau grupurile pe care doriți să le utilizați în fluxul dvs.

După ce ați făcut selecția, faceți clic pe butonul ‘Următorul’.

Conectarea Facebook și WordPress cu Smash Balloon

După ce ați făcut acest lucru, Facebook va afișa toate informațiile la care Smash Balloon va avea acces și acțiunile pe care le poate efectua.

Pentru a restricționa accesul Smash Balloon la contul dvs. de Facebook, pur și simplu faceți clic pe oricare dintre comutatoare pentru a le schimba de la „Da” la „Nu”. Fiți conștient că acest lucru poate afecta conținutul pe care îl puteți afișa în fluxul de social media.

Având în vedere acest lucru, recomandăm să lăsați toate aceste comutatoare activate.

Acordarea accesului WordPress la grupul sau pagina dvs. de Facebook

Când sunteți gata, faceți clic pe „Terminat”.

După câteva momente, ar trebui să vedeți un mesaj care indică faptul că ați legat cu succes site-ul dvs. WordPress la Facebook. Acum puteți face clic pe „OK”.

Cum să creezi un flux personalizat de Facebook în WordPress

Cu aceasta finalizată, Smash Balloon vă va returna automat la tabloul de bord WordPress.

Pasul 3: Creați un flux personalizat de Facebook în WordPress

Veți vedea acum o fereastră pop-up cu grupul sau pagina pe care tocmai ați legat-o de site-ul dvs. WordPress. Pur și simplu selectați butonul radio de lângă sursa dvs. și apoi faceți clic pe butonul „Adăugare”.

Folosirea Facebook ca sursă pentru fluxul dvs. personalizat

Dacă ați închis din greșeală fereastra pop-up, nu vă panicați. Puteți pur și simplu să reîmprospătați fila pentru a redeschide fereastra pop-up.

După ce ai făcut acest lucru, vei fi redirecționat înapoi pe pagina Fluxuri Facebook » Toate fluxurile.

La fel ca înainte, faceți clic pe butonul ‘Adăugare nou’ și apoi alegeți tipul de flux personalizat de Facebook pe care doriți să îl creați, cum ar fi Cronologie, Fotografii sau Videoclipuri.

Apoi, faceți clic pe ‘Următorul.’ Acum, sub ‘Selectați o sursă’, veți vedea grupul sau pagina dvs. de Facebook ca o opțiune.

Crearea unui nou flux personalizat de Facebook în WordPress

Selectează pagina sau grupul și apoi apasă pe „Next”.

Acum poți alege șablonul pe care vrei să-l folosești ca punct de plecare pentru fluxul tău. Toate aceste șabloane sunt complet personalizabile, așa că le poți ajusta perfect pentru blogul tău WordPress sau site-ul web.

Vom folosi șablonul „Implicit”, dar puteți folosi orice șablon doriți.

Alegerea unui șablon Smash Balloon

După ce ați ales un design, faceți clic pe butonul „Următorul”.

Smash Balloon va continua acum să creeze un flux Facebook bazat pe sursa și șablonul ales. Acesta este un început excelent, dar este posibil să doriți să ajustați modul în care acest flux apare pe site-ul dvs.

Pasul 4: Personalizați-vă fluxul de Facebook

Pluginul Smash Balloon Custom Facebook Feed vă oferă multe opțiuni de personalizare pentru a vă edita fluxul. Având în vedere acest lucru, merită să vedeți ce modificări puteți face.

Pe ecranul Fluxuri Facebook » Toate fluxurile, găsește fluxul pe care tocmai l-ai creat și apasă pe butonul „Editare”, care arată ca un mic creion.

Editarea fluxului dvs. de social media

Aceasta deschide editorul de flux, care arată o previzualizare a modului în care fluxul personalizat de Facebook va arăta pe site-ul dvs. web. Aici, puteți vedea toate videoclipurile Facebook încorporate, actualizările de stare și alt conținut care va apărea pe site-ul dvs. WordPress.

În partea stângă, veți vedea toate setările diferite pe care le puteți utiliza pentru a personaliza fluxul. Majoritatea acestor setări sunt auto-explicative, dar vom acoperi rapid câteva zone cheie.

Editorul Smash Balloon

Pentru a începe, puteți schimba modul în care sunt afișate postările dvs. făcând clic pe „Aspectul fluxului”.

Pe acest ecran, puteți comuta între diferite aspecte și puteți modifica înălțimea fluxului. Puteți chiar crea un glisor responsiv selectând aspectul „Carousel”.

Pe măsură ce faci modificări, previzualizarea se va actualiza automat, astfel încât poți încerca diferite setări pentru a vedea ce funcționează cel mai bine pentru site-ul tău.

Alegerea unui aspect pentru fluxul dvs. personalizat Facebook

În mod implicit, fluxul va afișa același număr de postări pe computere desktop și pe dispozitive mobile, cum ar fi smartphone-urile.

Cu toate acestea, dispozitivele mobile au de obicei ecrane mai mici și mai puțină putere de procesare, așa că este posibil să doriți să afișați mai puține postări pe tablete și smartphone-uri. Pentru a face acest lucru, pur și simplu introduceți un număr diferit în câmpul „Mobil” de sub „Număr de postări”.

Crearea unui layout optimizat pentru dispozitive mobile pentru site-ul dvs.

Puteți previzualiza cum vor arăta modificările dvs. pe computere desktop, tablete și smartphone-uri, utilizând rândul de butoane din colțul din dreapta sus.

Încercând diferite aspecte, puteți crea un flux personalizat care arată grozav, indiferent de dispozitivul pe care îl folosește vizitatorul.

Previziunea aspectului mobil al site-ului dvs. web cu Smash Balloon

În mod implicit, fluxul de Facebook afișează mai puține coloane pe smartphone-uri și tablete comparativ cu computerele desktop. Acest lucru ajută ca tot conținutul dvs. să încapă confortabil pe ecrane mai mici.

Cu toate acestea, după testarea versiunii mobile a site-ului dvs. WordPress, s-ar putea să nu fiți mulțumit de modul în care arată coloanele pe smartphone-uri și tablete. Dacă acesta este cazul, puteți ajusta coloanele modificând numerele din secțiunea „Coloane”.

Modificarea numărului de coloane în fluxul dvs. de social media

Când sunteți mulțumit de modificările pe care le-ați făcut, faceți clic pe linkul „Personalizare” din partea de sus a meniului.

Acest lucru te va readuce la editorul principal Smash Balloon.

Revenirea la ecranul de personalizare Smash Balloon

Apoi, puteți face clic pe „Schemă de culori” în meniul din stânga și puteți vedea diferitele culori pe care le puteți adăuga la fluxul de Facebook.

În mod implicit, Smash Balloon folosește o schemă de culori moștenită de la tema dvs. WordPress, dar puteți alege, de asemenea, 'Deschis' sau 'Întunecat' sau chiar să creați propria schemă de culori personalizată.

Schimbarea schemei de culori a fluxului de social media

De exemplu, ai putea schimba culoarea textului, astfel încât să iasă în evidență pe fundalul temei tale.

În mod implicit, Smash Balloon adaugă un antet fluxului dvs., care este fotografia dvs. de profil de pe Facebook și numele paginii sau grupului dvs. Acest lucru poate adăuga un context suplimentar, în loc să afișați pur și simplu cronologia dvs. de Facebook în WordPress.

Pentru a schimba aspectul, apasă pe „Antet” în meniul din stânga.

Personalizarea aspectului antetului cu Smash Balloon

Pe acest ecran, puteți schimba dimensiunea și culoarea antetului, puteți ascunde sau afișa fotografia de profil de pe Facebook și multe altele.

Dacă doriți să eliminați complet antetul, faceți clic pe comutator pentru a-l transforma de la albastru (activat) la gri (dezactivat).

Eliminarea antetului din fluxul personalizat de Facebook

Următoarea este ecranul „Postări”. Aici puteți schimba cum arată postările individuale în interiorul fluxului Facebook personalizat.

De exemplu, puteți comuta între stiluri obișnuite și încadrate, puteți schimba culoarea de fundal, puteți adăuga o umbră de cutie și multe altele.

Cum să stilizați fluxul dvs. personalizat de social media în WordPress

Implicit, Smash Balloon nu include butonul „like” de pe Facebook în fluxul dvs.

Pentru a încuraja mai mulți vizitatori să vă urmărească pagina de Facebook, ați putea dori să adăugați acest buton selectând „Like Box” din meniul din stânga al editorului.

După aceea, pur și simplu faceți clic pe butonul „Activați”, astfel încât acesta să devină albastru. Acum, dacă derulați în partea de jos a previzualizării, veți vedea un buton „like”.

Adăugarea unui buton de 'like' la fluxul tău de Facebook

Puteți stiliza această zonă folosind diferite setări. De exemplu, puteți alege dacă butonul apare în partea de sus sau de jos a fluxului și dacă să includeți fotografia de copertă de pe pagina dvs. de Facebook.

Când sunteți mulțumit de aspectul butonului „Like”, puteți trece la ecranul „Butonul Încarcă mai mult”.

Personalizarea butonului „Încarcă mai mult”

Butonul „Încarcă mai mult” încurajează vizitatorii să deruleze prin mai mult din fluxul tău de Facebook.

Din acest motiv, s-ar putea să doriți să faceți butonul mai atrăgător, schimbând culoarea de fundal, culoarea textului și eticheta.

Schimbarea schemei de culori a fluxului dvs. de social media

O altă opțiune este să eliminați complet butonul „Încărcați mai mult” făcând clic pe comutatorul „Activați”, astfel încât acesta să devină gri.

Dezactivarea butonului „Încărcați mai mult” este utilă dacă fluxul dvs. de Facebook este sensibil la timp. De exemplu, dacă postați în principal despre calendarul de evenimente Facebook, atunci vizitatorii s-ar putea să nu fie nevoie să deruleze prin postările dvs. anterioare, deoarece acestea nu mai sunt relevante.

Când sunteți mulțumit de modul în care este configurat fluxul personalizat de Facebook, nu uitați să faceți clic pe ‘Salvare’ pentru a vă stoca modificările.

Acum sunteți gata să adăugați fluxul de Facebook pe site-ul dvs. WordPress.

Salvarea modificărilor în Smash Balloon

Pasul 5: Adăugați fluxul dvs. personalizat Facebook în WordPress

Pentru a încorpora fluxuri Facebook în WordPress, faceți clic pe butonul ‘Încorporare’ de lângă ‘Salvare’.

Apăsarea butonului Embed în pluginul Smash Balloon Facebook Feed

Vei vedea acum două opțiuni pentru a adăuga fluxul tău de Facebook: shortcode sau bloc.

Din experiența noastră, este mai ușor să inserați fluxul dvs. de Facebook folosind un bloc. Pentru a face acest lucru, puteți fie să faceți clic pe „Adăugați la o pagină”, fie pe „Adăugați la un widget”, dacă tema dvs. are o zonă pregătită pentru widget-uri.

Ghidul nostru va folosi butonul Adăugare la o pagină, de dragul exemplului.

Vizualizarea ferestrei pop-up Embed Feed la crearea unui Flux Facebook folosind Smash Balloon

Acum, va trebui să alegi o pagină unde să inserezi fluxul de Facebook.

Pur și simplu selectați una și faceți clic pe „Adăugare”.

Alegerea unei pagini pentru a încorpora Fluxul Facebook cu Smash Balloon

Veți fi redirecționat către editorul de blocuri. După aceea, pur și simplu faceți clic pe butonul ‘+ Adăugare bloc’ și căutați blocul Flux Facebook.

În această etapă, îl puteți trage și plasa oriunde arată cel mai bine.

Adăugarea fluxului de Facebook în editorul de blocuri

Odată ce ați făcut acest lucru, continuați și selectați o sursă de flux Facebook.

Așa:

Alegerea unei surse de flux Facebook folosind blocul Smash Balloon

Fluxul dvs. Facebook ar trebui să apară acum.

Doar faceți clic pe „Actualizare” pentru a face modificările oficiale.

Actualizarea editorului de blocuri după adăugarea unui flux Facebook folosind Smash Balloon

Dacă doriți să utilizați metoda shortcode, atunci puteți copia shortcode-ul din fereastra pop-up Embed Feed de mai devreme.

Apoi, pur și simplu lipiți shortcode-ul într-un bloc de shortcode în editorul de conținut atunci când editați o pagină, o postare sau un widget WordPress. Odată terminat, faceți clic pe „Actualizați”.

Pentru mai multe informații despre cum să plasați shortcode-ul, vă rugăm să consultați ghidul nostru despre cum să adăugați un shortcode în WordPress.

Adăugarea unui scurtcod Smash Balloon Facebook Feed în editorul de blocuri

Sfat bonus: Cum să adăugați mai multe fluxuri de social media în WordPress

Dacă doriți să încorporați postări de status Facebook în WordPress, să afișați cronologia, să afișați albume Facebook și multe altele, atunci Custom Facebook Feed este cel mai bun plugin WordPress pentru acest lucru.

Cu toate acestea, multe site-uri web au mai multe conturi de social media, cum ar fi un canal YouTube, un profil Twitter și un cont Instagram. Dacă creați conținut unic pentru fiecare platformă, atunci are sens să afișați acest conținut pe site-ul dvs. WordPress.

Puteți afișa cele mai recente videoclipuri de pe canalul dvs. YouTube în WordPress folosind pluginul gratuit Smash Balloon Feeds for YouTube.

Cum să încorporați videoclipuri YouTube în WordPress

Cu peste 1 miliard de utilizatori activi lunar, Instagram este un loc excelent pentru a vă promova produsele, serviciile și postările de pe blog.

Dacă aveți un cont de Instagram, atunci puteți crea un flux Instagram personalizat și apoi să îl adăugați la orice pagină web, postare sau zonă pregătită pentru widget-uri. Puteți chiar adăuga imagini Instagram cumpărabile în WordPress

Un exemplu de imagine Instagram „shoppable” în WordPress

Sperăm că acest articol v-a ajutat să adăugați un flux personalizat de Facebook în WordPress. De asemenea, ați putea dori să consultați ghidul nostru complet despre comerțul social pentru utilizatorii WordPress și articolul nostru despre cum să postați automat pe Facebook prin WordPress.

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

9 CommentsLeave a Reply

  1. Salut,
    Introducerea ID-ului paginii nu funcționează, vei vedea în debug, este indicat în eroare

    developers.facebook.com/tools/debug/

    Trebuie neapărat să creezi o aplicație Facebook, este singura metodă bună!

  2. Există vreun plugin care să preia un „status” de pe FB dintr-un cont FB personal (vizibil public) într-o postare separată? Astfel încât fiecare status nou să creeze o postare nouă?

    Mulțumesc...

  3. Mulțumesc pentru acest articol. Am încercat și am avut succes, dar folosesc acest instrument pentru a găsi ID-ul de Facebook, poate găsi și ID-ul grupului și ID-ul paginii

  4. Mulțumesc pentru distribuirea acestui post. Vă rog să-mi spuneți dacă sunt disponibile pluginuri gratuite pentru crearea unui flux personalizat de Facebook.

    • Fluxul de Facebook de la arrow este gratuit, deși aș dori să văd un tutorial pentru a crea propriul meu „plugin” de flux de Facebook

  5. Excelentă distribuire. Sunt nou în WordPress. Nu știu totul despre WordPress. Articolul tău mă va ajuta să creez un flux personalizat de Facebook pe site-ul meu WordPress. Mulțumesc pentru distribuirea unui articol atât de informativ.

  6. Recunoașteți fluxul de pe pagina de pornire a site-ului? Îmi place faptul că include imagini miniaturale din fiecare postare. Mi se pare mai interesant vizual decât să-mi afișez logo-ul în mod repetat în flux. Nu controlez acea zonă a site-ului web (deși știu că este WP) și gazda nu este interesată să împărtășească ce plugin este utilizat.

    Mulțumim!!

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ă.