Squarespace je jedan od najpopularnijih graditelja web stranica danas dostupnih na tržištu.

To je brz, lak i legalan način za pokretanje nove web stranice od nule. Svako može kreirati web stranicu sa Squarespaceom. Ne morate biti previše upućeni u tehnologiju, znati pisati kod ili imati bilo kakve prethodne dizajnerske vještine da biste uspjeli koristeći ovaj resurs.

Squarespace je poznat kao rješenje na jednom mjestu za izgradnju web stranice na jednoj platformi.

Kompanija je osnovana u studentskom domu Univerziteta Maryland 2003. godine. U proteklih 15+ godina, milioni web stranica su napravljeni koristeći Squarespace. Stoga se sa sigurnošću može reći da su s vremenom eksponencijalno rasli.

С gledišta njihovu reputaciju i pouzdanost, nema mnogo negativnog za reći o Squarespaceu.

Dakle, za one od vas koji su spremni kreirati svoju prvu web stranicu, korištenje vodeće platforme u industriji će definitivno biti najbolji izbor za vas.

Čak i ako ste ranije gradili web lokacije na drugim platformama, vrijedi ponovno pogledati ovaj vodič jer nisu svi graditelji web stranica jednaki. Bez obzira na nivo vašeg iskustva, provest ću vas kroz ovaj jednostavan, korak po korak, proces kreiranja web stranice sa Squarespaceom.

Započnite (besplatno!) Squarespace

Squarespace cijene se kreću od 12 USD – 40 USD/mjesečno, ili malo više ako plaćate mjesečno. (Možeš ostvarite dodatnih 10% popusta uz kod WBE ili 50% popusta ako ste student!).

Ali nemojte još razmišljati o tome! Squarespace nudi 14-dnevnu besplatnu probnu verziju, stoga samo idite na squarespace.com da se prijavite. U ovom trenutku ne morate unositi nikakve detalje - samo kliknite na dugme "Početak" da biste prešli na sledeći korak! Samo.

Prvi koraci

Početak rada sa Squarespaceom je jednostavan – samo idite na početnu stranicu i kliknite na dugme Početak rada!

 

Jeste li spremni za početak izgradnje?

Iskoristite 14-dnevnu besplatnu probnu verziju Squarespacea da započnete izradu vlastite web stranice. Nema dosadnih detalja o plaćanju!
 

Odaberite predložak. Squarespace

Nakon što kliknete na "Početak", od vas će se tražiti da odaberete dizajn za vašu web stranicu:

Galerija šablona

Prvi korak u kreiranju vaše web stranice je odabir dizajna. Kliknite na sliku da vidite Squarespace predloške.


Možete pretraživati ​​po djelatnostima (od "Online Kupovina" i "Restorani" do "Vjenčanja" i "Fotografija") ili prema popularnim dizajnima.

Squarespace Template Categories

Možete filtrirati predloške po kategorijama i pregledati dizajne kako biste olakšali odabir. Kliknite na sliku da odaberete svoj dizajn.


Zadržite pokazivač iznad predloška i odaberite Pregled da biste ga isprobali.

Predložak koji odaberete poslužit će kao odskočna daska za dizajn vaše web stranice, pa je vrijedno pregledati nekoliko kako biste pronašli onaj koji vam se najviše sviđa.

Dobro je znati: Pronašli ste savršen dizajn, ali mu nedostaje stranica ili funkcija koja je potrebna vašoj web lokaciji? Ne brini! Squarespace 7.1 vam omogućava da dodate nove stranice i elemente vašem predlošku. Naravno, uštedjet ćete vrijeme ako vaš predložak već ima sve što vam je potrebno, ali to ne bi trebalo biti problem!

Jedan savjet u ovom trenutku: Squarespace dizajn je dobar. Zaista su dobri - najbolji koje smo ikada testirali! Ovo je svakako sjajno, ali također može otežati odabir samo jednog šablona - zaista ste razmaženi izborom i lako je izgubiti kontrolu i potpuno odustati.

Ali nemojte to raditi! Evo naših najboljih savjeta za odabir šablona:

  1. Držite se svoje industrije je jednostavan način da suzite svoje mogućnosti, istovremeno osiguravajući da slijedite najbolje prakse u industriji.
  2. Označite svoje omiljene šablone klikom na srce — oni će biti sačuvani u kategoriji „Favoriti“ tako da im se možete vratiti novim očima.
  3. Samo... izaberi jednu! - Možete prilagoditi svoj predložak kako god želite, tako da se u ovom trenutku nemojte previše zadržavati na svojoj odluci.

Nakon što odaberete predložak, zadržite pokazivač miša iznad njega i odaberite opciju "Počni s [ime šablona]". Mi ćemo izabrati šablon atlantski iz kategorije restorana.

 
 

Jeste li spremni za kreativnost?

Squarespace nudi brojne nevjerovatne šablone koje možete prilagoditi. Pregledajte dizajne, odaberite svoj omiljeni i počnite stvarati!
 

Kreirajte nalog. Squarespace

U ovom trenutku, trebate se registrirati sa adresom e-pošte ili se prijaviti na svoj Google račun:

Kreirajte prijavu

Za prijavu na Squarespace potrebna je samo adresa e-pošte i lozinka - nisu potrebne informacije o plaćanju. Kliknite na sliku da biste otišli na početnu stranicu squaresace.


Zatim dajte svom sajtu ime. Pojavit će se na vrhu vaše stranice, iako se može uređivati.

Odaberite naziv lokacije Squarespace

Tokom postavljanja, možete svojoj web-lokaciji dati ime.


Squarespace će vam tada pokazati nekoliko brzih slajdova o uređivanju vaše stranice. Možete ih preskočiti, sigurni u saznanje da već imate (vjerovatno) najbolji vodič na internetu kao pouzdan vodič!

Ovo je vaš glavni Squarespace meni i odavde ćete pratiti sve korake da oživite svoju stranicu.

Glavni meni sajta

Svoje stranice uređujete koristeći Squarespaceov meni za uređivanje.


Dodajte/uklonite stranice. Squarespace

Ako ste se uselili u dom u kojem je bilo potrebno puno posla, morali ste se pobrinuti da najveće stvari – kupaonice, kuhinje, itd. – budu na svom mjestu prije nego što počnete farbati zidove.

I ovdje je isto. Nemojte se još zanositi dizajn - fokusirajte se na strukturu vašeg sajta.

Dodavanje stranica

Pogledajte jelovnik. Šta nedostaje? 

Što se tiče našeg restorana Kuhinja za testiranje, mi želimo , tako da blog može dijeliti neke recepte koje ljudi mogu kopirati iz vlastitih kuhinja, ažuriranja o našim mjerama opreza i pravila o Covid-19, te poruke tima.

Evo kako smo dodali blog na stranicu:

 
Dodavanje bloga u Squarespace
 
 
 
 

Idite na "Stranice" gdje ćete vidjeti sve trenutne stranice na vašoj web lokaciji:

Dodajte stranice na svoju web lokaciju

Stranice svoje stranice možete vidjeti na lijevoj strani uređivača.

 

Kliknite + i odaberite "Blog" sa liste.

Dodavanje bloga na vašu stranicu

Možete odabrati koje stranice želite dodati na svoju web lokaciju. Ovdje kliknite na stranicu Blog.

 

Zatim odaberite željeni izgled:

Primjeri izgleda bloga Squarespace

Koji raspored vam se najviše sviđa? Pregledajte svaki od njih i odaberite izgled koji najbolje odgovara vašem dizajnu!

 

Nakon što odaberete izgled, kliknite na bilo koji od četiri "lažna" blog posta da ga dodate svom sadržaju i uklonite sve što vam još nije potrebno.

Kreiranje podmenija. Squarespace

Ima li previše stranica da se uklope u meni vaše web stranice? Postavite svoje stranice u mapu kako biste im olakšali navigaciju.

Dodavanje podmenija u Squarespace

Da grupišete stranice u podmenije, idite na Stranice i ponovo kliknite na krstić iznad liste stranica. Odaberite "Folder" iz menija.

 
 
Dodaj podmeni

Idite na Stranice, kliknite na ikonu +, odaberite Folder i dajte svom izborniku ime.

 
 
 

Zatim možete postaviti ime za ovaj meni i dodati stranice koje će biti u njemu.

Brisanje stranica. Squarespace

Trebate se riješiti stranice ili foldera? Nema problema. Samo pređite mišem preko stranice u meniju i emoji sličica za smeće će se pojaviti na lijevoj strani. Kliknite na ovu ikonu, a zatim Potvrdi.

 

Imaš li osnove?

Squarespace nije najbrži graditelj, ali uz malo strpljenja bit ćete profesionalac za kratko vrijeme.  
 

Uredite stranice. Squarespace

Nakon što imate stranice koje želite, vrijeme je da prilagodite njihov sadržaj tako da odgovara vašem brendu. To znači zamjenu kopije čuvara mjesta, preuređenje odjeljaka i dodavanje novih.

Da biste ušli u mod uređivača, idite na stranicu koju želite urediti i kliknite Uredi u gornjem lijevom kutu.

U ovom slučaju uređujemo početnu stranicu. Squarespace radi u „trakama“ ili „sekcijama“. Da biste stekli dojam kako ovo izgleda u stvarnom životu, pogledajte video ispod u kojem smo se igrali s dodavanjem odjeljaka i mijenjanjem sadržaja.
Uređivanje sekcija na Squarespace
 
 
 

Ukratko, možete urediti bilo koji odjeljak tako što ćete preći mišem preko njega, a zatim kliknuti na ikonu olovke. Da biste dodali još jedan odjeljak, zadržite pokazivač miša preko dva odjeljka i kliknite na plavu ikonu “+” koja se pojavljuje u sredini.

Evo nekoliko vrsta sekcija koje možete dodati:

Dodajte odjeljak u Squarespace

Postoji mnogo sekcija koje možete izabrati, a možete čak i preurediti stranice nakon što dodate nove sekcije na svoju web lokaciju.

 

Ne sviđa vam se redoslijed stranica? Jednostavno dodirnite i držite da odaberete odjeljak, a zatim ga povucite više ili niže na stranici.

Kada završite sa dodavanjem, uređivanjem i premeštanjem sekcija, obavezno kliknite na "Gotovo" u gornjem levom uglu, a zatim "Sačuvaj".

 
 

Imaš li osnove?

Squarespace nije najbrži graditelj, ali uz malo strpljenja bit ćete profesionalac za kratko vrijeme. izgraditi dizajn i dodati brendiranje

Sada je raspored vaših stranica otprilike na mjestu, mi ćemo ga prilagoditi dizajnirati i dodati neke elemente brendiranje kako bi se vaša stranica osjećala više „vi“.

U glavnom meniju odaberite "Dizajn".

Dizajnirajte svoju Squarespace web stranicu

Idite na Dizajn da biste promijenili opcije stila kao što su boje i fontovi.

 

Promijenite fontove i boje. Squarespace

Idite na odjeljak "Fontovi" da odaberete "postavi" fontove (u suštini nekoliko fontova) za implementaciju na vašoj web lokaciji, kao i promjenu postavljene veličine fonta. U okviru Globalni stilovi teksta kliknite na bilo koju vrstu teksta (naslove, pasuse, itd.) da biste prilagodili težinu fonta i razmak. Zatim kliknite na "Dodijeli stilove" (pod Fontovi) da biste dodijelili različite fontove različitim dijelovima vaše stranice.

Dobro je znati: Kratko upozorenje da verzija 7.1 (najnovija verzija Squarespacea) ne podržava Adobe prilagođene fontove.

U poglavlju " Boje Squarespace ima izbor unapred napravljenih paleta boja koje možete izabrati, ili mogućnost učitavanja boje (preko šestocifreni HTML koda), ili čak učitavanja slike i Squarespace će izvući ključne boje iz nje.

Animacija i stil. Squarespace

U odjeljku "Animacija" možete konfigurirati prikaz animacije na vašoj web stranici. Animacija je kada se čini da sadržaj "iskače", "nestaje" ili "pada" na svoje mjesto. Ovo je sjajan i moderan način da začinite svoju web stranicu!

Mogućnosti Squarespace animacije

Neobični efekti animacije na vašoj web stranici? Nema problema!

 

U poglavlju " Interval" i " Blokovi slika" možete napraviti male promjene u razmaku i poravnanju dijelova sadržaja i slika. I u odjeljku " dugmad" možete promijeniti stil vaših CTA-ova.

Najbolji savjet: 2020. godine nešto više od 50% web prometa širom svijeta dolazilo je s mobilnih uređaja. Obavezno redovno prelazite na mobilnu verziju svoje stranice kako biste bili sigurni da sve radi jednako dobro na desktopu kao i na desktopu mobilni uređaj:
Squarespace Mobile View

Prebacite se na mobilni prikaz da vidite kako vaša stranica izgleda na različitim uređajima.

 

Finer details

U ovom trenutku, vaša stranica izgleda prilično dobro. Sadržaj? Provjeri. Slike? Provjeri. Boje i fontovi brenda? Provjeri. Zabavne animacije? Provjeri.

Još dobra web stranica mora biti dosljedan na svim mogućim dodirnim tačkama i stoga je vrlo važan znojite male stvari :

Dizajn> Ikona preglednika - Poznata i kao ikona pretraživača, ikona pretraživača je ono što se pojavljuje pored imena vaše stranice kada je vaša stranica u kartici. Trenutno imamo crnu kocku kao zadanu - većina brendova bi radije postavila svoj logo ovdje:

Squarespace ikona

 

Dizajn > Stranica 404 je sadržaj koji će se prikazati ako čitaoci pokušaju pristupiti stranici na vašem sajtu koja ne postoji. Ovdje postoji neka zadana kopija, ali predlažemo da je zamijenite nečim više brendiranim.  

Možete urediti svoju 404 stranicu tako da odražava vaš brend kako biste ohrabrili posjetitelje da duže ostanu na vašoj web lokaciji.

 

Stranica za naplatu i proizvodi. Squarespace

Ovi odjeljci se odnose na prilagođavanje stranica proizvoda i stranica za naplatu. Nema artikala za prodaju? Preskoči odmah!

Dodavanje logotipa i logotipa društvenih mreža

Možete učitati logo socijalna mreža (tj. slika koja predstavlja vaš sadržaj kada se objavi društvene mreže) U poglavlju " Dizajn>Društveno dijeljenje .

Da biste učitali logotip koji će se prikazati na vašoj web lokaciji, vratite se u način uređivanja na početnoj stranici. Zadržite pokazivač miša iznad zaglavlja i kliknite na dugme „Uredi zaglavlje sajta“, a zatim na „Zaglavlje i logotip sajta“ gde ćete videti mesto za učitavanje vašeg logotipa.

 

Dodajte informacije o lokaciji i konfigurirajte ključne parametre. Squarespace

Prije nego što počnemo da plaćamo za vašu web lokaciju i da je objavljujemo, prvo se moramo podići na nivo administratora. u poglavlju " Postavke " naći ćete mnogo različitih postavki - u nastavku smo pokrili osnove za bilo koju web stranicu, ali možda ćete pronaći i druge koje vam odgovaraju!

Jezik i poslovne informacije

Idi " Postavke>Jezik i regija za odabir lokacije, jezika i vremenske zone.

В pod Postavke > Poslovne informacije Unesite svoje kontakt podatke, lokaciju i radno vrijeme (ako je primjenjivo).

Poslovne informacije - Squarespace

Ako kreirate poslovnu web stranicu, ovdje možete unijeti kontakt informacije, lokaciju i radno vrijeme.

 

Ime domena. Squarespace

Ime Vaše domene je adresa Vaše web stranice. Kada je u pitanju dobivanje vlastitog imena domene, imate nekoliko opcija:

  1. Kupite od drugog registratora domena i prenesite na svoju Squarespace stranicu. Idi " Postavke>Domeni>Koristite vlastitu domenu , i Squarespace će vas provesti kroz korake da ga dodate.
  2. Dobijte ime domene putem Squarespacea. To će koštati od 20 dolara godišnje (što je немного skuplji od kupovine na drugom mestu, ali malo praktičniji). Idi Postavke>Domeni>Nabavi domenu. da nađete jedan dostupan.
  3. Kupite godišnji plan Squarespacea i dobijte besplatnu domenu za prvu godinu. Pogledat ćemo planove u sljedećem odjeljku, ali ako ste voljni da se posvetite godišnjem planu, dobit ćete besplatno ime domene za prvu godinu, kao i uštedu na "osnovnim" troškovima. Da biste ovo dobili, prijavite se za plaćeni plan, a zatim idite na " Postavke>Domeni>Nabavi domenu.

Društveni mediji

Povežite svoje račune sa društvene mrežeodabirom " Postavke>Društvene veze . Svim računima koje ovdje dodate bit će dostupni putem ikona zaglavlja osim ako ih ne izbrišete.

 

Kako će se zvati vaša stranica?

Želite da vaša domena bude jedinstvena, jednostavna i nezaboravna. Ne čekajte da neko drugi preuzme vašu domenu - kada je više nema, nestaje!
 

Pregledajte svoju web lokaciju

Kada je vaša dvonedjeljna probna verzija Squarespacea još uvijek u toku, vaša će stranica prema zadanim postavkama biti privatna. To znači da mu niko neće moći pristupiti, na primjer, jednostavno putem Google-a. Čak i ako imate postavljeno ime domene i nekome pošaljete direktnu vezu, on će vidjeti samo stranicu za prijavu.

Ali to što prijatelji i porodica vide vašu web lokaciju je važan korak u otklanjanju svih nesavršenosti prije nego što vaša web lokacija bude objavljena. Zbog toga preporučujemo postavljanje lozinke za cijelu web lokaciju. Svako sa ovom lozinkom moći će pristupiti najnovijim promjenama na vašoj web stranici. Ako ništa drugo, ovo bi mogao biti koristan način ti za pregled stranice "u stvarnom životu" između različitih uređaja.

Kako postaviti lozinku za cijelu stranicu

U glavnom meniju odaberite " Postavke>Pristupačnost stranice . Zatim promijenite zadanu postavku iz Javno u Zaštićeno lozinkom i unesite odabranu lozinku. Samo zapamtite da ga ponovo objavite nakon što se prijavite za plaćeni plan!

Odaberite tarifni plan. Squarespace


Prije isteka besplatnog probnog perioda, obavezno se prijavite za plaćeni plan. Squarespace ima četiri cjenovna plana:

  • Privatno -16 USD/mjesečno (ili 12 USD/mjesečno naplaćeno godišnje)
  • posao -26 USD/mjesečno (ili 18 USD/mjesečno naplaćeno godišnje)
  • Osnovna e-trgovina -30 USD/mjesečno (ili 26 USD/mjesečno naplaćeno godišnje)
  • Napredna e-trgovina -46 USD/mjesečno (ili 40 USD/mjesečno naplaćeno godišnje)

Naravno, svi planovi se razlikuju po karakteristikama koje pružaju (sljedeća dva koraka ovog vodiča moguća su samo ako imate poslovni plan ili viši, na primjer). Možete uštedjeti između 13% i 30% ako se prijavite za godišnji plan.

Ali šta daju? Pa, kao što biste očekivali, dobit ćete više ako platite više. Na primjer, Personal plan je idealan za portfelje i blogove, ali nije pogodan za korisnike s poslovnim ambicijama jer vam ne može prodati proizvode. Takođe ne pruža integracije trećih strana kao što su Mailchimp ili OpenTable, niti iskačuće oglase.

Dva plana e-trgovina nudite nulte naknade za transakcije dok vam Business naplaćuje 3%. Zato razmislite o svom budžetu i o tome šta želite da vaša stranica može da radi.

 Nakon što odaberete tarifni plan i platite ga, vaša stranica je pokrenuta. Za neke web stranice (portfolio, itd.) Vaš posao sada možete obaviti. Za svakoga ko koristi poslovni plan ili noviji, postoji nekoliko dodatnih koraka koje ćemo pokriti u nastavku.

 

 

Integrirajte marketinške alate (opcionalno)

Prvo, da biste dodali marketinške alate, morate biti barem u poslovnom planu. Kako se ažurirate? Nećete se iznenaditi kada saznate da je Squarespace mislio na ovo – postoji strateški postavljeno dugme „Ažuriraj sada“ na kraju svake stranice tokom besplatnog probnog perioda.

Naravno, nisu svakoj web stranici potrebni ovi alati. Dakle, ako ne planirate prodavati online, možete preskočiti korake 7 i 8.

kvadratno dugme za osvježavanje prostora


Možete jednostavno nadograditi svoj Squarespace plan u bilo kojem trenutku tokom besplatnog probnog perioda

Klikom na "Marketing" u glavnom meniju, vidjet ćete sve što vam je potrebno za promoviranje vaše Squarespace stranice. Slika ispod prikazuje vaše marketinške opcije.

Squarespace marketinški meni

Squarespace nudi širok spektar sjajnih marketinških alata.


Odavde možete dodati iskačuće prozore, prikazati dugmad društvenih medija, integrirati svoju Facebook stranicu, povezati svoj Instagram feed i još mnogo toga u samo nekoliko klikova. Možete čak kreirati novu email kampanju koristeći Squarespace Email Campaigns. Za tako kreativnog graditelja web stranica, Squarespace ne štedi na poslovnoj strani stvari.

Možete čak i vidjeti kakav je učinak vaše web lokacije pomoću opcije Analitika na glavnoj kontrolnoj tabli. Omogućava vam da vidite svoj promet, tražite ključne riječi i u suštini pratite kako vaša Squarespace stranica radi.

Dodajte funkcionalnost e-trgovine (opcionalno). Squarespace

62% američkih potrošača sada kupuje preko interneta više nego prije pandemije, tako da biste mogli dodati svoj sajt za e-trgovinu.

Baš kao i dodavanje marketinških alata prodati proizvoda, morate imati barem Poslovni plan Međutim, i dalje preporučujemo Commerce planove za ambicioznije online prodavnice.

Dakle, nakon ažuriranja (samo kliknite na plavo dugme "Ažuriraj sada"), kliknite na "Trade" na glavnom panelu i možete početi sa prodajom.

Sada možete integrirati ove prodajne karakteristike:

  • Online narudžbe
  • Upravljanje zalihama
  • Pogledajte svoje klijente
  • Dodajte popuste

Imajte na umu da ćete morati dodati stranicu proizvoda prije nego što upravljate svojim inventarom. Ali ne brinite, samo se vratite na korake "Dodavanje stranica" i ponovite postupak. Zaista je jednostavno.

Squarespace ima integraciju sa Squareom, gigantom za obradu plaćanja. Omogućava vam da prihvatite plaćanje karticama van mreže kao i na mreži—sve što vam treba je aplikacija Square Commerce, jedan od Square-ovih manjih čitača kartica (49 USD), i spremni ste. Pogledajte ovaj video da saznate više o tome kako ovo može funkcionirati u vašoj trgovini:

 

Što se tiče provizija, vanmrežna plaćanja Primjenjivat će se Square-ove vlastite naknade za transakcije i obradu. Ovo ovisi o nekoliko faktora (uključujući lokaciju), ali u SAD-u možete očekivati ​​da ćete platiti:

  • Transakciona naknada 2,6% + provizija for obrada u 0,10 $
  • Komisija po transakciji 3,5% + provizija for obrada ključne transakcije 0,15 USD

Iako je uvijek vrijedno provjeriti direktno na Square-ovoj web stranici. Nećete snositi nikakve dodatne naknade od Squarespacea za prodaju van mreže ili online prodaju koristeći njegove komercijalne planove.

 Kako koristiti Squarespace: sažetak

Izrada web stranice sa Squarespaceom zabavnija je od većine drugih programera. Zašto? Jer iako zahtijeva više njege i pažnje, ipak je jednostavan za korištenje.

Može se činiti da je potrebno uzeti puno informacija, ali proces je zapravo prilično jednostavan. Kako bismo vam osvježili pamćenje, pogledajmo jedanaest jednostavnih koraka za kreiranje prekrasne Squarespace web stranice:

Ličnost brenda.