Cum să Creezi un Link în Pagina de Destinație Pentru Instagram cu Elementor
Acest articol este o transcriere a videoclipului prezentat mai sus.
Cum să Creezi un Link în Pagina de Destinație Pentru Instagram cu Elementor? În calitate de utilizator Instagram, știi cât de dificil este să nu poți conecta de la postările tale individuale de pe Instagram și să ți se aloce un singur link pentru întregul tău cont. În loc să vă actualizați manual Link In Bio de fiecare dată când creați o postare nouă, de ce să nu folosiți Elementor pentru a crea o pagină de destinație personalizată Link In Bio pe propriul site? În acest fel, puteți personaliza pagina pentru a fi în concordanță cu brandingul dvs. și, în același timp, puteți păstra aspectul și senzația Instagram. Și adăugând acest link în biografia ta de Instagram, vei aduce mai mult trafic către propriul tău site. În plus, puteți utiliza statisticile existente pentru a monitoriza statistici specifice, cum ar fi câți vizitatori v-au văzut postările și alte statistici despre publicul dvs.
Deși majoritatea utilizatorilor Instagram îl accesează prin mobil, Instagram are și o versiune desktop, deoarece unii utilizatori preferă să o acceseze de pe desktop. În mod similar, vom crea atât versiuni desktop, cât și versiuni mobile, acordând o atenție deosebită optimizării versiunii mobile pentru majoritatea utilizatorilor.
În tabloul de bord WordPress, accesați Pagini și faceți clic pe Adăugare nou. Introduceți un titlu. Voi folosi Link In Bio. Faceți clic pe Editați cu Elementor. Pentru a accesa setările paginii, faceți clic pe pictograma roată din stânga jos. Pentru Aspect pagină, alegeți Elementor Canvas pentru a elimina antetul și subsolul și pentru a începe cu o pagină goală. Vom crea un nou antet pentru pagina noastră de destinație și nu avem deloc nevoie de un subsol aici.
În Stil, faceți clic pe Selectorul de culori și alegeți o culoare deschisă pentru fundalul paginii. Acum faceți clic pe pictograma Plus pentru a adăuga o nouă secțiune și alegeți o secțiune cu trei coloane.
Setați lățimea conținutului la Boxed > 940. Acest lucru va menține lățimea site-ului redusă similar cu Instagram pe desktop.
În Stil, schimbați culoarea de fundal în alb. Și sub Border, faceți clic pe Solid și deconectați lățimea, astfel încât să putem seta doar chenarul de jos la 1.
În Culoare, alegeți un gri deschis pentru a-l păstra subtil.
În Widgeturi, trageți un Widget de Imagine și faceți clic pentru a alege o imagine. Voi folosi sigla site-ului și o voi alinia la stânga. În Link, selectați URL personalizat. Faceți clic pe pictograma Etichete dinamice și selectați Adresa URL a site-ului pentru a o lega la pagina de pornire. Imaginea este destul de mare, așa că sub Style, setați lățimea la 65 de pixeli.
Pentru a doua coloană, vom trage un alt Widget Imagine și vom alege sigla cuvântului. De asemenea, îl vom alinia pe acesta la stânga și, în Style, setăm lățimea la 180 de pixeli.
Pentru ultima coloană, trageți Widget-ul Buton. Folosiți textul îndemnului aici.
În Link, începeți să tastați numele paginii de destinație. Selectați-l când apare. Apoi aliniați butonul la dreapta.
În Stil, setați Tipografia și Culoarea textului. Poate doriți să utilizați aceeași tipografie și culoarea anteturilor pe care le utilizați pe site-ul dvs. web pentru a păstra branding-ul dvs.
Alegeți alb pentru Fundal și setați Tipul de chenar la Solid. Setați lățimea chenarului la unu. Pentru a obține colțuri ascuțite, setați Raza chenarului la zero.
Acum setați starea Buton Hover. Rețineți că acest lucru va funcționa numai pe site-ul nostru desktop, deoarece nu există o stare de trecere pe mobil. Culoarea textului, o vom schimba în alb. Și alegeți o culoare pentru culoarea de fundal.
Acum mergeți la prima coloană și aliniați-o vertical la mijloc. Pentru a aplica acest lucru celorlalte două coloane, faceți clic dreapta, Copiați și pe fiecare dintre celelalte două coloane faceți clic dreapta, Lipiți stil.
Reveniți la prima coloană și modificați Lățimea coloanei la 10%, astfel încât widget-urile de imagine să fie bine aliniate. Acum vom trece la pre-vizualizarea pe mobil pentru a ne asigura că lucrurile arată grozav pe mobil. Sigla și butonul sunt puțin aproape de margine, astfel încât să puteți adăuga niște padding. Accesați secțiunea Setări și în Avansat, deconectați padding-ul și adăugați 5% padding la dreapta și la stânga.
Deoarece nu vrem să aglomeram spațiul limitat disponibil pe mobil, selectați a doua coloană pentru a nu se afișa pe mobil. În Advanced > Responsive, faceți clic pe Ascunde pe mobil. Coloana estompată și liniile gri ne spun că nu se va afișa pe mobil.
Acum trebuie să mutăm butonul în sus, astfel încât să fie aliniat orizontal cu logo-ul. Selectați prima coloană și modificați lățimea la 30%, apoi setați lățimea a doua coloană la 70%.
Faceți clic pe săgeata din partea stângă pentru a ascunde panoul și a pre-vizualiza designul nostru. Până acum, arată bine. Acum totul este ambalat frumos în partea de sus.
Bine, să revenim la desktop. Faceți clic dreapta pe secțiune și Duplicați-o. Accesați Stil și schimbați culoarea de fundal în Transparent.
Faceți clic dreapta pe a doua coloană și Ștergeți-o. Faceți același lucru pentru ultima coloană.
Acum rămânem cu o singură coloană. Selectați-l și în Avansat, setați Padding-ul la zero. Mai târziu, când vom adăuga postările, acest lucru va aduce toate imaginile la marginea coloanei. Continuați și ștergeți Widgetul Imagine, deoarece nu vom avea nevoie de el în această secțiune.
Trageți un Widget Titlu și inserați un text despre site. Puteți folosi același text ca și în bio Instagram sau alt text, dacă preferați. Aliniați-l la centru. În Stil, faceți clic pe selectorul de culori și alegeți o culoare pentru text. Setați tipografia ca înainte, puteți utiliza același stil ca pe site-ul dvs. web.
Dublați primul titlu. Schimbați textul în adresa URL a site-ului și, pentru link, faceți clic pe pictograma dinamică și alegeți Adresa URL a site-ului. Vom face câteva modificări stilului. Schimbați culoarea și în tipografie, greutatea. Acum reveniți la primul titlu și adăugați niște padding în partea de sus și laturi. Totul arată bine pe desktop.
Acum să trecem la mobil pentru a face unele ajustări acolo. Selectați coloana. Deoarece l-am copiat din prima secțiune, a păstrat setările pentru lățimea coloanei de care nu avem nevoie aici. Ștergeți lățimea pentru a o reveni la valoarea implicită. Deși nu se afișează în panou, padding pentru titlu păstrează setările desktopului, așa cum puteți vedea în editor. Schimbați-l pentru a se potrivi mai bine unui dispozitiv mobil.
Să pre-vizualizam. Arata bine pana acum. Acum înapoi la desktop.
Iată unde putem profita de spațiul pe care îl avem pe site-ul nostru desktop și putem arăta o imagine mare, uimitoare, colorată. Vom evidenția cea mai recentă postare aici, deoarece un număr mare de urmăritori vor veni probabil să afle mai multe despre aceasta. În Widgeturi, începeți să tastați „postări” și selectați Widgetul Postări când apare. Trageți-l înăuntru.
Dorim să afișăm doar o postare aici, așa că schimbați Coloanele la 1 și Postările pe pagină la 1.
Vom edita raportul de imagine pentru a decupa puțin imaginea. Vrem să ne concentrăm pe imagine, așa că vom elimina cea mai mare parte a textului.
Ascundeți titlul și eliminați data și comentariile din meta-date. Ascunde, de asemenea, Citește mai mult.
Acum vom stabili ce postări vedem aici. În Interogare Selectați > Termen. Începeți să tastați „Link în bio” și selectați Categorii > Link în bio. Alegerea categoriei asigură că numai postările noastre Link In Bio vor fi afișate pe pagina noastră de destinație Instagram.
Vorbind de categorii, iată cum să le configurați în WordPress. În tabloul de bord WordPress, faceți clic pe Postări > Categorii. În câmpul Nume, tastați Link în bio, apoi faceți clic pe Adăugați o categorie nouă și, exact așa, am creat categoria noastră Link în bio.
Faceți clic pe orice postare pentru a o deschide. Pentru ca o grilă de fotografii să funcționeze corect pe pagina noastră Link In Bio, trebuie să ne asigurăm că fiecare dintre postările noastre Link In Bio are propria imagine prezentată. De asemenea, puteți actualiza categoria de aici în orice postare.
Bine, să revenim la pagina noastră de destinație. Acum să stilăm textul extrasului. Îl vom alinia la centru, vom schimba culoarea și vom actualiza tipografia.
Reveniți la Widgeturi și adăugați un divizor. Alegeți același gri deschis ca și chenarul primelor secțiuni. Vom avea nevoie din nou de Widget-ul Postări pentru a afișa grila noastră Instagram. Pentru a economisi ceva timp, faceți clic dreapta > Copiere pe Widget-ul Postări și faceți Clic Dreapta > Lipiți pe divizor. Acesta îl va insera mai jos.
Acum trebuie doar să facem câteva ajustări. În loc să setați totul de la început, schimbați Coloanele la trei și alegeți un multiplu de trei pentru Postările pe pagină, astfel încât să afișam întotdeauna o grilă completă. Pentru a obține imagini pătrate, modificați Raportul de imagine la 1. Ascundeți fragmentul. Acum vedem doar fotografiile.
Apropiați imaginile în stil prin ajustarea decalajului pentru coloane și rânduri, precum și a spațierii imaginilor.
Să pre-vizualizam versiunea noastră desktop. Este personalizat cu propriul nostru brand, dar încă transmite experiența utilizării Instagram. Perfect.
În cele din urmă, vom trece la vizualizarea mobilă și o vom ajusta pentru a aduce aceeași experiență pe mobil. Pentru a-l menține minim, vom ascunde imaginea mare pe care o avem pe versiunea desktop, precum și divizor, accesând Avansat > Responsive și Ascundere pe mobil.
Selectați Postările. Setați Coloanele la trei pentru a le transforma într-o grilă și Raportul de imagine la unul. Nu avem nevoie de spațiu în jurul acestei secțiuni pe mobil, așa că selectați-o și ștergeți umplutura.
Pagina noastră este gata, așa că faceți clic pe Publicați pentru a o transmite live. Ascunde panoul pentru a pre-vizualiza pagina noastră de destinație Instagram. Arată uimitor.
Faceți clic pe o imagine și vedeți că vă duce direct la postarea ei de blog. Grozav.
Acum, de fiecare dată când postezi pe blog la categoria, Link în bio, pagina ta de destinație va fi actualizată exact așa.
Ultimul pas este să adăugați linkul la biografia dvs. de Instagram. Puteți face acest lucru de pe desktop sau mobil. Conectați-vă la contul dvs. de Instagram, faceți clic pe Editați profilul și introduceți adresa URL a paginii de destinație. Trimiteți modificările și sunteți gata. Acum, când adepții tăi dau clic pe link-ul tău în bio, ei vor merge direct la pagina de destinație de pe site-ul tău, unde pot vedea orice postare în detaliu sau pot lua legătura cu tine.
Și gata. Acum știi cum să creezi o pagină de destinație Link In Bio personalizată pe propriul tău site și să aduci mai mult trafic Instagram către aceasta. Așa că mergeți mai departe și creați unul pentru nevoile dvs. Fie că este vorba despre promovarea produselor de comerț electronic sau pentru alte îndemnuri direcționate la acțiune, Elementor vă acoperă.
