Squarespace és un dels creadors de llocs web més populars disponibles al mercat avui dia.

És una manera ràpida, fàcil i legal de llançar un nou lloc web des de zero. Qualsevol pot crear un lloc web amb Squarespace. No cal que tingueu massa coneixements tecnològics, saber escriure codi o tenir cap habilitat de disseny prèvia per tenir èxit amb aquest recurs.

Squarespace es coneix com una solució única per crear un lloc web en una única plataforma.

L'empresa es va fundar en un dormitori de la Universitat de Maryland el 2003. Durant els últims 15 anys, s'han creat milions de llocs web amb Squarespace. Per tant, és segur dir que han crescut exponencialment amb el temps.

С punts de vista la seva reputació i fiabilitat, no hi ha gaire negatiu a dir sobre Squarespace.

Per tant, per a aquells de vosaltres que esteu preparats per crear el vostre primer lloc web, utilitzar una plataforma líder en el sector serà sens dubte la millor opció per a vosaltres.

Fins i tot si abans heu creat llocs en altres plataformes, val la pena revisar aquesta guia, ja que no tots els creadors de llocs són iguals. Independentment del vostre nivell d'experiència, us guiaré a través d'aquest senzill procés pas a pas per crear un lloc web amb Squarespace.

Comença (gratis!) Squarespace

Els preus de Squarespace oscil·len entre 12 USD – 40 USD/mes, o una mica més si pagues mensualment. (Tu pots obteniu un 10% de descompte addicional amb el codi WBE o 50% de descompte si ets estudiant!).

Però no t'ho pensis encara! Squarespace ofereix una prova gratuïta de 14 dies, així que només cal que aneu a squarespace.com per registrar-vos. No cal que introduïu cap detall en aquest moment; només cal que feu clic al botó "Comença" per passar al pas següent! Només.

primers passos

Començar amb Squarespace és fàcil: només cal que aneu a la pàgina d'inici i feu clic al botó Comença!

 

Estàs preparat per començar la construcció?

Aprofiteu la prova gratuïta de 14 dies de Squarespace per començar a crear el vostre propi lloc web. Sense detalls de pagament molestos!
 

Seleccioneu una plantilla. Espai quadrat

Un cop hàgiu fet clic a "Comença", se us demanarà que seleccioneu disseny per al teu lloc web:

Galeria de plantilles

El primer pas per crear el vostre lloc web és triar un disseny. Feu clic a la imatge per veure les plantilles de Squarespace.


Podeu navegar per sectors (des de "Compres en línia" i "Restaurants" fins a "Bodes" i "Fotografia") o per dissenys populars.

Categories de plantilles d'espai quadrat

Podeu filtrar plantilles per categoria i previsualitzar els dissenys per facilitar la vostra selecció. Fes clic a la imatge per triar el teu disseny.


Passeu el cursor per sobre de la plantilla i seleccioneu Vista prèvia per provar-la.

La plantilla que trieu actuarà com a trampolí per al disseny del vostre lloc web, per la qual cosa val la pena navegar per diverses per trobar la que més us agradi.

Bé saber: Heu trobat el disseny perfecte, però li falta una pàgina o una funció que el vostre lloc necessita? No et preocupis! Squarespace 7.1 us permet afegir pàgines i elements nous a la vostra plantilla. Per descomptat, estalviareu temps si la vostra plantilla ja té tot el que necessiteu, però això no hauria de ser un trencador d'acords!

Un consell en aquest punt: el disseny de Squarespace és bo. De fet, són molt bons, els millors que hem provat mai! Sens dubte, això és fantàstic, però també pot dificultar l'elecció d'una sola plantilla: teniu moltes ganes de triar i és fàcil perdre el control i renunciar completament.

Però no facis això! Aquests són els nostres millors consells per triar una plantilla:

  1. Enganxeu-vos al vostre sector és una manera senzilla de restringir les vostres opcions alhora que garanteix que seguiu les millors pràctiques del sector.
  2. "Afegiu a les vostres plantilles preferides" fent clic al cor — es desaran a la categoria "Preferits" perquè pugueu tornar-hi amb ulls nous.
  3. Només... escolliu-ne un! - Podeu personalitzar la vostra plantilla com vulgueu, així que no us quedeu massa pendent de la vostra decisió en aquest moment.

Un cop hàgiu seleccionat una plantilla, passeu el cursor per sobre d'ella i seleccioneu l'opció "Comença amb [nom de la plantilla]". Escollirem una plantilla Atlàntic de la categoria de restaurant.

 
 

Estàs preparat per ser creatiu?

Squarespace ofereix una sèrie de plantilles sorprenents que podeu personalitzar. Navega pels dissenys, tria el teu preferit i comença a crear!
 

Crear un compte. Espai quadrat

En aquest punt, heu de registrar-vos amb una adreça de correu electrònic o iniciar sessió al vostre compte de Google:

Crea un inici de sessió

Per registrar-se a Squarespace només cal una adreça de correu electrònic i una contrasenya; no es requereix cap informació de pagament. Feu clic a la imatge per anar-hi pàgina d'inici quadratsace.


A continuació, doneu un nom al vostre lloc. Apareixerà a la part superior del vostre lloc, tot i que es pot editar.

Seleccioneu un nom de lloc de Squarespace

Durant la configuració, podeu donar un nom al vostre lloc.


A continuació, Squarespace us mostrarà algunes diapositives ràpides sobre l'edició del vostre lloc. Podeu saltar-los, segur que ja teniu (probablement) el millor tutorial a Internet com a guia fiable!

Aquest és el vostre menú principal de Squarespace, i des d'aquí seguireu tots els passos per donar vida al vostre lloc.

Menú principal del lloc

Editeu les vostres pàgines mitjançant el menú d'edició de Squarespace.


Afegeix/elimina pàgines. Espai quadrat

Si et vas traslladar a una casa que necessitava molta feina, t'havies d'assegurar que les coses més grans —banys, cuines, etc.— estaven al seu lloc abans de començar a pintar les parets.

Aquí és el mateix. No us deixeu portar encara disseny: centreu-vos en l'estructura del vostre lloc.

Afegint pàgines

Fes una ullada al menú. Què hi falta? 

Pel que fa al nostre restaurant La cuina de prova, volem , perquè el bloc pugui compartir algunes receptes que la gent pugui copiar des de la seva pròpia cuina, actualitzacions sobre les nostres precaucions i polítiques de Covid-19 i missatges de l'equip.

Així és com hem afegit un bloc al lloc:

 
Afegir un bloc a Squarespace
 
 
 
 

Aneu a "Pàgines" on veureu totes les pàgines actuals del vostre lloc:

Afegiu pàgines al vostre lloc

Podeu veure les pàgines del vostre lloc a la part esquerra de l'editor.

 

Feu clic a + i seleccioneu "Blog" de la llista.

Afegeix un bloc al teu lloc

Podeu triar quines pàgines voleu afegir al vostre lloc. Aquí, feu clic a la pàgina del bloc.

 

A continuació, seleccioneu la vostra disposició preferida:

Exemples de disseny del bloc de Squarespace

Quina disposició t'agrada més? Navega per cadascun i tria el disseny que millor s'adapti al teu disseny!

 

Un cop hàgiu escollit un disseny, feu clic a qualsevol de les quatre publicacions "fictícies" del bloc per afegir-la al vostre propi contingut i suprimiu qualsevol cosa que encara no necessiteu.

Creació d'un submenú. Espai quadrat

Hi ha massa pàgines per cabre al menú del vostre lloc web? Col·loqueu les vostres pàgines en una carpeta per facilitar-ne la navegació.

Afegint submenús a Squarespace

Per agrupar pàgines en submenús, aneu a Pàgines i torneu a fer clic a la creu que hi ha a sobre de la llista de pàgines. Seleccioneu "Carpeta" al menú.

 
 
Afegeix un submenú

Aneu a Pàgines, feu clic a la icona +, seleccioneu Carpeta i doneu un nom al menú.

 
 
 

A continuació, podeu definir un nom per a aquest menú i també afegir les pàgines que hi haurà.

Esborrant pàgines. Espai quadrat

Necessites desfer-te d'una pàgina o carpeta? Cap problema. Només cal que passeu el ratolí per sobre de la pàgina del menú i apareixerà un emoji de paperera a l'esquerra. Feu clic a aquesta icona i després Confirmeu.

 

Tens els fonaments bàsics?

Squarespace no és el constructor més ràpid, però amb una mica de paciència seràs un professional en molt poc temps.  
 

Edita pàgines. Espai quadrat

Un cop tingueu les pàgines que voleu, és hora de personalitzar-ne el contingut perquè coincideixi amb la vostra marca. Això significa substituir la còpia del marcador de posició, reordenar les seccions i afegir-ne de noves.

Per entrar al mode Editor, aneu a la pàgina que voleu editar i feu clic a Edita a l'extrem superior esquerre.

En aquest cas estem editant la pàgina d'inici. Squarespace funciona en "carrils" o "seccions". Per fer-vos una idea de com és això a la vida real, mireu el vídeo següent on vam jugar amb l'addició de seccions i canviant de contingut.
Edició de seccions a Squarespace
 
 
 

En resum, podeu editar qualsevol secció passant el cursor per sobre d'ella i després fent clic a la icona del llapis. Per afegir una altra secció, passeu el ratolí per sobre de les dues seccions i feu clic a la icona blava "+" que apareix al mig.

Aquí hi ha alguns tipus de seccions que podeu afegir:

Afegiu una secció a Squarespace

Hi ha moltes seccions per triar, i fins i tot podeu reorganitzar les pàgines després d'afegir noves seccions al vostre lloc.

 

No t'agrada l'ordre de la pàgina? Només cal que toqueu i manteniu premut per seleccionar una secció i, a continuació, arrossegueu-la més amunt o cap avall a la pàgina.

Quan hàgiu acabat d'afegir, editar i moure seccions, assegureu-vos de fer clic a "Fet" a l'extrem superior esquerre i després a "Desa".

 
 

Tens els fonaments bàsics?

Squarespace no és el constructor més ràpid, però amb una mica de paciència seràs un professional en molt poc temps. crear disseny i afegir marca

Ara el disseny de les vostres pàgines està aproximadament al seu lloc, personalitzarem el vostre dissenyar i afegir alguns elements marca per fer que el vostre lloc se senti més "tu".

Al menú principal, seleccioneu "Disseny".

Dissenyeu el vostre lloc web de Squarespace

Aneu a Disseny per canviar les opcions d'estil, com ara colors i tipus de lletra.

 

Canvia els tipus de lletra i els colors. Espai quadrat

Aneu a la secció "Tipus de lletra" per seleccionar "establir" tipus de lletra (essencialment un parell de tipus de lletra) per implementar al vostre lloc i també canviar la mida de lletra establerta. A Estils de text globals, feu clic a qualsevol tipus de text (títols, paràgrafs, etc.) per ajustar el pes i l'espaiat de la font. A continuació, feu clic a "Assigna estils" (a Fonts de lletra) per assignar diferents tipus de lletra a diferents parts del vostre lloc.

Bé saber: Un avís ràpid que la versió 7.1 (la versió més recent de Squarespace) no és compatible amb els tipus de lletra personalitzats d'Adobe.

Al capítol " Colors Squarespace té una selecció de paletes de colors prefabricades per triar, o la possibilitat de pujar un color (mitjançant un codi HTML de sis dígits), o fins i tot de pujar una imatge i Squarespace en traurà els colors clau.

Animació i estil. Espai quadrat

A la secció "Animació" podeu configurar la visualització de l'animació al vostre lloc. L'animació és quan el contingut sembla que "esclata", "esvaeix" o "cau" al seu lloc. Aquesta és una manera fantàstica i elegant de donar vida al vostre lloc web!

Opcions d'animació d'espai quadrat

Efectes d'animació inusuals al vostre lloc web? Cap problema!

 

Al capítol " Interval" i " blocs d'imatge" podeu fer petits canvis a l'espaiat i l'alineació del contingut i de les seccions d'imatge. I a la secció " botons" pots canviar l'estil dels teus CTA.

Consell: el 2020, una mica més del 50% del trànsit web a tot el món provenia de dispositius mòbils. Assegureu-vos de canviar regularment a la versió mòbil del vostre lloc per assegurar-vos que tot funcioni tan bé en un escriptori com en Dispositiu mòbil:
Vista mòbil de Squarespace

Canvia a la vista mòbil per veure com es veu el teu lloc en diferents dispositius.

 

Detalls més fins

En aquest moment, el vostre lloc es veu força bé. Contingut? Comprova-ho. Imatges? Comprova-ho. Colors i tipus de lletra de marca? Comprova-ho. Animacions divertides? Comprova-ho.

Sinó bon lloc web ha de ser coherent en tots els punts de contacte possibles i, per tant, és molt important suar les coses petites :

Disseny>Icona del navegador - També coneguda com a icona del navegador, la icona del navegador és el que apareix al costat del nom del vostre lloc quan el vostre lloc es troba en una pestanya. De moment tenim un cub negre per defecte; la majoria de les marques preferirien penjar el seu logotip aquí:

Icona d'espai quadrat

 

Disseny > Pàgina 404 és el contingut que es mostrarà si els lectors intenten accedir a una pàgina del vostre lloc que no existeix. Aquí hi ha una còpia predeterminada, però us suggerim que la substituïu per una altra de més marca.  

Podeu editar la vostra pàgina 404 perquè reflecteixi la vostra marca per animar els visitants a romandre més temps al vostre lloc.

 

Pàgina de compra i productes. Espai quadrat

Aquestes seccions tracten sobre personalitzar les pàgines de productes i les pàgines de pagament. No hi ha articles per vendre? Omet-ho ara!

Afegir un logotip i un logotip de xarxa social

Podeu pujar el logotip xarxa social (és a dir, una imatge que representa el vostre contingut quan es publica a xarxes socials) En el capítol " Disseny>Compartir socialment .

Per penjar un logotip per mostrar-lo al vostre lloc, torneu al mode d'edició a la pàgina d'inici. Passeu el ratolí per sobre de la capçalera i feu clic al botó "Edita la capçalera del lloc" i, a continuació, a "Capçalera i logotip del lloc", on veureu un lloc per penjar el vostre logotip.

 

Afegiu informació del lloc i configureu els paràmetres clau. Espai quadrat

Abans de poder començar a pagar pel vostre lloc i publicar-lo, primer hem d'augmentar el nivell d'administrador. al capítol " Configuració " trobareu molts paràmetres diferents; hem cobert els elements bàsics per a qualsevol lloc web a continuació, però és possible que en trobeu d'altres que s'adaptin al vostre!

Idioma i informació empresarial

Anar a " Configuració>Idioma i regió per seleccionar la ubicació, l'idioma i la zona horària.

В a Configuració > Informació empresarial Introduïu les vostres dades de contacte, ubicació i horari d'obertura (si escau).

Informació comercial - Squarespace

Si esteu creant un lloc web empresarial, aquí és on podeu introduir la informació de contacte, la ubicació i l'horari d'obertura.

 

Nom de domini. Espai quadrat

El vostre nom de domini és l'adreça del vostre lloc web. Quan es tracta d'obtenir el vostre propi nom de domini, teniu diverses opcions:

  1. Compra a un altre registrador de dominis i transfereix-lo al teu lloc de Squarespace. Anar a " Configuració>Dominis>Utilitza el teu propi domini , i Squarespace us indicarà els passos per afegir-lo.
  2. Obteniu un nom de domini a través de Squarespace. Costarà a partir de 20 dòlars anuals (que немного més car que comprar en un altre lloc, però una mica més convenient). Anar a Configuració>Dominis>Obtenir domini. per trobar-ne un disponible.
  3. Compreu el pla anual de Squarespace i obteniu un domini gratuït durant el primer any. Cobrirem els plans a la secció següent, però si esteu disposat a comprometre's amb un pla anual, obtindreu un nom de domini gratuït durant el primer any, així com estalvis en costos "bàsiques". Per aconseguir-ho, registreu-vos a un pla de pagament i, a continuació, aneu a " Configuració>Dominis>Obtenir domini.

Mitjà de comunicació social

Enllaça els teus comptes a xarxes socialsseleccionant " Configuració>Enllaços socials . Tots els comptes que afegiu aquí es podran accedir mitjançant les icones de capçalera tret que els suprimiu.

 

Com es dirà el vostre lloc?

Voleu que el vostre domini sigui únic, senzill i memorable. No esperis que algú més reclami el teu domini: un cop desaparegut, desapareix!
 

Previsualitza el teu lloc

Quan la prova de dues setmanes de Squarespace encara estigui en curs, el vostre lloc serà privat de manera predeterminada. Això vol dir que ningú hi podrà accedir, per exemple, simplement a través de Google. Fins i tot si teniu un nom de domini configurat i envieu a algú un enllaç directe, només veurà la pàgina d'inici de sessió.

Però que els amics i la família vegin el vostre lloc és un pas important per resoldre qualsevol torsió abans que el vostre lloc s'iniciï. És per això que us recomanem establir una contrasenya per a tot el lloc. Qualsevol persona amb aquesta contrasenya podrà accedir als darrers canvis al vostre lloc web. Si no hi ha res més, aquesta podria ser una manera útil av per veure el lloc "a la vida real" entre diferents dispositius.

Com establir una contrasenya per a tot el lloc

Al menú principal, seleccioneu " Configuració>Accessibilitat del lloc . A continuació, canvieu la configuració predeterminada de Públic a Protegit amb contrasenya i introduïu la contrasenya escollida. Només recordeu tornar-ho a fer públic després de registrar-vos al pla de pagament!

Seleccioneu un pla tarifari. Espai quadrat


Abans que finalitzi la prova gratuïta, assegureu-vos que us registreu a un pla de pagament. Squarespace té quatre plans de preus:

  • Personal -16 $/mes (o 12 $/mes facturats anualment)
  • Negocis -26 $/mes (o 18 $/mes facturats anualment)
  • Comerç electrònic bàsic -30 $/mes (o 26 $/mes facturats anualment)
  • Comerç electrònic avançat -46 $/mes (o 40 $/mes facturats anualment)

Per descomptat, tots els plans difereixen en les característiques que proporcionen (els dos passos següents d'aquesta guia només són possibles si teniu un pla de negoci o superior, per exemple). Podeu estalviar entre un 13% i un 30% si us registreu a un pla anual.

Però què donen? Bé, com és d'esperar, obtindreu més si pagueu més. Per exemple, el pla Personal és ideal per a carteres i blocs, però no és apte per a usuaris amb ambicions empresarials, ja que no et pot vendre productes. Tampoc proporciona integracions de tercers com Mailchimp o OpenTable, ni anuncis emergents.

Dos plans comerç electrònic ofereix zero comissions de transacció mentre que Business et cobra un 3%. Així que penseu en el vostre pressupost i en què voleu que pugui fer el vostre lloc.

 Un cop hàgiu escollit un pla de tarifes i l'heu pagat, el vostre lloc està en funcionament. Per a alguns llocs web (carteras, etc.) ara es pot fer el vostre treball. Per a qualsevol persona que utilitzi un pla d'empresa o superior, hi ha un parell de passos addicionals que explicarem a continuació.

 

 

Integrar eines de màrqueting (opcional)

En primer lloc, per afegir eines de màrqueting, heu d'estar com a mínim al pla d'empresa. Com actualitzeu? No us sorprendrà saber que Squarespace va pensar en això: hi ha un botó "Actualitza ara" situat estratègicament al final de cada pàgina durant la vostra prova gratuïta.

Per descomptat, no tots els llocs web necessiten aquestes eines. Per tant, si no teniu previst vendre en línia, podeu saltar els passos 7 i 8.

botó d'actualització d'espai quadrat


Pots actualitzar fàcilment el teu pla de Squarespace en qualsevol moment durant la prova gratuïta

Si feu clic a "Màrqueting" al menú principal, veureu tot el que necessiteu per promocionar el vostre lloc de Squarespace. La imatge següent mostra les vostres opcions de màrqueting.

Menú de màrqueting de Squarespace

Squarespace ofereix una àmplia gamma d'eines de màrqueting excel·lents.


Des d'aquí, podeu afegir finestres emergents, mostrar botons de xarxes socials, integrar la vostra pàgina de Facebook, enllaçar el vostre feed d'Instagram i molt més amb només un parell de clics. Fins i tot podeu crear una campanya de correu electrònic nova mitjançant les campanyes de correu electrònic de Squarespace. Per a un creador de llocs web tan creatiu, Squarespace no escatima en la part empresarial de les coses.

Fins i tot podeu veure el rendiment del vostre lloc mitjançant l'opció d'Analytics del tauler principal. Us permet veure el vostre trànsit, cercar paraules clau i, bàsicament, fer un seguiment del rendiment del vostre lloc de Squarespace.

Afegiu la funcionalitat de comerç electrònic (opcional). Espai quadrat

El 62% dels consumidors nord-americans compren ara en línia més que abans de la pandèmia, per la qual cosa és possible que vulgueu afegir al vostre lloc web de comerç electrònic.

Igual que afegir eines de màrqueting a vendre productes, heu de tenir almenys un pla d'empresa Tanmateix, encara recomanem plans de comerç per als més ambiciosos botigues en línia.

Per tant, després d'actualitzar (només feu clic al botó blau "Actualitza ara"), feu clic a "Comerç" al tauler principal i podreu començar a vendre.

Ara podeu integrar aquestes funcions de vendes:

  • Comandes en línia
  • Gestió d'inventari
  • Consulta els teus clients
  • Afegeix descomptes

Tingueu en compte que haureu d'afegir una pàgina de Productes abans de gestionar el vostre inventari. Però no us preocupeu, només heu de tornar als passos "Afegir pàgines" i repetir el procés. És realment senzill.

Squarespace té integració amb Square, el gegant del processament de pagaments. Us permet acceptar pagaments amb targeta tant fora de línia com en línia; tot el que necessiteu és l'aplicació Square Commerce, un dels lectors de targetes més petits de Square (49 dòlars), i ja esteu a punt. Mireu aquest vídeo per obtenir més informació sobre com això pot funcionar a la vostra botiga:

 

Pel que fa a les comissions, pagaments fora de línia S'aplicaran les tarifes de transacció i processament de Square. Això depèn de diversos factors (inclosa la ubicació), però als EUA podeu esperar pagar:

  • Comissió de transacció 2,6% + comissió за processament en 0,10 $
  • Comissió per transacció 3,5% + comissió за processament transaccions clau 0,15 USD

Tot i que sempre val la pena comprovar-ho directament amb el lloc web de Square. No incorreu en cap cost addicional de Squarespace per vendes fora de línia o en línia amb els seus plans de comerç.

 Com utilitzar Squarespace: resum

Crear un lloc web amb Squarespace és més divertit que la majoria de desenvolupadors. Per què? Perquè tot i que requereix més cura i atenció, encara és fàcil d'utilitzar.

Pot semblar que hi ha molta informació, però el procés és bastant senzill. Per refrescar la memòria, revisem els onze senzills passos per crear un bonic lloc web de Squarespace:

Personalitat de marca.