Tutorial Squarespace: come utilizzare Squarespace? Una guida passo passo per principianti

Cerchi un tutorial Squarespace per aiutarti a creare il tuo sito web?

È un'ottima scelta. Adoro Squarespace. Non importa cosa vuoi costruire in questo momento, che si tratti di un negozio di eCommerce o di un sito Web per la tua band, l'importante è che una volta che sai come utilizzare Squarespace, sai come creare un sito Web praticamente per qualsiasi cosa .

D'altra parte, Squarespace può lanciare la strana palla curva nella tua direzione. Ha così tante opzioni diverse che imparare a usare Squarespace può creare un po' di confusione. Con questa guida passo passo, ti mostreremo come sfruttare al meglio Squarespace per portare il tuo sito web online più velocemente.

Sommario:

• Personalizzare la tua esperienza Squarespace
• Come scegliere un design Squarespace per il tuo sito web
• Registrazione con Squarespace
• Conoscere la dashboard e l'editor di Squarespace
• Modifica dei contenuti del tuo sito web
• Apportare modifiche al design
• Aggiunta di un negozio eCommerce
• Visualizzazione in anteprima del tuo sito su dispositivo mobile
• Pubblicazione del tuo sito e prezzi

Tutorial Squarespace: come utilizzare Squarespace per creare un sito web

Per ora, andiamo al sito web di Squarespace e facciamo clic su uno dei due pulsanti Inizia :

Personalizzare la tua esperienza Squarespace

Una volta iniziato, avrai la possibilità di rispondere ad alcune domande sulla tua attività e sul tuo sito web. Puoi saltarli in qualsiasi momento, ma le tue risposte aiutano Squarespace a trovare i temi del sito web che corrispondono alle tue esigenze e ai tuoi obiettivi.

Ad esempio, se vuoi creare un blog di cibo, Squarespace ti mostrerà i migliori temi di siti Web per blog e cibo. Puoi inserire i tuoi argomenti ma renderlo ampio. Ad esempio, gli immobili genereranno risultati migliori rispetto alla vendita agli acquirenti della prima casa .

Quando sei soddisfatto della tua selezione, fai clic su Avanti per andare avanti.

Se hai obiettivi specifici, come la creazione di un sito di appartenenza o la creazione di un sito di eCommerce, selezionali dal menu obiettivi.

Ma non selezionare obiettivi che prevedi di perseguire "un giorno". Scegli quelli che ti hanno spinto a iniziare oggi. Questi determineranno il modo in cui Squarespace classifica i progetti che vedrai in seguito.

Ad esempio, se il tuo argomento era il settore immobiliare , ma hai scelto la vendita di prodotti e servizi come obiettivo principale, vedrai molti temi di eCommerce prima di vedere un singolo tema immobiliare.

Con gli obiettivi gestiti, affrontiamo l'ultima domanda. Che tu stia esplorando un'idea o trasferendo un sito web, fai clic sulla risposta migliore e poi su Fine per passare alla parte interessante di qualsiasi tutorial Squarespace: la selezione dei modelli.

Come scegliere un design Squarespace per il tuo sito web

Quando compaiono i disegni, probabilmente noterai un leggero ronzio. Non preoccuparti, è del tutto normale. Squarespace è famoso per i fantastici design dei modelli. Ma per sfruttare al meglio Squarespace, tieni presente quanto segue:

• I modelli che corrispondono meglio a te appariranno per primi.
• Sotto di essi troverai alcuni modelli che sono buoni punti di partenza per il tuo sito web.
• Infine, troverai i modelli più popolari.

Se visualizzi in anteprima alcuni modelli ma nulla ti cattura, cerca nell'elenco completo di oltre 110 modelli o filtra i risultati utilizzando i tipi di siti Web e gli elenchi di argomenti.

Ma non escludere i temi basati sul contenuto della demo. Il trucco per imparare a usare Squarespace come un professionista è cercare i design con colori, caratteri e layout che ti piacciono.

Con Squarespace, è più facile scegliere un tema con le funzionalità "sbagliate" e aggiungerle piuttosto che modificare la combinazione di colori di un tema con le funzionalità "giuste".

Assicurati di dare una buona occhiata ai temi e visualizzare in anteprima quelli che ti piacciono. Quando trovi il tuo preferito, fai clic su di esso per iniziare con un account Squarespace.

Registrazione con Squarespace

A questo punto, dovrai accedere o creare un account Squarespace. Puoi utilizzare un account Squarespace per più prove di 14 giorni, quindi non creare un nuovo account se hai mai utilizzato Squarespace prima.

Dopo esserti registrato, dai un nome al tuo sito web. Puoi cambiarlo in un secondo momento, quindi sentiti libero di inserire un segnaposto e aggiornarlo quando sei pronto. Tuttavia, se vuoi il nome perfetto ora, un generatore di nomi commerciali ti aiuterà a trovarlo.

Dopo esserti registrato e aver aggiunto un nome, puoi goderti il ​​rapido tutorial Squarespace della piattaforma prima di arrivare alla dashboard del sito web.

Conoscere la dashboard e l'editor di Squarespace

La gestione del tuo account Squarespace e la gestione generale del tuo sito Web vengono gestite tramite la dashboard o l'editor visivo.

La dashboard è per cose come le modifiche alla password o i trasferimenti di dominio.

Se gestisci alcuni siti Web, puoi passare da uno all'altro dalla dashboard. Per visualizzare uno dei tuoi siti Web, fai clic sul pulsante Sito Web per aprire la suite completa di strumenti di gestione del sito Web (incluso l'editor visivo).

La gestione del sito Web è una gioia con Squarespace. Mentre altre piattaforme di creazione di siti Web hanno più strumenti concorrenti per cose come la SEO, Squarespace fa le cose in modo diverso. Puoi saltare gli elenchi di strumenti che devono essere pagati. Invece, tutto ciò di cui hai bisogno per avere successo è in una pagina.

Troverai gli strumenti di gestione del tuo sito web sul lato sinistro dello schermo. Sulla destra, avrai un'anteprima del tuo sito web.

• Usa le pagine per modificare il contenuto del tuo sito web.
• Modifica gli aspetti del design , come stili del sito, CSS aggiuntivi e pagine di errore.
• Assumi il controllo delle funzioni commerciali , come prodotti, spedizione e fatturazione.
• Approfondisci l' analisi con rapporti sul traffico, conversioni e prestazioni SEO.
• Avvia più opzioni di marketing , come popup e campagne e-mail.
• Consenti opzioni di autoprogrammazione per i tuoi clienti.
• E molto altro ancora.

Modifica dei contenuti del tuo sito web

Ogni volta che apro l'editor visivo, rimango colpito dall'aspetto completo dei siti Squarespace sin dall'inizio. Diamo un'occhiata a quello che abbiamo:

• Un menu funzionante che rimanda alle pagine essenziali.
• Layout professionali ben proporzionati con pulsanti che catturano l'attenzione.
• Caratteri ben abbinati e una combinazione di colori professionale.

Non solo ha un bell'aspetto ma anche, se sei fortunato, il modello selezionato corrisponderà al tuo argomento e l'unica cosa di cui potresti aver bisogno prima del lancio è l'editing leggero.

Iniziamo a modificare le Pagine poiché sono nella parte superiore del menu.

Come puoi vedere, ogni pagina del tuo sito web è elencata qui. Per modificare le impostazioni della pagina, scorrere il nome per trovare la piccola icona a forma di ingranaggio e fare clic su di essa.

In Impostazioni pagina, puoi modificare l'identità e l'aspetto del tuo sito. Soprattutto, per noi, le impostazioni generali controllano i titoli delle pagine e lo slug URL.

Le Impostazioni pagina sono utili se vuoi sapere come duplicare una pagina Squarespace. Vai su Impostazioni pagina → Generali e scorri verso il basso per trovare il collegamento Pagina duplicata . Basta fare clic su di esso per duplicare qualsiasi pagina Squarespace.

Mentre sei qui, considera di aggiornare l'immagine social con qualcosa che vorresti condividere sulle piattaforme di social media (vai su Social Image e trascina la tua immagine preferita nella casella).

Dopo aver impostato l'identità del tuo sito, passeremo al passaggio successivo del tutorial di Squarespace: il contenuto della pagina.

Facendo clic sul pulsante Modifica si aprono le opzioni di modifica per le tue pagine.

Modifica dell'intestazione del sito

Vengono visualizzate diverse opzioni di modifica quando si passa il mouse su parti diverse della pagina. Perché non iniziare dall'alto con l'intestazione del sito? Fare clic sul pulsante di modifica quando viene visualizzato.

Qui troverai le opzioni di modifica desktop e mobile per quanto segue:

• Titolo e logo del sito.
• Una varietà di elementi come link e pulsanti sociali.
• Colori e trasparenza.
• Posizione dell'intestazione.

Se stavi aspettando di aggiungere il nome del tuo sito, puoi farlo ora aggiungendo qualsiasi profilo di social media che hai impostato. Con gli elementi di identificazione essenziali in atto, analizziamo le opzioni mobili.

Eventuali modifiche apportate ai menu mobili o desktop saranno visibili solo su tali dispositivi. Per i dispositivi mobili, puoi modificare il layout dell'intestazione e le opzioni del menu.

Per desktop è possibile modificare il layout ma anche l'aspetto degli elementi e la dimensione dell'intestazione stessa. Squarespace fa un buon lavoro di spaziatura degli elementi, quindi probabilmente puoi lasciare il padding e la spaziatura così com'è.

Indipendentemente da ciò che stai modificando, ogni modifica apparirà immediatamente nella finestra di anteprima. Ad esempio, la modifica del titolo del sito avverrà in tempo reale.

Modifica del contenuto della pagina

Entra nella modalità Modifica da qualsiasi pagina quando sei pronto per cambiarne il testo o aggiornare le immagini. È possibile modificare la maggior parte delle aree di contenuto, inclusi blocchi di testo, pulsanti e foto.

Ad esempio, per modificare frasi e intestazioni, fare clic sul testo per aprire l'editor di testo. Qui puoi aggiungere elenchi e collegamenti, testo in grassetto e altro. Digita semplicemente il tuo nuovo testo e aggiungi qualsiasi formattazione.

️ Un punto importante, Squarespace non ha una funzione di salvataggio automatico. In genere, è difficile uscire da una pagina senza premere Fine e Salva modifiche . Ma una connessione persa o una finestra chiusa potrebbero causare qualche problema.

Modifica del layout della sezione

Per apportare modifiche agli sfondi e ai layout delle sezioni, scorrere su qualsiasi sezione per trovare un piccolo menu con le opzioni di modifica:

• La matita ti dà il controllo sull'aspetto della sezione. Ciò include la dimensione della sezione, lo sfondo e il colore.
• Facendo clic sulle due pagine si duplicherà tutto nella sezione. Copierai il layout, tutte le immagini e il testo. La tua sezione duplicata apparirà immediatamente sotto quella esistente.
• Le due frecce spostano la sezione in alto o in basso nella pagina.
• Il cestino cancella l'intera sezione.

Ad esempio, per modificare un'immagine di sfondo, fare clic sulla matita e Sfondo . Fai clic su Sostituisci per caricare un'immagine di sfondo che ti piace. Se hai un link YouTube o Vimeo, puoi trovare le impostazioni dello sfondo del video in Video .

Aggiunta di sezioni

Poiché abbiamo fatto scorrere tutto il cursore, potresti aver notato un bordo blu con Aggiungi sezione alle estremità opposte. Facendo clic su uno di essi si aprirà la finestra a comparsa della nuova sezione contenente ogni sezione Squarespace.

Le sezioni più comuni e popolari appariranno in alto, quindi scorri l'intero elenco per vedere sezioni oscure come:

• Appuntamenti
• Donazioni
• Prodotti
• Calendari
• Grafici
• Logo da parete
• Musica
• e tanti altri

Ogni sezione ha più layout che puoi scorrere prima di fare clic per aggiungere la sezione alla tua pagina.

Non solo i layout hanno un aspetto diverso, ma hanno anche opzioni diverse a seconda degli elementi che utilizzano. Ad esempio, le sezioni della posizione hanno più design di mappe con semplici cursori on-off per elementi come lo scorrimento.

Aggiunta di una pagina

Nessun tutorial di Squarespace potrebbe essere completo senza mostrarti come aggiungere una pagina. Puoi creare nuove pagine e rimuovere quelle esistenti dal menu Pagine .

Ogni pagina del menu principale si trova sotto l'intestazione Navigazione principale .

Eventuali pagine o aree di appartenenza non collegate saranno sotto la sezione principale.

Per aggiungere una pagina, fai clic sul pulsante "+" in base alla posizione in cui desideri che appaia la pagina.

Puoi creare una pagina da zero o utilizzare un layout Squarespace pre-progettato come:

• RSVP
• Servizi
• Squadra
• Galleria
• Portafoglio
• Blog
• e altro ancora

Ad esempio, se decidi di aggiungere una pagina del blog, puoi scegliere un layout che ti piace e aggiungerlo al menu principale. Come si può vedere, il menu si aggiornerà automaticamente con la tua nuova pagina.

Quando sei pronto per scrivere il tuo primo post, fai semplicemente clic sulla pagina del tuo blog per aprire l'archivio. Una volta aperto l'archivio, fare clic sul pulsante "+" per iniziare un nuovo post.

Apportare modifiche al design

È tempo che il nostro tutorial su Squarespace passi agli strumenti di progettazione che ti aiutano ad aggiungere il tocco personale che conferisce al tuo sito la sua identità visiva. Quando sei pronto per iniziare a cambiare colori, dimensioni e caratteri, fai clic sul collegamento Design per iniziare l'esplorazione.

Quando fai clic, sarai in grado di modificare:

• Stili del sito come caratteri, colori, animazioni e altro ancora.
• Icone del browser
• Blocca schermi
• Pagine di pagamento
• 404 pagine
• Loghi di condivisione sociale
• CSS personalizzato

Mentre dovresti sperimentare tutte queste schede, gli stili del sito avranno il maggiore impatto sul tuo sito web. Clicca sul link per aprire il menu principale:

Puoi vedere che gli stili del sito coprono tutti gli elementi visivi importanti per il tuo sito web. Ogni volta che hai bisogno delle opzioni di progettazione, apri il menu facendo clic sull'icona del pennello.

Dopo aver selezionato un'opzione, Squarespace applicherà automaticamente la modifica dello stile all'intera pagina. Non dovrai passare immediatamente attraverso i singoli elementi e le modifiche. Ad esempio, la modifica della tavolozza dei colori aggiorna tutte le sezioni con i nuovi colori.

Aggiunta di un negozio eCommerce

Nota; questo passaggio è facoltativo. Non tutti gli utenti vorranno avviare un negozio eCommerce con Squarespace. Detto questo, se questo è il tuo obiettivo, Squarespace è perfettamente in grado di gestire l'attività!

Sebbene Squarespace non sia la piattaforma di eCommerce più popolare, ha abbastanza funzionalità commerciali per estendere qualsiasi sito Web a un negozio online.

In effetti, non importa nemmeno se non sei ancora sicuro di cosa vendere online. Squarespace ti darà la possibilità di esplorare le tue opzioni.

In effetti, puoi aggiungere 200 prodotti a una pagina del negozio. Se vuoi generare entrate dal tuo sito web, Squarespace Commerce è un'opzione solida.

Quando sei pronto per iniziare, fai clic sulla scheda Commercio .

Il processo di configurazione del negozio può essere gestito con la procedura guidata di eCommerce in quattro passaggi di Squarespace. Fare clic su Start e poi su Aggiungi prodotti in vendita .

A questo punto Squarespace ti chiederà di scegliere il layout del negozio. Dovresti avere almeno due opzioni. Clicca sulla tua opzione preferita.

Il tuo negozio dovrebbe avere alcuni prodotti demo inclusi nel layout. Possono essere modificati per adattarsi ai tuoi prodotti oppure puoi aggiungere nuovi prodotti facendo clic sul pulsante "+" .

Puoi scegliere tra quattro tipi di prodotto principali con diverse impostazioni:

• Fisico
• Digitale
• Servizio
• Carta regalo

Ciascuno dei tipi di prodotto ha campi diversi per ogni aspetto della visualizzazione del prodotto. Puoi aggiungere più immagini, impostare i prezzi e gestire il tuo inventario dalle pagine dei prodotti.

Dopo aver completato l'aspetto del prodotto, scorri verso il basso per trovare opzioni personalizzate come pulsanti e opzioni di spedizione.

Fai clic su Fine → Salva per aggiungere il prodotto al tuo negozio.

Aggiunta di metodi di pagamento al tuo negozio Squarespace

È tempo che questo tutorial di Squarespace integri un gateway di pagamento. Troverai l'opzione Aggiungi un modo per essere pagato nel menu di configurazione del negozio.

Con Squarespace puoi integrare Stripe, PayPal e Square (negli Stati Uniti). Fai clic sul gateway preferito per collegare il gateway al tuo sito.

Impostazione dei requisiti di spedizione

Clicca sul pulsante Scegli come spedire i tuoi prodotti .

Usa queste opzioni per decidere le tue tariffe di spedizione. Come si può vedere nell'immagine, puoi scegliere tra tariffa fissa, spedizione basata sul peso o semplicemente consentire al corriere di calcolare il prezzo.

Dopo aver selezionato un'opzione, questa apparirà nelle opzioni di spedizione insieme al costo e alle limitazioni regionali.

Anteprima mobile

Quando sei soddisfatto dell'aspetto del tuo sito web, fai clic sull'icona del telefono nell'angolo in alto a destra dell'editor.

Questo sposterà tutto in un'anteprima mobile del tuo sito.

Scorri l'anteprima mobile e conferma che sei soddisfatto di come appare tutto. Sembra fantastico, quindi facciamo il passaggio finale nel tutorial di Squarespace: pubblicare il tuo sito Web affinché il mondo lo veda!

Pubblicazione del tuo sito e prezzi

Ora siamo pronti per condividere il sito web con altre persone. Aggiorniamo il nostro piano e pubblichiamo il sito.

Fare clic sul collegamento Impostazioni per trovare le opzioni di pubblicazione.

Quando le opzioni delle impostazioni si aprono, è la disponibilità del sito che ci interessa.

Fare clic sulla disponibilità del sito per aprire l'opzione di aggiornamento e pubblicazione.

Squarespace ha una serie di piani diversi, ma i piani più costosi generalmente hanno opzioni di eCommerce migliori.

Scegli il piano più adatto a te e festeggia. Questo tutorial su Squarespace è terminato. Ce l'hai fatta! Il tuo sito web è ora attivo!

Conclusione

Abbiamo coperto molto terreno qui. Per ricapitolare, abbiamo imparato:

• Personalizzare la tua esperienza Squarespace
• Come scegliere un design Squarespace per il tuo sito web
• Registrazione con Squarespace
• Conoscere la dashboard e l'editor di Squarespace
• Modifica dei contenuti del tuo sito web
• Apportare modifiche al design
• Aggiunta di un negozio eCommerce
• Visualizzazione in anteprima del tuo sito su dispositivo mobile
• Pubblicazione del tuo sito e prezzi

Cosa ne pensi di Squarespace come strumento di creazione di siti Web? Ti stai godendo la tua esperienza Squarespace? Sentiti libero di condividere i tuoi pensieri nei commenti qui sotto.