Ghidul tău suprem pentru șabloane Squarespace

Tooltester este susținut de cititori ca dvs. Este posibil să câștigăm un comision de afiliat atunci când cumpărați prin link-urile noastre, ceea ce ne permite să oferim cercetarea noastră gratuit.

Potrivit Squarespace, șabloanele sale sunt „premiate”. Dar asta ar putea însemna orice, într-adevăr. S-ar putea chiar să fie doar marketing mumbo-jumbo.

Așa că am decis să investighez.

Câteva căutări pe Google mai târziu, am găsit adevărul: Squarespace a fost de fapt pe lista scurtă și a câștigat câteva premii Webby, inclusiv unul pentru cel mai bun design vizual.

Trebuie să recunosc că nu sunt complet surprins. Squarespace a fost multă vreme standardul de aur când vine vorba de modele de șabloane elegante și lustruite pentru site-ul dvs. profesional.

După cum notează recenzia noastră completă a constructorului de site-uri web: „aproape nicio altă companie nu înțelege cum să-și pună în practică produsul cu atâta perfecțiune. Totul arată cool, proaspăt și impecabil”. Trebuie doar să aruncați o privire la câteva exemple de site-uri web Squarespace reale pentru a vedea că site-urile lor ies cu adevărat în evidență.

Cu cea mai recentă versiune 7.1, șabloanele Squarespace funcționează puțin diferit – dar asta nu înseamnă că au compromis calitatea. De fapt, șabloanele Squarespace sunt acum mai versatile ca niciodată.

Cu toate acestea, șabloanele din versiunea 7.0 au și câteva avantaje și, în mod uimitor, sunt încă disponibile pentru utilizare. Deci, haideți să explorăm diferențele dintre cele două versiuni, pentru a vă ajuta să decideți care este mai bun pentru site-ul dvs.

Câte șabloane Squarespace există?

Unul dintre primele lucruri pe care le urmăresc atunci când șabloanele de evaluare este o selecție bună. Dar, ca cineva care a pierdut ore din viața mea trecând prin sute de șabloane WordPress, vă pot spune și că prea multă alegere poate fi o durere.

Deci prima veste grozavă aici este că Squarespace pare să ajungă la locul potrivit. Atât 7.0, cât și 7.1 oferă fiecare aproximativ 110 de șabloane, disponibile în următoarele 15 categorii:

• Portofolii
• Fotografie
• Magazine online
• Bloguri și podcasturi
• Servicii profesionale
• Afacere locală
• Comunitate și organizații non-profit
• Evenimente
• Nunti
• Divertisment
• Membrii
• Restaurante
• Personal & CV
• Imobiliare și proprietăți
• Lansați Pagini

Este un număr gestionabil. Dar dacă faci calculul, nu sunt multe șabloane pe categorie. Cu toate acestea, veți descoperi că fiecare șablon este suficient de flexibil pentru a fi modificat în mai multe scopuri – în special cu cea mai recentă versiune 7.1.

Șablon de magazin online

Indiferent dacă vindeți modă, bunuri pentru casă sau produse pentru animale de companie, există elemente fundamentale cheie care fac un magazin online bun:

• Ușor de navigat
• Butoane proeminente de îndemn pentru tranzacții
• Fotografii și videoclipuri de înaltă calitate pentru a vă prezenta produsele
• Ștergeți informațiile de expediere și retur
• Evaluări, recenzii și alte dovezi sociale pentru construirea încrederii

Ne place șablonul Alameda pentru site-urile de comerț electronic, deoarece este o modalitate flexibilă și simplă de a vă vinde produsele. Este un șablon grozav, indiferent dacă încă îți construiești marca sau l-ai deja stabilit.

Aspectul său minimalist și modern face ca produsele dvs. să iasă în evidență, astfel încât nu trebuie să aveți pregătite un logo elegant, videoclipuri sau alt conținut de marcă înainte de a vă lansa magazinul. Cu toate acestea, mai aveți nevoie de fotografii de bună calitate ale produselor dvs., desigur.

În plus, ne place cât de ușor este să faci cumpărături într-un magazin cu tematică Alameda, ceea ce este important pentru că ai dori să înlături barierele care îngreunează clienții tăi să cumpere. Cu Alameda, clienții pot vedea alte fotografii ale produselor trecând cu mouse-ul peste o placă. Puteți, de asemenea, să marcați articolele de vânzare și să afișați scăderi de preț, ceea ce ajută la crearea unui sentiment de urgență.

Puteți să atribuiți cu ușurință produse diferitelor categorii și să vă personalizați navigarea pentru a facilita navigarea oamenilor.

Șablon de portofoliu

Portofoliile sunt importante pentru reclame, indiferent dacă lucrați cu bunuri vizuale, scrise sau fizice. Un portofoliu bun ar trebui să vă prezinte personalitatea și filozofia, fiind în același timp suficient de simplu pentru a vă lăsa munca să vorbească de la sine. Clienții vor petrece doar câteva minute uitându-vă la portofoliul dvs., așa că ar trebui să vă transmiteți mesajul în mod clar și eficient.

Am menționat mai devreme șablonul Tepito și ne place pentru portofolii, deoarece oferă un echilibru frumos între text și elemente vizuale. Pentru un șablon și mai vizual, vă recomandăm șablonul Ortiz. Cu acest șablon, puteți include text introductiv despre dvs. și o galerie care vă prezintă munca în formă vizuală. Dacă oamenii doresc să vadă mai mult din biografia sau portofoliul tău, pot alege folosind meniul ușor de navigat din partea de sus a paginii.

Permite mult spațiu între imagini și text pentru a lăsa ochiul să se odihnească și să aprecieze conținutul.

Șablon de blog

Un blog bine conceput prezintă postările tale recente, astfel încât oamenii să poată spune că site-ul tău este actualizat în mod regulat. Este puțin probabil ca oamenii să se aboneze la buletinul informativ al blogului dvs. sau să vă examineze conținutul dacă nu pot spune când a fost actualizat ultima dată. De asemenea, trebuie să încorporeze elemente vizuale, astfel încât postările dvs. să atragă cititorii. Poți fi un scriitor excelent, dar vei avea totuși nevoie de fotografii de înaltă calitate pentru a atrage atenția oamenilor.

Ne place șablonul Stanton pentru bloguri. Stanton vă permite să adăugați o informație care le spune oamenilor despre blogul dvs., împreună cu o imagine. Când oamenii derulează în jos, afișează postările tale recente în vizualizarea galeriei împreună cu textul de previzualizare, o imagine și o dată. Exemplul de aici este pentru un blog de rețete, dar șablonul este excelent pentru bloguri de călătorie, fotografie, sănătate sau bloguri de design.

Șabloane de programare pentru afaceri

Programarea online este atât de importantă pentru companii și consultanți independenți. Un site web cu funcții de rezervare bine concepute (cum ar fi un calendar online) elimină nevoia clienților potențiali de a suna sau de a trimite un e-mail și de a aștepta un răspuns din partea dvs. De asemenea, oprește nevoia de a merge înainte și înapoi atunci când vă dați seama de disponibilitate. Cu cât este mai ușor pentru oameni să programeze apeluri, cu atât este mai probabil să o facă.

Ne place șablonul Almar pentru companii și consultanți, deoarece are un instrument de programare online ușor de utilizat. De asemenea, vă permite să adăugați zone ușor de navigat pentru a le spune oamenilor despre diferitele servicii pe care le oferiți. Puteți chiar să adăugați secțiuni pentru logo-urile clienților și mărturii pentru a construi încrederea cu potențialii clienți.

Șabloane de pagină de destinație

Uneori, nu aveți nevoie de un întreg site web pentru serviciul sau afacerea dvs. Acesta este de obicei cazul când aveți un singur eveniment, produs sau serviciu și doriți doar ca oamenii să se înscrie pentru el. O singură pagină de destinație este, de asemenea, o modalitate bună de a „parca” un site web care nu a fost lansat încă. De multe ori, este mai bine să ai o pagină de destinație decât să nu ai deloc prezență online.

Pagina ta de destinație trebuie să fie interesantă din punct de vedere vizual, ușor de utilizat și să ofere oamenilor un sentiment de urgență. Cele mai bune șabloane pentru paginile de destinație vă permit să adăugați imagini mari și interesante, informații esențiale despre evenimentul sau produsul dvs. și un îndemn clar la acțiune, fie că este vorba de RSVP, înscriere, achiziție sau doar contactarea companiei dvs.

Îndemnul dvs. la acțiune nu trebuie să fie un buton. Poate fi un mesaj care le spune oamenilor să facă ceva. Pagina dvs. de destinație poate, de asemenea, trimite către alte informații despre afacerea dvs., cum ar fi o pagină părinte sau un profil Instagram.

Ne place șablonul Wycoff pentru pagini de destinație pentru că are toate aceste elemente. Scopul site-ului este inconfundabil, iar chemarea la acțiune este greu de ratat.

Cele mai bune șabloane și familii Squarespace din versiunea 7.0

Dacă decideți să alegeți un șablon versiunea 7.0, un loc bun pentru a începe este familia de șabloane Brine. Este cel mai popular și mai flexibil, folosit pentru a construi peste 40 de șabloane. Are o pagină de produse avansate, defilare paralaxă și o pagină de index stivuită.

Iată șablonul original Brine în acțiune, care este baza pentru un magazin online care vinde murături. Acum nu știu despre potențialul de afaceri, dar designul arată grozav.

Dar iată magia familiilor șabloane: iată că Brine este complet transformată într-un site web al Restaurantului numit Basil. Mai jos este pagina de meniu, care folosește o „pagină de colecție” pentru a adăuga articole.

Și iată-l din nou, transformat într-un șablon numit Hatch, care ar funcționa grozav pentru un site web personal sau o pagină de portofoliu pentru freelancer.

Iată mai multe exemple care îmi plac foarte mult:

Great Squarespace Blog Template – Tudor

Adică, uită-te la asta. Tudor este un stil de revistă, curat, aspect în 3 coloane (care poate fi adaptat), tipografie modernă plăcută, pictograme minime pentru rețelele sociale. Mă face să vreau să încep un blog doar pentru a mă juca cu acest șablon.

Șablon Squarespace grozav pentru un portofoliu – York

York este folosit aici pentru un designer, dar oricine creează cu medii vizuale își poate face munca să strălucească. Imaginile sunt în centrul atenției și obțineți mai multe informații când treceți cu mouse-ul peste ele, perfecte pentru descrieri rapide de proiect sau studii de caz.

Cel mai bun șablon Squarespace pentru fotografi – Ishimoto

Îmi place foarte mult cum această temă Ishimoto vă permite să evidențiați o imagine mare și permite utilizatorilor să navigheze rapid într-o galerie datorită caruselului. Este minimalist, eficient și frumos. Sfat: găsiți mai multe informații despre constructorii de site-uri de fotografie aici.

Există o diferență între „Șabloane” și „Teme”?

Nu.

Sunt același lucru, dar cu un nume diferit. Squarespace le numește șabloane, nu teme. Dar... există și familiile șablon.

Stai, ce sunt familiile de șabloane Squarespace?

Buna intrebare. Primul lucru de înțeles aici este că familiile de șabloane este un termen care este într-adevăr relevant doar pentru versiunea 7.0 . Este pur și simplu un grup de șabloane care au aceeași structură de bază.

De ce contează asta? Ei bine, înseamnă doar că unele opțiuni de stil vor fi disponibile numai în anumite familii de șabloane.

Deci, de exemplu, în versiunea 7.0, șabloanele Adversary, Alex și Ginger sunt toate bazate pe familia Marquee. Unele caracteristici unice ale acelei familii sunt:

• Antetul site-ului poate fi fixat în partea de sus în timpul derulării
• Dimensiunea logo-ului nu poate fi modificată
• Bara laterală nu este acceptată
• Defilarea Parallax funcționează pe bannere

Șablonul Adversar, folosit pentru site-ul web al unei trupe

Totuși, acest lucru nu mai este important în versiunea 7.1, deoarece toate șabloanele aparțin aceleiași familii . Deci, veți avea aceleași opțiuni pentru proiectarea și stilarea site-ului dvs. , indiferent de șablonul pe care îl alegeți.

Ceea ce ne conduce la următorul punct important: cum să alegem șablonul Squarespace potrivit:

Cum ar trebui să aleg un șablon Squarespace?

Alegerea unui șablon Squarespace poate fi dificilă (mai ales atunci când aveți atât de multe modele superbe din care să alegeți!), dar aveți la dispoziție o serie de instrumente pentru a vă ajuta să ușurați puțin procesul:

• Folosiți categoriile (Magazine online, Portofoliu etc) pentru a vă ajuta să filtrați alegerile în jos. Nu puteți găsi un șablon care vă place în categoria dvs.? Nicio problemă – deoarece toate șabloanele pot fi adaptate în orice scop, pur și simplu alegeți un șablon care are un aspect similar cu ceea ce doriți pentru site-ul dvs., indiferent de categorie
• Asigurați-vă că ați previzualizat șabloanele înainte de a vă stabili unul (puteți chiar să le demonstrați complet pentru a vă face o idee despre cum ar arăta un site live). Acest lucru este foarte important, deoarece nu veți putea schimba șablonul mai târziu (dacă utilizați versiunea 7.1)

Cu șabloanele Squarespace versiunea 7.1, este destul de ușor să vă schimbați aspectul, datorită capacității de a adăuga secțiuni pre-construite. Așadar, aș recomanda să alegeți un șablon bazat pe stiluri (fonturi, culori etc) mai degrabă decât pe aspect , deoarece este nevoie de mai multă muncă pentru a face modificări stilistice decât cele structurale.

Dacă utilizați un șablon versiunea 7.0, rețineți că opțiunile de stil sunt dictate de familia șablonului . Aceasta înseamnă că trebuie să luați în considerare modul în care doriți să se comporte site-ul dvs. atunci când alegeți un șablon. Doriți să vă listați postările de blog într-o grilă? Ai nevoie de o bară laterală de conținut? Ce zici de linkurile de navigare din subsol?

Știu că sună puțin copleșitor, dar, din fericire, Squarespace are aici o diagramă de comparare a șabloanelor la îndemână pentru șabloanele v7.

Șabloane Squarespace în versiunea 7.1

Ceea ce este cu adevărat grozav la abordarea pe care Squarespace a adoptat-o ​​în versiunea 7.1 este că toate șabloanele au aceeași structură de bază și opțiuni de stil . Acest lucru vă oferă o mare libertate de a vă personaliza șabloanele după cum doriți - ceva care lipsea dureros în versiunea 7.0.

Deci, de exemplu, puteți începe cu un șablon ultra-minimalist, doar text, cum ar fi Suhama (ideal pentru CV-uri și site-uri personale):

Și faceți ajustări (inserați secțiuni noi, schimbați fontul și culorile etc.) pentru a obține un șablon mai bogat vizual, cum ar fi Tepito:

De fapt, șabloanele Squarespace versiunea 7.1 sunt atât de versatile încât puteți modifica oricare dintre următoarele elemente:

• Fonturi (familii de fonturi, spațiere, înălțime etc.)
• Culori (mulțumită schemelor de culori și paletelor personalizabile ale Squarespace)
• Butoane
• Animații
• Spațiere
• CSS personalizat
• Și altele

Toate aceste elemente pot fi personalizate în meniul Design - consultați tutorialul nostru Squarespace pentru a afla mai multe.

Cu peste 100 de șabloane din care să alegeți în Squarespace 7.1, alegerea celui potrivit poate fi copleșitoare. Am ales șabloanele noastre preferate din fiecare categorie. Sperăm că veți găsi șablonul potrivit pentru dvs., indiferent dacă începeți un blog, un magazin online, un site de portofoliu sau o pagină de destinație.

Câtă personalizare primesc cu versiunea 7.0?

După cum ați văzut cu familia Brine, vă puteți transforma complet șablonul prin mutarea elementelor și folosind opțiunile standard de personalizare. Toate acestea se realizează prin intermediul Stilurilor de site.

Exemplu de stiluri de site cu șablonul Brine

Stilurile de site vă vor permite să modificați lucruri precum:

• Tipografie : (familie de fonturi, culoare și dimensiune)
• Dimensiuni și valori (pentru umplutură, spațiere etc.)
• Raportul de aspect al imaginilor
• Imagine de fundal
• Afișarea și ascunderea elementelor
• Și altele…

După efectuarea modificărilor, puteți decide să le anulați sau să le salvați. Dacă sunt salvate, acestea vor apărea live pe site-ul dvs.

Dar dacă doriți și mai multe opțiuni de personalizare, aveți noroc pentru că Squarespace oferă și:

• Șabloane goale: alegeți un șablon de site necompletat în loc să utilizați un demo cu conținutul său, acest lucru vă poate oferi mai mult control creativ.
• Cod personalizat: Da, puteți adăuga HTML sau CSS pentru a crea un site web complet personalizat. Dar veți avea nevoie de Planul de afaceri pentru a face acest lucru, iar asistența nu vă va ajuta dacă ceva nu merge bine (până când eliminați codul personalizat).

• Funcții premium: în funcție de planul dvs. Squarespace, puteți adăuga funcții premium, cum ar fi blocurile de cod menționate mai sus, injecția JavaScript și multe altele.

Un ultim lucru de reținut: atunci când vă înscrieți pentru o versiune de încercare gratuită a Squarespace, toate funcțiile Premium sunt activate automat. Cu toate acestea, le vei pierde dacă planul tău nu le acceptă mai târziu.

Sunt șabloanele Squarespace compatibile cu dispozitivele mobile?

Implicit, da. Toate șabloanele Squarespace sunt concepute pentru a fi receptive, astfel încât elementele se vor rearanja pentru a arăta bine pe ecrane de orice dimensiune.

Cu toate acestea, în versiunea 7.0 aveți opțiunea de a modifica câteva elemente, în cazul în care trebuie să faceți site-ul să joace frumos. De exemplu, vedeți cum titlul acestei teme Mojave este prea mare pentru un ecran mic?

Este posibil ca titlul să fie scurtat sau redimensionat manual pentru telefoane mobile

De asemenea, vă puteți face site-ul și mai prietenos pentru dispozitive mobile, urmând câteva sfaturi și trucuri.

Cât costă șabloanele Squarespace?

Acesta este unul ușor: toate sunt gratuite. Plătești doar orice costă planul tău Squarespace.

Dar puteți achiziționa și șabloane personalizate direct de la designeri externi. Acestea tind să se situeze în jurul valorii de 100-300 USD.

Care sunt diferențele dintre șabloanele Squarespace din versiunile 7.0 și 7.1?

Când vă înscrieți pentru un nou site web Squarespace, vi se vor prezenta automat cele mai noi șabloane Squarespace (versiunea 7.1) din care să alegeți:

Cu toate acestea, dacă derulați în jos în pagină, veți vedea o opțiune de a alege dintre șabloanele sale anterioare din versiunea 7.0:

Din punct de vedere vizual, nu există o diferență uriașă între șabloanele 7.0 și 7.1 – ambele versiuni oferă design de site web elegant, care reflectă marca unică de minimalism Squarespace.

Din punct de vedere funcțional, totuși, există câteva diferențe cheie de care trebuie să fii conștient. În opinia mea, cel mai important este că șabloanele Squarespace 7.1 folosesc același șablon de bază, ceea ce înseamnă că indiferent de șablon pe care îl alegeți, veți avea acces la aceleași opțiuni de aspect și stil ca orice alt șablon.

În plus, versiunea 7.1 oferă peste 100 de secțiuni prefabricate (titluri, text, imagini, galerii și multe altele), care pot fi adăugate la orice pagină. În cele din urmă, acest lucru vă oferă un control mai mare asupra designului site-ului dvs.

Să descompunem aceste diferențe în mai multe detalii:

Pot trece de la un șablon versiunea 7.0 la un șablon 7.1?

Din păcate , nu există nicio modalitate de a trece de la un șablon Squarespace versiunea 7.0 la un șablon 7.1 . Dacă aveți un site existent creat cu un șablon 7.0, singura modalitate de a face upgrade la 7.1 ar fi să vă reconstruiți manual site-ul. Aceasta înseamnă recrearea aspectului și copierea și lipirea conținutului existent.

Pot găsi șabloane Squarespace în altă parte?

Da, așa cum s-a menționat mai sus. Doar căutați „Șabloane Premium Squarespace” și veți întâlni câțiva dezvoltatori specializați în vânzarea de modele Squarespace personalizate. În mod ideal, aceste companii pot instala direct șablonul în contul dvs. Squarespace (dacă aveți un site Squarespace existent).

Rețineți totuși că multe șabloane necesită utilizarea platformei de dezvoltatori Squarespace – iar aceasta este în prezent disponibilă numai pentru versiunea 7.0 . Pentru versiunea 7.1, puteți cumpăra, de asemenea, kituri de șabloane Squarespace de pe unele site-uri web care vin cu instrucțiuni de configurare pas cu pas (practic le folosiți grafica și construiți singur designul în Squarespace). Aceasta pare o modalitate complexă, dar ar putea fi utilă dacă doriți să vă schimbați site-ul în mod independent ulterior.

Lucru important de reținut: dacă pur și simplu copiați și lipiți singur codul, acesta va intra în afara domeniului de aplicare al suportului Squarespace.

În ceea ce privește alte avantaje și dezavantaje ale unui șablon Premium Squarespace? Aș spune că principalul avantaj este că site-ul tău va ieși în evidență din mulțime . Chiar și cu toate opțiunile de personalizare, este posibil să găsiți din ce în ce mai multe site-uri care seamănă mult cu ale dvs.

Dar poate fi și costisitor, mai ales dacă trebuie să achiziționați modificări mai târziu. Sigur, va exista o taxă fixă ​​pentru șablonul premium, dar veți fi legat de codul dezvoltatorului și s-ar putea să nu ofere suport nelimitat.

Concluzie: avantajele și dezavantajele șabloanelor de site-uri Squarespace

Sunt multe de plăcut despre șabloanele Squarespace – și cu atât mai mult cu versiunea 7.1. Designul site-ului web este impecabil, așa cum era de așteptat, dar personalizarea și gama par, de asemenea, să ofere doar cantitatea potrivită de alegere, fără a fi copleșitoare.

Avantajele șabloanelor Squarespace

• Elegant și plăcut din punct de vedere estetic
• Selecție decentă
• Flexibilitate bună și opțiuni de personalizare (în special cu versiunea 7.1)
• Puteți adăuga cod personalizat

Cu toate acestea, pot înțelege cum unii oameni ar dori mai multe opțiuni sau opțiuni de personalizare. În acest caz, probabil că aș recomanda să vă uitați la Wix (suficient de flexibil pentru a plasa totul manual din editor), Weebly (care vă permite să modificați codul după cum doriți) sau chiar Webflow (care vă oferă control complet asupra dvs. designul site-ului, fără a fi nevoie de vreo codificare).

Contra șabloanelor Squarespace

• Personalizarea avansată poate necesita funcții premium
• Se bazează pe imagini mari și frumoase. Dacă conținutul dvs. nu este la fel de înaltă, șabloanele par rapid mai puțin atractive
• Șabloanele sunt personalizabile, dar tot se bazează pe grile rigide. Nu obțineți control deplin asupra elementelor ca în cazul altor constructori mai flexibili.

Și cam asta o acoperă. Mai vrei să știi ceva despre șabloanele Squarespace? Anunță-mă în comentariile de mai jos.