Vendere su Squarespace con Ecwid
Squarespace è un popolare costruttore di siti web con modelli prefabbricati e trascinamento di elementi per aiutarti a creare e modificare le pagine web. È possibile aggiungere un negozio online Ecwid al tuo sito Squarespace per iniziare a vendere online.
Essenzialmente, Ecwid e Squarespace sono due cose diverse. Ecwid è una soluzione di e-commerce che puoi utilizzare per creare il tuo negozio online da zero. Una volta registrato un account Ecwid, puoi incorporare il tuo negozio online sul tuo sito web Squarespace, così i tuoi clienti potranno aggiungere prodotti al carrello ed effettuare il checkout lì. Successivamente potrai estendere il tuo negozio ad altri canali di vendita come Facebook, Instagram o Amazon.
Aggiunta di un negozio a Squarespace
Per aggiungere un negozio Ecwid a Squarespace:
- Nel pannello di controllo di Ecwid, andare a Canali di vendita → Squarespace.
- Per prima cosa, copia il codice d'integrazione facendo clic su Copia codice negli appunti:
- Nel tuo account Squarespace, apri il menu Home, fai clic su Pagine e seleziona la pagina in cui desideri visualizzare il tuo negozio, oppure aggiungi una nuova pagina:
- Passa il mouse sopra l'area della pagina e fai clic su Modifica:
- Passa il mouse sulla pagina e fai clic su Aggiungi sezione per aggiungere un nuovo blocco di contenuti a questa pagina, quindi seleziona l'opzione Aggiungi spazio vuoto + sul lato sinistro:
- Vedrai un blocco aggiunto al centro della tua pagina. Passa il mouse sopra il centro del blocco. Fare clic su + Aggiungi blocco per visualizzare le opzioni di contenuto del blocco e fai clic su </> Codice.
- Nel pop-up, elimina il codice di esempio e aggiungi il tuo codice negozio Ecwid che hai copiato sul passo 2. Le modifiche saranno salvate automaticamente.
- Ridimensionare il blocco di codice per assicurarsi che il negozio appaia nelle dimensioni corrette.
- (Facoltativo) Puoi aggiungere estensioni del negozio come il menu di navigazione per categorie, un Carrello della spesa aggiuntivo e una Casella di ricerca del prodotto alla pagina del tuo negozio. Per farlo, vai al tuo amministratore Ecwid → Canali di vendita → Squarespace, scorri verso il basso fino a Estensioni negozio, scegli l'estensione che desideri aggiungere e copia il codice nel Blocco codice su Squarespace in cui hai precedentemente aggiunto il codice d'integrazione Ecwid. Verranno visualizzati sulla pagina nello stesso ordine in cui sono stati aggiunti i loro codici.
Per aggiungere una determinata categoria o un prodotto invece dell'intero negozio, utilizza uno dei codici seguenti come prima parte del codice d'integrazione Ecwid:
<div id='my-store-0000' data-default-category-id='1111'></div>
<div id='my-store-0000' data-default-product-id='2222'></div>
Sostituisci 0000 con il tuo ID negozio. Sostituisci 2222 e 1111 con la rispettiva categoria o ID prodotto (in inglese). - Ora devi aggiungere il codice script da Ecwid a Squarespace. Dal tuo amministratore Ecwid, vai di nuovo su Canali di vendita → Squarespace e fai clic sul secondo Copia il codice negli appunti per ottenere un codice di script che dovrai aggiungere al piè di pagina del tuo sito:
- Ritorna al tuo account Squarespace e nel menu Home, vai su Sito web → Pagine → Strumenti del sito web → Iniezione Codice.
- Nella sezione Piè di pagina, incolla il codice dello script che hai copiato al passo 9.
- Clicca su Salva nell'angolo in alto a sinistra.
Fatto! Ora il tuo negozio online Ecwid è incorporato nel tuo sito Squarespace.
Aggiunta di due negozi a Squarespace
Se gestisci due negozi che hanno inventari separati in due sedi diverse o se desideri creare un secondo negozio online per separare i prodotti e gli ordini all'ingrosso da quelli al dettaglio, puoi aggiungere due negozi Ecwid a un sito Squarespace.
Non è possibile aggiungere due negozi sulla stessa pagina del tuo sito Squarespace. Tuttavia, puoi aggiungere negozi Ecwid su diverse pagine del tuo sito web. In questo modo, avrai due negozi su un sito.
Per aggiungere due negozi Ecwid al tuo sito Squarespace:
- Nel tuo account Squarespace, apri il menu Home, fai clic su Pagine e seleziona la pagina in cui desideri visualizzare il tuo primo negozio, oppure aggiungi una nuova pagina:
- Passa il mouse sopra l'area della pagina e fai clic su Modifica:
- Fai clic su Aggiungi sezione per aggiungere un nuovo blocco di contenuti a questa pagina, quindi seleziona l'opzione Aggiungi spazio vuoto + sul lato sinistro:
- Vedrai un blocco aggiunto al centro della tua pagina. Passa il mouse sopra il centro del blocco. Fare clic su + Aggiungi blocco per visualizzare le opzioni del contenuto del blocco e fai clic su </> Codice.
- Nel pannello di controllo di Ecwid, andare a Canali di vendita → Squarespace. Copia sia il codice di integrazione Ecwid che il codice script Ecwid nel popup Codice nell'editor del tuo sito Squarespace. Le modifiche saranno salvate automaticamente.
- Ridimensionare il blocco di codice per assicurarsi che il negozio appaia nelle dimensioni corrette.
- (Facoltativo) Puoi aggiungere estensioni del negozio come il Menu di navigazione per categorie, un Carrello della spesa aggiuntivo e una Casella di ricerca del prodotto alla pagina del tuo negozio. Per farlo, vai al tuo amministratore Ecwid → Canali di vendita → Squarespace, scorri verso il basso fino a Estensioni negozio, scegli l'estensione che desideri aggiungere e copia il codice nel Blocco codice su Squarespace in cui hai precedentemente aggiunto i codici. Verranno visualizzati sulla pagina nello stesso ordine in cui sono stati aggiunti i loro codici.
- Salva le modifiche.
- Ripeti i passaggi precedenti per il secondo negozio.
<div id='my-store-0000' data-default-category-id='1111'></div>
<div id='my-store-0000' data-default-product-id='2222'></div>
Sostituisci 0000 con il tuo ID negozio, 2222 e 1111 con la rispettiva categoria o ID prodotto (in inglese).
Fatto! Ora il tuo negozio online Ecwid è incorporato nel tuo sito Squarespace.
Se la pagina del negozio non è collegata alla navigazione, assicurati di spostarla nel menu del tuo sito per iniziare ad accettare ordini online.
Aggiungere un singolo prodotto a un sito Squarespace
È possibile trasformare una normale pagina del proprio sito Squarespace in un canale di vendita aggiungendo un pulsante di acquisto. Un pulsante di acquisto di Ecwid ha l'aspetto di una scheda prodotto con la possibilità di procedere al pagamento e può essere aggiunto a qualsiasi pagina del sito web. Un pulsante di acquisto è inoltre un ottimo strumento se non si ha bisogno di aggiungere l'intero catalogo al proprio sito e si desidera solo mettere in evidenza un prodotto.
Per aggiungere un pulsante di acquisto al proprio sito Squarespace:
- Dal pannello di controllo Ecwid, andare su Canali di vendita.
- Scorrere in basso alla scheda Pulsanti Acquista e fare clic su Inizia.
- Fare clic su Scegli un prodotto e usare la barra di ricerca per scegliere il prodotto da incorporare.
- Selezionare il layout e i dettagli del prodotto da visualizzare.
- Fare clic su Genera codice, quindi su Copia codice.
- Aprire la dashboard di Squarespace, scegliere il sito in cui far apparire il pulsante di acquisto.
- Fare clic su Pagine, selezionare la pagina per il pulsante di acquisto e fare clic su Modifica.
- Trovare l'elemento nella pagina in cui si desidera inserire il pulsante di acquisto, posizionare il cursore sopra l'area Contenuto della pagina e cliccare su + Aggiungi blocco.
- Nel menu popup, selezionare Codice.
- Nel campo di testo, incollare il codice copiato in precedenza dal pannello di controllo Ecwid. Assicurarsi che il campo di testo sia configurato per accettare il formato HTML. Ridimensionare il blocco se necessario per adattare le dimensioni del pulsante.
- Fare clic su Fine per salvare le modifiche.
Fatto! Ora vi è una scheda prodotto incorporata nella pagina web. Quando un cliente farà clic sul pulsante Acquista ora o Aggiungi al carrello, il prodotto verrà aggiunto al carrello e il cliente potrà finalizzare l'ordine senza uscire dal sito:
Articoli correlati