Ako si vytvoriť Linktree pomocou HTML, CSS a JavaScript?

Všetko, čo si.

Contents

. S PayPal alebo Square priamo vo vašom Linktree, vaši zákazníci nemusia ani nechať svoje sociálne médiá, aby šli na inú stránku a zaplatili!

?

Linktree je nástroj, ktorý vám umožňuje zdieľať viac hypertextových odkazov rôznych sociálnych médií na jednej stránke. Získala popularitu na Instagrame, pretože Instagram vám neumožňuje zdieľať webové odkazy kdekoľvek iné ako príbehy a časť „bio“ na vašej profilovej stránke, ktorá má prísny limit znakov. V tomto článku budeme, ako si vytvoriť vlastný Linktree pomocou HTML, CSS a JavaScript.

Prístup: Na implementáciu sa použije nasledujúci prístup:

  • Vytvorte priečinok projektu a vo vnútri vytvorte ďalšie tri priečinky nazývané „CSS“ pre hlavné.CSS (na písanie súborov CSS), „JS“ pre odkazy.JS a hlavné.JS (na písanie súborov JS) a aktíva pre obrázky loga a vytvorenie jedného súboru „Index.html “(na písanie HTML).
  • V súbore HTML vytvorte dva prvky kontajnerov, napríklad DIV, aby ste držali svoje logo a asi (Bio).
  • Použite CSS na vytvorenie vzhľadu vášho Linktree. Môže to zahŕňať nastavenie písma, farbu a veľkosť vašich odkazov, ako aj rozloženie a rozstup položiek zoznamu.
  • Použite JavaScript na pridanie interaktivity do svojho linktree. Napríklad by ste mohli použiť JavaScript na otvorenie odkazov na nových kartách alebo na pridanie efektov vznášania, keď používateľ posunie myš cez odkaz.

Štruktúra projektu:

Koreň | | | ____ aktíva | ____ nesúhlas.PNG | ____ Facebook..png | ____ Instagram..png | ____ s-Solid.SVG | ____ Telegram.JPG | ____ Twitter.PNG | ____ YouTube.png | ____ CSS | ____ hlavné.CSS | ____ JS | ____ odkazy.JS | ____ Main.JS | ____ Readme.MD | ____ index.html

Poznámka: Ak chcete zmeniť písma, na svojej webovej stránke, stačí do svojho programu zahrnúť do svojho programu Fonts nasledujúci štýl:

@Import URL ("https: // fonts.googleapis.com/css2?rodina = Montserrat: wght@300; 400; 500; 600; 700; 800; 900 & displej = swap ");

Príklad: .

Krok 1: Pridať nasledujúci kód do index.html podpis.

Všetko, čo si. V jednom, jednoduchý odkaz v Bio.

Pripojte sa k 40 m+ ľuďom, ktorí používajú Linktree pre svoj odkaz v Bio. Jeden odkaz, ktorý vám pomôže zdieľať všetko, čo vytvoríte, kurátor a predávajte z vášho Instagramu, Tiktok, Twitter, YouTube a ďalších profilov sociálnych médií.

Vytvorte a prispôsobte svoj linktree za pár minút

. Všetko sa spája v odkaze na vstupnú stránku Bio, ktorá je navrhnutá na konverziu.

Začnite zadarmo

Zdieľajte svoj Linktree z vášho Instagramu, Tiktok, Twitter a ďalších systémov BIOS

Pridajte svoju jedinečnú adresu URL linktree na všetky platformy a miesta, ktoré nájdete publikum. Potom pomocou QR kódu na spustenie prevádzky offline online.

Začnite zadarmo

Analyzujte svoje publikum a udržujte svojich sledovateľov zapojených

Sledujte svoju angažovanosť v priebehu času, sledujte príjmy a dozviete sa, čo premieňa vaše publikum. Urobte informované aktualizácie za behu, aby ste ich vrátili.

Začnite zadarmo

Jediný odkaz v Bio dôveryhodne 40 m+

ovplyvňovatelia

malé podniky

športovci

modely

speňažník

streamery

vloggery

fitness

predajcovia elektronického obchodu

maloobchodník

vodcovia wellness

hudobníci

kapela

DJs

podcaster

módne návrhári

tvorcovia kultúry

predajca

spisovatelia

Komediálne centrálne logo

Pharrell Williams na sebe slnečné okuliare predajcu rýchlosti a čiapku stojaci na slnku

Tony Hawk, ako veľmi, veľmi mladý muž, ktorý sedel na skateboarde vo vnútri potrubia, ktorý nosil snapback a zbil dodávky

Logo LA Clippers

Selena Gomez s čistým, prírodným make -upom

Funky muškátový oriešok s modrým motýľom maľovaným na tvári

Logo HBO

Komediálne centrálne logo

Pharrell Williams na sebe slnečné okuliare predajcu rýchlosti a čiapku stojaci na slnku

Tony Hawk, ako veľmi, veľmi mladý muž, ktorý sedel na skateboarde vo vnútri potrubia, ktorý nosil snapback a zbil dodávky

Logo LA Clippers

Selena Gomez s čistým, prírodným make -upom

Funky muškátový oriešok s modrým motýľom maľovaným na tvári

Logo HBO

Komediálne centrálne logo

Pharrell Williams na sebe slnečné okuliare predajcu rýchlosti a čiapku stojaci na slnku

Tony Hawk, ako veľmi, veľmi mladý muž, ktorý sedel na skateboarde vo vnútri potrubia, ktorý nosil snapback a zbil dodávky

Logo LA Clippers

Selena Gomez s čistým, prírodným make -upom

Funky muškátový oriešok s modrým motýľom maľovaným na tvári

Podeľte sa o svoj obsah neobmedzeným spôsobom na svojom Linktree.

Predajte výrobky a vyberajte platby. Je to speňaženie jednoduché.

Pestovať, vlastniť a zapojiť svoje publikum ich zjednotením na jednom mieste.

Rýchle, priateľské a výkonné spojenie v Bio Tool.

Bez problémov prepojte svoj Linktree s nástrojmi, ktoré už používate.

Prispôsobte si svoj Linktree tak, aby zodpovedal vašej značke. Nech je to cítiť sa ako ty.

Spravujte, aktualizujte a naplánujte obsah s našim rýchlym a ľahkým editorom.

Ako je uvedené v.

Zasvätený logo

Bohatstvo

Forbes

Connor Toki

„Linktree mi umožnil vygenerovať nové registrácie členov bez toho, aby som potreboval webovú stránku.

Zakladateľ, Connor Toki Health & Performance

Riley citrón

„Linktree zjednodušuje proces pre tvorcov zdieľanie viacerých častí seba v jednom inkluzívnom prepojení.”

YouTuber, tvorca obsahu

Patti Chimkire

„Linktree pomáha mojim zákazníkom dostať sa tam, kam potrebujú ísť. Je to také rýchle a ľahké.

Luke Kidgell

„Používam analytiku Linktree, aby som lepšie porozumel svojmu publiku a čo ich prevádza.”

Risa Utama

“Môj životopis Linktree vynikal od ostatných a zabezpečil mi svoju prvú prácu na plný úväzok ako reportér televízie.”!”

Televízny reportér a producent

Connor Toki

„Linktree mi umožnil vygenerovať nové registrácie členov bez toho, aby som potreboval webovú stránku.”

Zakladateľ, Connor Toki Health & Performance

Riley citrón

„Linktree zjednodušuje proces pre tvorcov zdieľanie viacerých častí seba v jednom inkluzívnom prepojení.”

YouTuber, tvorca obsahu

Mám otázky?

Prečo potrebujem odkaz v Bio Tool?

Práve teraz, zakaždým, keď máte niečo nové na zdieľanie, musíte ísť do každého jedného zo svojich kanálov, aby ste zmenili odkaz v každom z vašich systémov BIOS. Je to časovo náročné a komplikované-čo je oveľa ťažšie udržiavať všetko aktuálne.

Odkaz v Bio Tool znamená, že nikdy nemusíte kompromisovať, alebo odstrániť jeden odkaz z vášho životopisu, aby ste mohli pridať ďalší. Môžete si ponechať všetko, čo chcete zdieľať online na jednom odkaze. Keď máte zmenu, musíte to urobiť iba raz.

Je Linktree pôvodným odkazom v Bio Tool?

Krátka odpoveď? Áno!

V roku 2016 sme vytvorili Linktree ako jednoduchý spôsob, ako prepojiť so všetkými sociálnymi skupinami a zjednotiť digitálne ekosystémy, priekopnícke v kategórii Link-in-Bio. Linktree zostáva popredným, najväčším a najobľúbenejším riešením spojenia-ale to je len začiatok. Môžete použiť svoju adresu URL LinkTree alebo QR kód kdekoľvek . Ak nemáte web, je to v poriadku. Ak máte linktree, nepotrebujete ho!

Môžete dostať zaplatené a predať veci od Linktree?

Áno môžeš! Ponúkame veľa spôsobov, ako predávať výrobky a speňažiť vaše publikum. Môžete zbierať tipy, požadovať platby za služby, vyberať príjmy z pridružených odkazov a predávať svoje produkty priamo vo svojom Linktree.

. !

„Páči sa nám, ako nám Linktree pomohla riadiť naše podnikanie tým, že máme všetky sociálne médiá a spôsoby platenia na jednom mieste. Kód QR uľahčil zákazníkom prístup k tomu všetkému!” – Tiffany

Je Linktree bezpečné na použitie vo všetkých mojich profiloch sociálnych médií?

Linktree dôveruje všetkým sociálnym platformám a dokonca sa používa na mnohých vlastných účtoch Facebook, Instagram a Tiktok! Pretože Linktree je originálny a najobľúbenejší nástroj Link-in-Bio, The Linktr.EE URL je dôveryhodný, identifikovateľný a známy odkaz, ktorý diváci cítia pohodlné a bezpečné kliknutie.

Čo robí LinkTree lepším ako druhý odkaz v Bio Options?

Máme tu samozrejme vlastné názory, ale príbehy ľudí, ktorí používajú Linktree, záleží viac. Povedzme, čo musia povedať:

“Štyri mesiace po vytvorení, niekto mi poslal poslal tak ako: Potrebuješ linktree.”. Nepamätám sa, čo som v tom čase používal, ale bol to jeden z tých, ktorí mali byť ľahké. Akonáhle som dostal nastavený Linktree, bol som rád, ach môj Bože – prečo som strávil 100 dolárov na webovej stránke? ! Teraz vidím speňaženie môjho nasledujúceho, čo sa stáva vecou na plný úväzok.” – David Coleman

„Je oveľa ľahšie nastaviť a mať všetky svoje odkazy na jednom mieste v dobre navrhnutom formáte.” – CATIE T

„Webové stránky sú v pohode (mám jeden), ale Linktrees to jednoducho uľahčujú.” – Tan Nguyen

“Milujem ich analytiku.”. .” – Riley Lemon

Linktree vynašiel nástroj Bio Link Tool v roku 2016 a pokračuje v najpopulárnejšom bio odkazu na svete na tento deň – s 40 m+ ľudia ho používajú ako svoje dôveryhodné miesto na zdieľanie, predaj a rast online. !

Ako môžem riadiť väčšiu návštevnosť do a cez môj Linktree?

. Môžete dokonca použiť QR kódy na generovanie online prenosu na offline miestach a na zavedenie ľudí k vašim odkazom.

Akonáhle návštevníci dorazia na váš Linktree, ľahko zrozumiteľná analytika vám pomôže rýchlo a ľahko zistiť, odkiaľ pochádzajú a na čo kliknú. Okamžite uvidíte, čo funguje a čo nie, a vylepšite váš Linktree za behu s rôznymi umiestnením odkazov, prioritnými odkazmi, podporami, animáciou a ďalšími, aby ste sa uistili, že vaša premávka pristane presne tam, kde chcete!

Koľko odkazov by som mal mať na svojom linktree?

Závisí to od dvoch vecí. Ak je vašou prioritou prekliknutia a konverzia, odporúčame mať na vašom Linktree naraz 3-7 odkazov (na základe našich najúspešnejších tvorcov). Vrátane príliš veľa možností pre vašich návštevníkov spomaľuje ich postup.

To znamená: Pre určitých tvorcov, ktorých prioritou je zobrazenie, vzdelávanie a predstavenie (e.g. nahrávacia spoločnosť s knižnicou nových vydaní na propagáciu alebo správcovská spoločnosť, ktorá sa snaží predstaviť svoj kompletný zoznam klientov), ​​vrátane viac ako siedmich odkazov splní ich účel dokonale.

Funkcie môžete použiť na linktree na pridanie podpoložiek, sekcií, animácií a iných metód prioritizácie k svojim odkazom – takže bez ohľadu na to, koľko vecí musíte zdieľať, môžete svojich návštevníkov viesť k tomu, čo je najdôležitejšie, najprv.

?

Nie, nie! . Môžete si vytvoriť dizajn, ktorý plne odráža vašu osobnosť a značku za pár sekúnd, bez potrebných znalostí, zručností alebo skúseností. .

“Už sa ťažko dotknem svojej webovej stránky.”. Len posielam ľudí do môjho linktree! Je to dobre vyzerajúce, čerstvé rozhranie … oveľa dynamickejšie. Môžem si vziať pár minút, aktualizovať svoje odkazy a odložiť telefón preč, namiesto toho, aby som strávil 45 bojov na WordPress.” – @ashleyhopeperez