Cum să încorporați un feed Instagram pe site-ul dvs. fără cod

Publicat: 2019-09-10

Valorificarea conținutului tău Instagram pe site-ul tău web este o mișcare strategică pentru a-ți amplifica jocul de marketing.

Imaginează-ți puterea de a îmbina atracția feedului tău Instagram cu atingerea profesională a site-ului tău WordPress.

Dar există un mic sughiț – scufundarea în marea de cod vă face inima să bată mai repede decât atingerea de două ori pe postarea influenței dvs. preferate.

prin GIPHY

Ei bine, vești bune pentru tine!

În acest ghid, ne scufundăm în cel mai simplu și simplu mod de a încorpora un feed Instagram pe site-ul tău. Și captura? Codare zero necesară.

Până la sfârșitul acestui ghid, vei fi gata să adaugi primul tău feed Instagram ca un profesionist!


Sari la:

  • Ce este un Instagram Embed?
  • Instrucțiuni pas cu pas pentru a încorpora feedul Instagram
  • Depanarea problemelor comune
  • Ce tip de feed Instagram puteți încorpora?
  • Sfaturi pentru a maximiza impactul feedului tău Instagram
  • Fii nelimitat cu pluginurile POWR

laptop-pe-instagram-ecran de pornire

Sursă

Ce este un Instagram Embed?

În centrul peisajului nostru digital modern, Instagram este o platformă bogată vizual, conectând milioane de oameni prin fotografii, videoclipuri și povești.

Acum, gândiți-vă la aceste imagini dinamice nu doar care trăiesc în limitele aplicației, ci și care își fac apariția pe site-ul dvs. web.

Acolo intervine încorporarea feedului Instagram.

O încorporare Instagram vă permite să luați o anumită postare sau o colecție de postări din contul dvs. de Instagram și să le afișați direct pe site-ul dvs. web. Creează o punte între site-ul tău WordPress și conținutul tău Instagram.

  • De ce contează asta pentru tine?

Este ca un panou publicitar care prezintă cele mai recente postări, anunțuri sau momente. Este o oportunitate de a menține vizitatorii site-ului dvs. implicați, de a-i familiariza cu marca dvs. pe Instagram și chiar de a crește potențialul de urmărire pe Instagram.

Conținutul încorporat își păstrează interactivitatea, ceea ce înseamnă că vizitatorii vă pot aprecia, comenta și chiar vă pot urmări chiar din încorporarea site-ului dvs.

  • De ce încorporarea postărilor Instagram fără cod este calea de urmat

O prezență digitală vibrantă schimbă jocul, iar feedul tău Instagram joacă un rol esențial. La urma urmei, Instagram este locul #1 în care mărcile pot intra în legătură cu mai mulți clienți.

Dar de ce să mergi pe calea fără cod atunci când încorporezi acest lucru pe site-ul tău?

Răspuns scurt: autonomie și adaptabilitate .

Să descoperim mai multe motive pentru care ar trebui să știți cum să vă încorporați feedul IG fără cod:

  1. Integrare perfectă : întreținerea site-ului web este mai puțin solicitantă, cu capacitatea de a încorpora rapid un feed Instagram. Și aveți nevoie doar de cunoștințe tehnice de bază pentru a reuși.
  2. Economisiți timp și bani : Să recunoaștem, angajarea de dezvoltatori sau așteptarea asistenței IT pentru a realiza sarcini simple poate fi consumatoare de timp și, uneori, costisitoare. Prin stăpânirea acestei abilități, puteți implementa rapid modificări din mers, menținându-vă site-ul actual fără costuri suplimentare.
  3. Control total: înțelegerea procesului de încorporare vă oferă control asupra postărilor pe care să le prezentați, permițând o prezentare personalizată a mărcii dvs.
  4. Îmbunătățește-ți strategia de marketing : încorporarea feedurilor Instagram pe site-ul tău web îmbunătățește strategia generală de marketing digital. Acționează ca publicitate dinamică, conectând conținutul din rețelele sociale și site-ul web, sporind angajamentul și vizibilitatea mărcii.
  5. Experiență îmbunătățită a utilizatorului : un feed Instagram încorporat implică vizitatorii cu un element vizual dinamic. Este o schimbare revigorantă față de conținutul static și poate duce adesea la vizite mai extinse pe site.
  6. Creștere a adepților: Încurajați interacțiunea pe mai multe platforme prin conectarea directă la Instagram pe site-ul dvs. web. Vizitatorii care ar putea să nu fi știut despre profilul tău Instagram pot deveni urmăritori cu doar un clic.
  7. Adaptabilitate : tendințele digitale se schimbă rapid, iar adaptabilitatea este esențială. Înțelegând procesul de încorporare, ești mai bine echipat pentru a face ajustări rapide pe măsură ce Instagram evoluează sau strategia mărcii tale se schimbă.

Îmbrățișarea capacității de a vă încorpora feedul Instagram fără cod este o dovadă a angajamentului dvs. de a oferi vizitatorilor o experiență bogată, captivantă și actualizată.

Instrucțiuni pas cu pas pentru a încorpora feedul Instagram

POWR oferă o modalitate intuitivă de a încorpora conținutul Instagram Feed direct pe orice site web, fie WordPress sau orice altă platformă. Acest plugin este parte integrantă a setului de instrumente dinamic al POWR, integrându-se fără efort cu orice temă sau mediu digital.

powr-social-feed-app-homepage

Cu pluginul POWR Instagram Feed, puteți adăuga feed-uri Instagram și aveți flexibilitatea de a prezenta un flux de postări detaliat sau pur și simplu de a evidenția fotografiile Instagram.

Să parcurgem pașii pentru a activa pluginul POWR și pentru a încorpora și afișa cu măiestrie fluxurile Instagram pe site-ul tău web:

Vă rugăm să rețineți : pașii exacti pot varia ușor în funcție de platforma site-ului dvs. (de exemplu, WordPress, Wix, Shopify și site-ul web Squarespace), dar procesul de bază rămâne similar.

1. Înscrieți-vă sau conectați-vă la POWR.io

powr-signup-signin-screenshot

Accesați site-ul web POWR. Înscrieți-vă pentru un cont dacă nu aveți unul sau conectați-vă dacă îl aveți deja. POWR oferă fiecărui utilizator o versiune gratuită în care puteți crea aplicații cu 0 USD.

Odată ce vă înregistrați, puteți merge direct pentru a adăuga feeduri sociale. În plus, nu trebuie să introduceți detaliile cardului de credit pentru a începe.

2. Creați un nou widget sau aplicație Instagram Feed

powr-instagram-feed-responses-tabloul de bord

Faceți clic pe Creați o nouă aplicație din tabloul de bord și accesați Feed social. Apoi, selectați Instagram din platformele de social media disponibile.

3. Conectați-vă contul de Instagram

Următorul lucru de făcut este să faceți clic pe Adăugați feed.

powr-instagram-feed-editor-captură de ecran

De aici, trebuie să vă conectați contul de Instagram înainte să apară un feed. Doar faceți clic pe Conectați contul Instagram și conectați-vă cu detaliile paginii dvs.

powr-instagram-feed-connect-feed-screen

Acest lucru implică de obicei conectarea la contul dvs. de Instagram și acordarea permisiunilor necesare pentru ca POWR.io să vă acceseze feedul.

Veți fi redirecționat către POWR imediat după finalizarea conexiunii. Rețineți că puteți alege postări numai pentru a reflecta în flux sau pentru a include role și hashtag-uri.

Singurul criteriu este că ar trebui să aveți un cont de afaceri Instagram . Dacă aveți nevoie de ajutor, puteți accesa un flux simplu care arată doar postarea dvs. de pe Instagram.

4. Personalizează-ți propriul feed Instagram

powr-instagram-feed-design-editor

Acum vă puteți personaliza feedul în editorul POWR cu toate instrumentele disponibile. Veți avea opțiuni pentru a ajusta designul, aspectul și alte setări în funcție de preferințele dvs.

Dar va trebui să faceți upgrade pentru a accesa unele instrumente avansate. Nu vă faceți griji, planul de prețuri POWR începe de la mai puțin de 5 USD/lună facturat anual.

5. Salvați și generați un cod de feed Instagram

După ce personalizați widget-urile sau feedurile Instagram ale site-ului dvs. web, salvați-l. Când faceți clic pe salvare, veți fi direcționat către opțiunile de publicare a feedului recent creat, așa cum se vede mai jos;

powr-instagram-feed-publicare-ecran

Îl puteți instala direct din opțiune pe peste 300 de constructori de site-uri listați.

De exemplu, dacă dați clic pe site-ul WordPress, vă duce aici:

powr-instagram-feed-publish-to-wordpress-screen

Puteți copia fragmentul de cod HTML personalizat pentru a-l încorpora pe site-ul dvs.

6. Încorporați codul Instagram Feed pe site-ul dvs. web

Acum că aveți codul, adăugați feedul pe site-ul dvs. Iată cum faci asta:

  • Navigați la editorul sau tabloul de bord WordPress, faceți clic pe Pagini, apoi accesați toate paginile.
  • Accesați pagina sau secțiunea în care doriți să apară feedul Instagram și faceți clic pe Editați.
  • Adăugați un nou bloc „HTML personalizat”.
  • Lipiți feedul Instagram copiat, încorporați codul în bloc și actualizați, revizuiți și publicați modificările.

Notă : Pentru alte site-uri web, accesați backend-ul sau editorul lor, apoi căutați o opțiune pentru a adăuga „Cod încorporat” sau „Cod HTML”.

Depanarea problemelor comune

Este posibil să întâmpinați câteva sughițuri când vă încorporați feedul Instagram pe site-ul dvs. folosind POWR. Dar, să nu vă faceți griji, majoritatea acestor probleme au soluții simple.

Aici, vom explora câteva probleme comune și cum să le rezolvăm.

1. Afișați probleme și remedieri

Una dintre cele mai frecvente probleme cu care se confruntă utilizatorii este că feedurile Instagram încorporate nu sunt afișate corect pe site-ul lor. Iată câteva remedieri pentru a rezolva aceste probleme:

  • Ștergeți memoria cache: uneori, datele din memoria cache vechi pot împiedica afișarea corectă a fluxului actualizat. Golirea memoriei cache a site-ului dvs. poate rezolva adesea această problemă.
  • Ajustați dimensiunea alimentului: Dacă fotografiile tale de pe Instagram nu se potrivesc bine în zona desemnată de pe site-ul tău web, întoarce-te la setările POWR și ajustează dimensiunea feedului pentru a se potrivi mai bine cu aspectul site-ului tău.
  • Verificați permisiunile Instagram: asigurați-vă că contul dvs. de Instagram este setat la public. Conturile private pot întâmpina probleme de afișare cu POWR.

2. Reconectarea unui cont Instagram

Uneori, conexiunea dintre POWR și contul tău de Instagram s-ar putea întrerupe. Iată cum să vă reconectați:

  • Re-autentificare : Accesați tabloul de bord POWR, selectați pluginul pentru feed Instagram și faceți clic pe butonul „Reconectați” sau „Re-autentificați”. Acest lucru vă va solicita să vă conectați la contul Instagram pentru a restabili conexiunea.
  • Actualizați jetoanele de acces: jetoanele de acces Instagram pot uneori să expire sau să devină invalide. Dacă vi se solicită, urmați pașii pentru a actualiza sau reîmprospăta jetoanele de acces.
  • Verificați restricțiile: asigurați-vă că nu ați atins nicio limită de utilizare a Instagram sau contul dvs. nu este interzis temporar. Dacă da, poate fi necesar să așteptați o anumită perioadă înainte de a vă reconecta.

3. Actualizarea unui plugin POWR

Pentru a vă asigura că feedul dvs. Instagram rămâne consecvent și fără erori, este esențială menținerea la zi a pluginului POWR. Iată cum:

  • Actualizări automate : dacă ați activat actualizările automate pentru pluginuri în CMS-ul site-ului dvs. web, pluginul POWR ar trebui să se actualizeze automat. Asigurați-vă că verificați în mod regulat eventualele aprobări manuale necesare.
  • Actualizare manuală: vizitați site-ul web POWR sau secțiunea de pluginuri CMS pentru a verifica dacă este disponibilă o versiune mai nouă a pluginului POWR. Dacă da, urmați instrucțiunile pentru a actualiza.
  • Verificați notele de lansare : ori de câte ori actualizați, este o practică bună să verificați toate notele de lansare sau jurnalele de actualizare furnizate de POWR. Acest lucru vă va informa cu privire la orice modificări semnificative, îmbunătățiri sau potențiale conflicte cu alte plugin-uri sau teme.

Rezolvând aceste probleme comune, vă puteți asigura că feedul dvs. Instagram rămâne o parte fără întreruperi și interactivă a site-ului dvs. web.

Amintiți-vă, dacă vă confruntați vreodată cu o problemă unică, comunitatea de asistență POWR și documentația de ajutor sunt întotdeauna acolo pentru a vă ghida.

Ce tip de feed Instagram puteți încorpora?

Încorporarea feedurilor Instagram nu înseamnă doar să vă arătați ultimele postări. Puteți încorpora o întreagă gamă de fluxuri, fiecare adăugând o notă unică site-ului dvs.

Indiferent dacă doriți să prezentați o campanie, să împărtășiți o tendință sau pur și simplu să vă evidențiați călătoria, Instagram vă acoperă. Haideți să explorăm opțiunile pe care le aveți la îndemână.

  1. Fluxul utilizatorului : acesta este fluxul dvs. principal de Instagram. Prezintă toate fotografiile și videoclipurile pe care le postați în contul dvs. Excelent pentru mărcile personale sau influenți care doresc să-și aducă conținutul social direct publicului site-ului lor.
  2. Feed de hashtag : Doriți să accesați o anumită temă sau tendință? Prin încorporarea unui feed de hashtag Instagram, puteți afișa postări de la utilizatori care au folosit un anume hashtag. Acest lucru este fantastic pentru campanii, evenimente sau subiecte în tendințe legate de marca dvs.
  3. Menționați feedul : Cu aceasta, puteți evidenția postările în care contul dvs. a fost menționat. Este o modalitate excelentă de a prezenta conținut, mărturii sau colaborări generate de utilizatori. De exemplu, proprietarii de închirieri de vacanță pot conecta mențiuni relevante la site-ul lor de rezervare directă ca parte a strategiei lor de marketing.
  4. Colecții salvate : ați organizat anumite postări în colecții salvate pe Instagram? Ei bine, le poți prezenta! Este o modalitate strategică de a prezenta conținut tematic pe care l-ați alocat pe Instagram.
  5. Feed de cumpărături : dacă sunteți o marcă de comerț electronic care utilizează funcția de cumpărături Instagram, aceasta este pentru dvs. Afișați postări de cumpărături direct pe site-ul dvs., creând o experiență de cumpărături perfectă.

Așadar, data viitoare când vă gândiți cum să creșteți atractivitatea vizuală a site-ului dvs., amintiți-vă că Instagram oferă mai mult decât un singur feed.

Adaptează-ți alegerile pentru a se potrivi narațiunii și obiectivelor mărcii tale.

Sfaturi pentru a maximiza impactul feedului tău Instagram

Ești gata să dai site-ului tău un pic de fler Instagram? Buna alegere!

Dar, înainte de a încorpora feed-urile Instagram pe site-ul tău, hai să ne asigurăm că o știi.

Iată o listă de lucruri de reținut pentru ca feedul tău Instagram să se potrivească și să înflorească pe site-ul tău web:

  1. Design responsive : nu toată lumea folosește un desktop. Unii oameni derulează pe telefoanele, tabletele sau chiar pe frigiderele inteligente (este un lucru!). Asigurați-vă că feedul dvs. Insta arată uluitor pe fiecare ecran.
  2. Păstrează-ți conținutul actualizat și captivant : Gândește-te la site-ul tău web ca la o petrecere elegantă pe care o găzduiești. Nu ai scoate orice gustări vechi, nu? Asigurați-vă că cele mai recente postări pe Instagram sunt de genul pe care sunteți mândru să le prezentați.
  3. Viteze de încărcare : Nimănui nu îi place să aștepte, mai ales online. Asigură-te că feedul tău Insta apare mai repede decât poți atinge de două ori noua postare a prietenului tău.
  4. Estetică și consecvență : site-ul dvs. are stil, la fel și Insta. Asigurați-vă că vibrează împreună ca PB&J. Potrivirea culorilor, fonturilor și stilurilor este calea de urmat.
  5. Interactivitate și implicare : Oferiți-le vizitatorilor șansa de a interacționa chiar acolo, de la citirea unei postări până la aprecierea și comentarea.
  6. Actualizări regulate: fiți la curent. Dacă Instagram modifică ceva sau dacă pluginul tău se actualizează, vrei să fii în vârf. Păstrați lucrurile netede și fără erori.

Sunteți gata să vă faceți site-ul și mai incredibil cu feedul Instagram? Având în vedere aceste sfaturi, sunteți gata să oferiți o experiență Insta-uimitoare pentru fiecare vizitator!

Fii nelimitat cu pluginurile POWR

POWR este mai mult decât un instrument – ​​este un partener digital. Cunoscut pentru suita sa extinsă de pluginuri, încearcă să simplifice designul web și funcționalitatea pentru utilizatorii de toate nivelurile de calificare.

powr-io-homepage-screenshot

Dincolo de apreciatul său incorporator de feed Instagram, POWR oferă o multitudine de pluginuri concepute pentru a face paginile site-ului dvs. web să iasă în evidență, a implica vizitatorii dvs. și a genera conversii.

Prin abordarea sa centrată pe utilizator, POWR subliniază ușurința de utilizare și accesibilitatea, fără a compromite caracteristicile, întruchipând misiunea sa de a ajuta întreprinderile mici să se dezvolte online.

Explorați alte aplicații POWR:

  1. Form Builder : spune la revedere codării complexe. Creați formulare de contact, sondaje și chiar formulare de comandă de produse cu POWR Form Builder în doar câteva clicuri.
  2. Comerț electronic: Indiferent dacă vindeți produse, descărcări digitale sau abonamente, soluțiile de comerț electronic de la POWR vă oferă acoperire, complet cu procesarea securizată a plăților.
  3. Chat live : interacționează cu vizitatorii în timp real folosind widget-ul de chat de la POWR. Personalizați-vă conversațiile, răspundeți la întrebări și construiți relații fără a avea nevoie de o platformă separată.
  4. Flux social: Dincolo de Instagram, integrați fluxuri de pe platforme de social media precum Facebook, Twitter și Pinterest. Păstrați-vă publicul la curent și implicat.
  5. Temporizator de numărătoare inversă : creați un sentiment de urgență cu widget-ul dinamic de numărătoare inversă de la POWR. Ideal pentru oferte pe timp limitat, numărătoare inversă pentru evenimente și lansări de produse.
  6. Popup : Anunțați vânzări, capturați e-mailuri sau direcționați vizitatorii cu o fereastră pop-up interactivă și vedeți câștiguri instantanee în rata de conversie de marketing.
  7. Galeria media: Prezentați-vă fotografiile, videoclipurile și alte conținuturi media cu galeriile personalizabile și receptive ale POWR.

POWR este un far de fiabilitate și versatilitate. Suita sa cuprinzătoare asigură că, indiferent dacă configurați o platformă de comerț electronic, un blog, un portofoliu sau orice alt tip de site, există un plugin POWR pentru a-i îmbunătăți funcționalitatea.

Alăturați-vă miilor care au ales POWR și experimentați o călătorie digitală puternică și fără întreruperi.

powr-reviews-social-proof

Încheierea

Gata cu codurile încurcate și integrările complexe!

Acum sunteți echipat cu informații pentru a vă integra galeria și instantaneele Instagram direct pe pânza site-ului dvs. și în matricea dvs. de marketing digital.

Și dacă vă uitați la un instrument care simplifică și mai mult acest proces, POWR vă așteaptă explorarea. Lăsați vibrația feedului dvs. Instagram să ridice farmecul site-ului dvs.

Doriți să creați această sinergie? Testați acum unele dintre cele mai bune POWR .

Beneficiați de o reducere de până la 30% când faceți upgrade!


Biografia autorului  

Julian Lankstead este fondatorul JulianLankstead.com. El ajută companiile să crească veniturile furnizând strategii de îmbunătățire a eficienței proceselor de afaceri.