Tutorial Squarespace: una guida passo passo per principianti

Cerchi un tutorial su Squarespace che ti aiuti a creare il tuo sito web?

È un’ottima scelta. io amore Squarespace. Non importa cosa vuoi costruire in questo momento, che si tratti di un negozio di e-commerce o di un sito Web per la tua band, l’importante è che una volta che sai come per usare Squarespace, sai come creare un sito web praticamente qualsiasi cosa.

Il rovescio della medaglia, 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 dopo passo, ti mostreremo come sfruttare al meglio Squarespace per portare il tuo sito web online più velocemente.

📚 Sommario:

Tutorial su Squarespace: come utilizzare Squarespace per creare un sito web

Per ora, andiamo sul sito Web di Squarespace e facciamo clic su uno dei due Iniziare pulsanti:

Personalizza 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 sul cibo, Squarespace ti mostrerà i migliori temi del sito web per blog e cibo. Puoi inserire i tuoi argomenti ma renderlo ampio. Per esempio, immobiliare genererà risultati migliori di vendita ad acquirenti prima casa.

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

Se hai obiettivi specifici, come la creazione di un sito di appartenenza o la creazione di un sito di e-commerce, selezionali dal menu degli obiettivi.

Ma non selezionare gli obiettivi che intendi perseguire “un giorno”. Scegli quelli che ti hanno spinto a iniziare oggi. Questi determineranno come Squarespace classifica i design che vedrai in seguito.

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

Con gli obiettivi gestiti, affrontiamo la domanda finale. Che tu stia esplorando un’idea o trasferendo un sito web, fai clic sulla risposta migliore e poi Fine per passare alla parte entusiasmante di qualsiasi tutorial di Squarespace: la selezione del modello.

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 brillanti modelli di design. Ma per ottenere il massimo da Squarespace, tieni presente quanto segue:

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

Se visualizzi l’anteprima di 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 temi basati sul contenuto della demo. Il trucco per imparare a utilizzare Squarespace come un professionista è cercare i design con colori, caratteri e layout che ti piacciono.

Con Squarespace, è più facile scegliere un tema con le caratteristiche “sbagliate” e aggiungerle piuttosto che rivedere la combinazione di colori di un tema con le caratteristiche “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.

Iscrizione a 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 in precedenza.

Dopo esserti registrato, dai un nome al tuo sito web. Puoi cambiarlo in seguito, 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 complessiva del tuo sito Web vengono gestite tramite la dashboard o l’editor visivo.

La dashboard serve per cose come la modifica della password o il trasferimento del dominio.

Se gestisci alcuni siti Web, puoi passare da uno all’altro dalla dashboard. Per visualizzare uno dei tuoi siti web, fai clic su Sito web pulsante 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 dispongono di 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 è su 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.

• Utilizzo pagine per modificare il contenuto del tuo sito web.
• Modificare progetto aspetti, come stili del sito, CSS aggiuntivi e pagine di errore.
• Prendere il controllo di commercio funzioni, come prodotti, spedizione e fatturazione.
• Scavare analitica con rapporti sul traffico, conversioni e prestazioni SEO.
• Avvia multiplo marketing opzioni, come pop-up e campagne e-mail.
• Consenti auto-programmazione opzioni per i tuoi clienti
• Inoltre molto altro ancora.

Modificare il contenuto del tuo sito web

Ogni volta che apro l’editor visivo, sono impressionato da come completare I siti Squarespace guardano dall’inizio. Diamo un’occhiata a quello che abbiamo:

• Un menu funzionante che collega alle pagine essenziali.
• Layout professionali ben proporzionati con pulsanti che attirano 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 è il light editing.

In Impostazioni pagina, puoi modificare l’identità e l’aspetto del tuo sito. Ancora più importante, per noi, le impostazioni generali controllano i titoli delle pagine e lo slug dell’URL.

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

Mentre sei qui, considera di aggiornare l’immagine social a qualcosa che vorresti condividere sulle piattaforme dei social media (vai a Immagine sociale 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.

Cliccando sul Modificare pulsante apre le opzioni di modifica per le tue pagine.

Modifica dell’intestazione del sito

Diverse opzioni di modifica vengono visualizzate quando passi il mouse su diverse parti della pagina. Perché non iniziare dall’alto con l’intestazione del sito? Clicca il modificare pulsante quando appare.

Se stavi aspettando di aggiungere il nome del tuo sito, puoi farlo ora mentre aggiungi i profili dei social media che hai impostato. Con gli elementi di identificazione essenziali in atto, scaviamo nelle opzioni mobili.

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

Inserisci il Modificare mode da qualsiasi pagina quando sei pronto per cambiarne il testo o aggiornare le immagini. La maggior parte delle aree di contenuto può essere modificata, 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. Basta digitare il nuovo testo e aggiungere qualsiasi formattazione.

⚠️ Un punto importante, Squarespace non ha una funzione di salvataggio automatico. In genere, è difficile allontanarsi da una pagina senza colpire Fatto e Salvare le 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, passa il mouse 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 duplica 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 su matita e Sfondo. Clicca su Sostituire per caricare un’immagine di sfondo che ti piace. Se disponi di un collegamento a YouTube o Vimeo, puoi trovare le impostazioni dello sfondo del video in basso video.

Aggiunta di sezioni

Dato che 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 pop-up della nuova sezione contenente ogni sezione di 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 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 della mappa con semplici dispositivi di scorrimento 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 file Pagine menù.

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 puoi vedere, il menu verrà aggiornato 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 cliccare sul “+” pulsante per iniziare un nuovo post.

Apportare modifiche al design

È ora che il nostro tutorial su Squarespace passi al Progetto strumenti che ti aiutano ad aggiungere il tocco personale che conferisce al tuo sito la sua identità visiva. Una volta che sei pronto per iniziare a cambiare colori, dimensioni e caratteri, fai clic su Progetto link per iniziare a esplorare.

Quando fai clic, sarai in grado di modificare:

• Stili del sito come caratteri, colori, animazioni e altro.
• Icone del navigatore
• Schermi di blocco
• Pagine di pagamento
• 404 pagine
• Loghi di condivisione sociale
• CSS personalizzato

Dopo aver selezionato un’opzione, Squarespace applicherà automaticamente la modifica dello stile all’intera pagina. Non dovrai esaminare immediatamente 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 di e-commerce

📋 Nota; questo passaggio è facoltativo. Non tutti gli utenti vorranno lanciare un negozio di e-commerce con Squarespace. Detto questo, se questo è il tuo obiettivo, Squarespace è perfettamente in grado di gestirlo!

Sebbene Squarespace non sia la piattaforma di eCommerce più popolare, ha abbastanza funzionalità commerciali per estendere qualsiasi sito Web in 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 desideri generare entrate dal tuo sito Web, Squarespace Commerce è un’opzione solida.

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

Il processo di configurazione del negozio può essere gestito con la procedura guidata di e-commerce in quattro passaggi di Squarespace. Clicca su Inizio poi Aggiungi prodotti in vendita.

A questo punto, Squarespace ti chiederà di scegliere un layout del negozio. Dovresti avere almeno due opzioni. Clicca sull’opzione che preferisci.

Il tuo negozio dovrebbe avere alcuni prodotti demo inclusi nel layout. Possono essere modificati per adattarli ai tuoi prodotti oppure puoi aggiungere nuovi prodotti facendo clic su “+” pulsante.

Puoi scegliere tra quattro tipi di prodotti 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.

Una volta completato l’aspetto del prodotto, scorri verso il basso per trovare opzioni personalizzate come pulsanti e opzioni di spedizione.

Clic Fatto → Salva per aggiungere il prodotto al tuo negozio.

Aggiunta di metodi di pagamento al tuo negozio Squarespace

È giunto il momento per questo tutorial di Squarespace di integrare un gateway di pagamento. Troverai il Aggiungi un modo per essere pagato opzione nel menu di configurazione del negozio.

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

Impostazione dei requisiti di spedizione

Clicca sul Scegli come spedire i tuoi prodotti pulsante.

Usa queste opzioni per decidere le tariffe di spedizione. Come si può vedere nell’immagine, è possibile scegliere tra spedizione forfettaria, in base al peso o semplicemente consentire al corriere di calcolare il prezzo.

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

Anteprima mobile

Quando sei soddisfatto dell’aspetto del tuo sito web, fai clic su Telefono icona nell’angolo in alto a destra dell’editor.

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

Scorri l’anteprima per dispositivi mobili 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.

Clicca sul Impostazioni link per trovare le opzioni di pubblicazione.

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

Fare clic sulla disponibilità del sito per aprire l’opzione per l’aggiornamento e la pubblicazione.

Squarespace ha una serie di piani diversi, ma i piani più costosi in genere avere migliori opzioni di e-commerce.

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

Conclusione

Abbiamo coperto un sacco di terreno qui. Ricapitolando, abbiamo imparato: