Configurazione del design e del contenuto del Sito istantaneo Ecwid (versione di ultima generazione)

Il Sito istantaneo Ecwid è un sito web gratuito che ogni cliente ottiene quando registra un account Ecwid. Ha un negozio online incorporato e permette di iniziare subito a vendere.

La versione di ultima generazione del nostro Sito istantaneo permette di:

• Costruire un sito web con sezioni di contenuti personalizzabili;
• Usare modelli pronti all'uso adatti per qualsiasi tipo di negozio, dalla ristorazione e dai cosmetici all'arte e ai corsi di formazione;
• Aggiungere una varietà di sezioni, come copertina o offerte speciali, dal catalogo;
• Creare menu di navigazione per rendere più facile per i clienti l'esplorazione del sito;
• Tradurre il contenuto del sito, compresi il titolo e la descrizione SEO.

Per modificare il vostro Sito istantaneo, andate su Sito web e fate clic su Modifica sito. Se il sito istantaneo non è il vostro sito principale, andate su Panoramica → Gestisci Sito istantaneo e fare clic sul pulsante Modifica sito.

Scegliere un modello di sito web

Per accelerare l'impostazione del proprio Sito istantaneo, è possibile scegliere tra una serie di modelli di sito web pronti all'uso. I modelli si possono modificare a piacimento per adattarli alle esigenze del proprio business.

Per scegliere un modello per il proprio sito:

1. Nel pannello di controllo di Ecwid, andare su Sito web → Modifica sito. Se il Sito istantaneo non è il sito principale, andare su Panoramica → Gestisci Sito istantaneo e fare clic su Modifica sito.
2. Fare clic su Impostazioni → Modelli del sito.
3. Esplorare l'elenco dei modelli disponibili e scegliere quello che piace di più.
4. Per vedere come appare il modello, passarci sopra con il mouse e cliccare su Modello in anteprima. Per applicare un modello, cliccare su Usa il modello:

   

Fatto! Hai scelto un modello per il tuo Sito istantaneo. Ora è possibile procedere all'impostazione del sito e apportare modifiche al modello nell'editor.

Introduzione alla modalità di modifica

Quando si apre il Sito istantaneo per la modifica (Sito web → Modifica sito o Panoramica → Gestisci Sito istantaneo → Modifica sito), viene visualizzato l'elenco dei Sezioni della homepage che attualmente compongono il Sito istantaneo.

L'anteprima di tutti questi sezione è visualizzata nella parte destra della finestra; l'ordine dei sezione è lo stesso in cui sono presenti nell'elenco:

Per visitare il vostro sito sul web e vederne l'aspetto in una scheda separata, fate clic su Il tuo sito istantaneo nella parte superiore dell'editor.

Aggiungere sezione

Se si ha bisogno di sezioni aggiuntive sul proprio sito (ad es., "Offerta speciale", informazioni sulle modalità di consegna o pagamento oppure "Chi siamo") o se si vuole sostituire uno dei sezione predefiniti con un sezione personalizzato più adatto, è possibile aggiungere facilmente qualsiasi numero di nuovi sezioni. Quando si hanno molte sezioni, è possibile rinominarle per facilitare la navigazione del sito.

Per aggiungere un sezione al proprio Sito istantaneo:

1. Nel pannello di controllo Ecwid, andare a Sito web → Modifica sito.
2. Fare clic su Aggiungi sezione.
3. Nella pagina che si aprirà, fare clic sull'anteprima del sezione desiderato. I sezioni sono raggruppati per argomento.
4. Facendo clic su un sezione, esso verrà aperto per la modifica e aggiunto all'elenco dei Sezioni della homepage, immediatamente prima del sezione Piè di pagina.
5. (opzionale) Per rinominare un sezione, fare clic su di esso nel menu a sinistra dell'editor, quindi fare clic sul suo nome per inserire un nome personalizzato:

   

È possibile modificare a piacere il design e il contenuto del sezione e cambiare la sua posizione sul sito web. Nel caso vi siano dei sezioni duplicati (ad es., è stato aggiunto un nuovo sezione Copertina dal design personalizzato), è sempre possibile eliminare quelli non necessari.

Modifica della sezione

Il sito web può essere impostato in modo da avere i testi, i colori e le immagini che siano in linea con le esigenze aziendali. È possibile modificare il contenuto e il design di ciascun sezione presente nell'elenco Sezioni della homepage dell'editor del Sito istantaneo.

Per modificare il contenuto di un sezione:

1. Nel pannello di controllo Ecwid, andare a Sito web → Modifica sito.
2. Cliccare sulla sezione desiderato.
3. Nella scheda Contenuto, trovare l'elemento desiderato.
4. Apportare le modifiche necessarie: cambiare il testo, caricare un'altra immagine, impostare i link azione, ecc. È anche possibile rinominare una sezione facendo clic sul suo titolo in alto. 

I testi precompilati presenti nei modelli danno un'idea di cosa scrivere nei rispettivi campi.

Puoi caricare immagini in formato JPG, PNG, JPEG2000, GIF, WEBP e TIFF di dimensioni non superiori a 20 MB ciascuna. Le dimensioni consigliate sono di 1500-2000 px. Poiché il layout del sito si adatta alle dimensioni dello schermo dei dispositivi dei clienti, consigliamo di ritagliare le immagini in modo che le informazioni più importanti si trovino nella parte centrale. Se si desidera aggiungere dei testi alle proprie immagini, ciò può essere fatto nell'editor del Sito istantaneo (anziché in un editor di foto).

Per modificare il design di un sezione:

1. Nel pannello di controllo Ecwid, andare a Sito web → Modifica sito.
2. Cliccare sulla sezione desiderato.
3. Passare alla scheda Design.
4. Apporta le modifiche necessarie (imposta il layout del sezione - definisce le posizioni degli elementi in relazione l'uno con l'altro, cambia il font/lo stile/il colore per gli elementi di questo sezione, imposta lo sfondo, scegli quali elementi visualizzare, ecc.)

Puoi sempre tornare alla versione precedentemente salvata del tuo sito facendo clic su Bozza auto-salvata → Annulla le modifiche nella parte superiore dell'editor. Per le modifiche apportate alla scheda Design del sezione, è anche possibile utilizzare il link Ripristina impostazioni predefinite del sezione riportato in basso. Tieni presente che questo link riporta le impostazioni iniziali del modello di design per questo sezione.

Una volta terminata la modifica del sito web, fai clic sul pulsante Salva e Pubblica nell'angolo in alto a destra dell'editor.

Cambiare l'ordine della sezione

I sezione del tuo Sito istantaneo vengono visualizzati nell'ordine in cui vengono inseriti nell'elenco Sezioni della homepage dell'editor Sito istantaneo (Sito web → Modifica Sito). Puoi cambiare l'ordine di tutti i sezione con l'eccezione dell'intestazione e del piè di pagina; questi sono sempre i primi e gli ultimi sezione del tuo sito web.

Per modificare l'ordine delle sezioni, è sufficiente trascinare e rilasciare le sezioni dell'Instant Site nella parte sinistra dell'editor:

Eliminazione della sezione

Puoi eliminare una sezione dall'elenco Sezioni della homepage se non è necessaria sul tuo Sito istantaneo. Ad esempio, stai semplicemente impostando il tuo negozio e non hai ancora una pagina Testimonial del cliente.

Per rimuovere un sezione dal proprio Sito istantaneo:

1. Nel pannello di controllo Ecwid, andare a Sito web → Modifica sito.
2. Cliccare sulla sezione desiderato.
3. Scorrere verso il basso e fare clic sul pulsante Elimina sezione in fondo.

Se successivamente si avrà bisogno di questo sezione sul proprio sito, è sempre possibile aggiungere sezioni simili dal catalogo.

Traduzione delle sezioni del sito

I contenuti delle sezioni del sito si possono tradurre in altre lingue, per rendere il proprio sito multilingua. I contenuti del sito includono: intestazione del menu, piè di pagina, recensioni dei clienti, nuovi arrivi, informazioni sulla consegna e sul pagamento, offerte speciali, informazioni sull'azienda, contatti, titolo e descrizione SEO del sito.

Ogni nuova lingua apparirà nel selettore di lingua e i clienti saranno in grado di scegliere la loro lingua di preferenza.

Ulteriori informazioni su come tradurre i contenuti del Sito istantaneo →

Personalizzare l'aspetto dell'intestazione

L'intestazione è la sezione del sito che si trova nella sua parte superiore. Contiene il logo (o il nome del negozio), la barra di ricerca, i link azione, l'icona del carrello, il menu di navigazione e le informazioni di contatto. Il design dell'intestazione può essere cambiato per adattarlo al proprio stile aziendale.

Per modificare l'aspetto dell'intestazione:

1. Nel pannello di controllo di Ecwid, andare su Sito web e fare clic su Modifica sito.
2. Nel menu Sezioni della homepage, fare clic su Intestazione e menu.
3. Fare clic sulla scheda Design per personalizzare l'aspetto dell'intestazione:
   • Layout. Scegliere l'aspetto dell'intestazione.
     
   • Logo del sito. Permette di cambiare il tipo, le dimensioni e il colore del carattere del nome del negozio. Inoltre, è possibile aggiungere ulteriori spazi tra le lettere e usare lettere maiuscole.
   • Sfondo. È possibile rendere l'intestazione trasparente, trasparente in scala di grigi oppure scegliere per lo sfondo un colore solido. Per cambiare il colore, scegliere Tinta unita nel menu a discesa e quindi il colore desiderato.
   • Menu e icone. Permette di cambiare il tipo e il colore del carattere di tutti i contenuti dell'intestazione. Inoltre, qui è possibile specificare gli elementi da mostrare nell'intestazione (menu di navigazione, icona del carrello, barra di ricerca e/o link del profilo cliente).
   • Link azione. Permette di personalizzare lo stile dei pulsanti di invito all'azione. I pulsanti si possono disattivare o attivare con l'aiuto dell'interruttore Mostra elemento.
4. Premere Pubblica.

Aggiungere il menu di navigazione

Il menu di navigazione o il menu di un sito web è un elenco di link visualizzato sul sito:

Il menu di un sito web ne rende più facile l'esplorazione e permette ai clienti di trovare più facilmente i prodotti che desiderano. Il menu può essere visualizzato sotto forma di barra orizzontale nella parte alta del sito oppure essere di tipo hamburger. I clienti mobile vedranno il menu hamburger, a prescindere dal design impostato.

Ogni link del menu di navigazione può reindirizzare l'utente a una specifica sezione del sito o a qualsiasi altra pagina Internet. È inoltre possibile creare i link per avviare una chiamata o per inviare un'e-mail, in modo da consentire ai clienti di contattarti con facilità.

Per impostare il menu di navigazione:

1. Nel pannello di controllo di Ecwid, andare a Sito web e fare clic su Modifica sito.
2. Nel menu a sinistra, fare clic su Intestazione e manu.
3. Nella scheda Contenuto, fare clic su Menu di navigazione.
4. È possibile modificare i link esistenti cliccandoci sopra oppure creare un nuovo link cliccando su + Aggiungi voce al menu.
5. (facoltativo) Per cambiare l'ordine dei link, trascinarli nella posizione desiderata.
6. Per personalizzare una voce del menu, farci clic sopra. Nel campo Nome, impostare un nome facilmente comprensibile per i clienti. Ad esempio, Chi siamo, Contattaci, ecc.
7. Impostare l'azione da effettuare al clic:
   • Scorri al sezione del sito: il cliente sarà reindirizzato a uno dei sezioni del sito.
   • Apri pagina: è possibile impostare qualsiasi URL per reindirizzare i clienti alla pagina desiderata.
   • Crea e-mail: dopo aver cliccato sul link, sul dispositivo del cliente si aprirà il client di posta predefinito.
   • Chiama il numero: dopo aver cliccato sul link, i clienti potranno chiamare il tuo numero di telefono.
   • Vai al negozio: i clienti saranno reindirizzati alla pagina della vetrina del negozio.
8. Fare clic su Indietro, poi di nuovo su Indietro, quindi su Design.
9. Nella sezione Layout è possibile scegliere il modo in cui sarà visualizzato il menu di navigazione.
10. Premere Pubblica.

Aggiungere il menu di categorie

Le categorie di prodotto sono gruppi di articoli collegati in modo da essere visualizzati nella stessa pagina del negozio, ad esempio, Tazze da caffè, Moda estate, Bestseller. È possibile mostrare il menu delle categorie principali, per consentire agli acquirenti di trovare velocemente i prodotti desiderati.

Per creare un menu di categorie sul proprio Sito istantaneo:

1. Nel pannello di controllo Ecwid, andare a Sito web e fare clic su Modifica sito.
2. Nel menu a sinistra, fare clic su Intestazione e menu → Menu di navigazione, quindi su + Aggiungi voce al menu.
3. Impostare un nome per la nuova voce del menu, in modo che sia chiaro agli acquirenti che si tratta di un link al negozio.
4. Fare clic sul menu a discesa Azione al clic e selezionare l'opzione Vai al negozio.
5. Assicurarsi che il pulsante di selezione Mostra le categorie al passaggio del mouse sul menu sia nella posizione Abilitato. Per nascondere il menu di categorie, è possibile portare il pulsante di selezione nella posizione Disabilitato.
6. Premere Salva e pubblica.

Aggiungere link azione

È possibile inserire i link azione in alcune sezioni del Sito istantaneo (ad es., copertina sito, testimonianze o "Contattaci"). I link azione sono testi o pulsanti con testo cliccabili. Quando un cliente clicca su un link (o pulsante), viene eseguita una certa azione.

Ad esempio, è possibile specificare l'URL di un prodotto che si aprirà al clic oppure reindirizzare gli acquirenti a una specifica sezione del sito (ad es., ai prodotti in offerta).

Per impostare un link azione:

1. Nel pannello di controllo Ecwid, andare a Sito web → Modifica sito.
2. Cliccare sul sezione desiderato.
3. Nella scheda Contenuto del sezione, fare clic su Aggiungi link azione.
   
   Il sezione Copertina, invece, ha i pulsanti Azione primaria e Azione secondaria.
4. Immettere un Titolo. Il titolo è il testo del link.
5. Selezionare l'azione al clic: Scorri al sezione del sito, Apri pagina, Crea e-mail, Chiama il numero o Vai al negozio.
6. Impostare il sezione del sito/l'URL/l'indirizzo e-mail o il numero di telefono.
7. (opzionale) Cambiare l'aspetto, il tipo di carattere, la dimensione, la forma e il colore del link azione nella scheda Design.

Configurare i sezione del negozio

Ci sono due sezioni che indicano agli acquirenti dove è possibile accedere al negozio sul tuo sito istantaneo: Negozio e Categorie principali. Per impostazione predefinita, solo la sezione Negozio è presente nell'elenco delle sezioni del sito.

La sezione Negozio include tutti i prodotti assegnati alla categoria Prima pagina del negozio. Questo sezione è il posto ideale per esporre gli articoli sui quali si desidera attirare l'attenzione dei potenziali acquirenti. Quando un acquirente clicca su un prodotto in evidenza, viene reindirizzato alla pagina del rispettivo prodotto nel negozio.

Se ci sono pochi prodotti nel catalogo, è possibile semplicemente pubblicare tutti i prodotti nella sezione Negozio. Se si offre un catalogo prodotti ampio, molto probabilmente sarà necessario creare un sistema di categorie nel proprio negozio. Per visualizzare le categorie direttamente nella prima pagina del proprio sito istantaneo, è possibile aggiungere l'apposito sezione Categorie principali. Questo sezione conterrà tutte le categorie principali del proprio negozio.

Per aggiungere la sezione Categorie principali:

1. Nel pannello di controllo Ecwid, andare a Sito web → Modifica sito.
2. Fare clic su Aggiungi sezione.
3. Nella pagina che si aprirà, scorrere verso il basso fino alla voce Prodotti.
4. Cliccare sul sezione Acquista per categorie. La sezione verrà aggiunta al sito e sarà possibile modificarla.

È possibile configurare come i sezioni Negozio e Categorie principali appariranno nella prima pagina del proprio sito istantaneo. Per farlo, andare nella pagina Aspetto del pannello di controllo Ecwid. È anche possibile modificare il layout di questi blocchi (ad es., titolo e prezzo del prodotto, visualizzazione del pulsante "Acquista ora" e della foto principale del prodotto ecc.) nell'editor del sito.

Per modificare il layout delle sezioni del sito nell'editor del sito:

1. Nel pannello di controllo Ecwid, andare a Sito web → Modifica sito.
2. Fare clic sulla sezione desiderato.
3. Apportare le modifiche necessarie nelle schede Contenuto e Design (impostare il titolo del blocco, scegliere gli elementi da visualizzare, cambiare il tipo di carattere, lo stile e il colore dello sfondo, ecc.).

Aggiungere slider di immagini al Sito istantaneo

Uno slider o un carosello mostra una sequenza di immagini di grandi dimensioni, una alla volta, in modo simile a una presentazione eseguita automaticamente o manualmente. Contiene anche un breve testo e un pulsante di invito all'azione. Uno slider è un ottimo modo per mostrare in dettaglio determinati prodotti, presentare le marche vendute, mettere in evidenza un portfolio artistico o illustrare ai clienti i vantaggi del proprio brand.

Supponiamo di voler mettere in evidenza le marche vendute nel proprio negozio.

Per aggiungere uno slider al proprio Sito istantaneo Ecwid di ultima generazione:

1. Nel pannello di controllo del negozio, andare a Sito web → Modifica sito.
2. Fare clic su + Aggiungi sezione.
3. Nel menu a sinistra, fare clic su Slider pubblicitari e selezionare il modello desiderato. È possibile modificare il contenuto e il design di ciascuna diapositiva. 
4. Per modificare il contenuto, fate clic sul nome della diapositiva nel menu a sinistra per sostituire il contenuto predefinito con le vostre immagini e testi. Nel nostro esempio, mettiamo in evidenza i marchi.
5. Per modificare il pulsante che appare su ogni diapositiva, in Link azione fare clic sul pulsante per modificarne il titolo e specificare dove deve reindirizzare i visitatori. Nel nostro esempio, il pulsante di ogni diapositiva condurrà a una specifica categoria di marchi.
6. Per modificare l'aspetto del contenuto delle diapositive, fare clic su Indietro e poi passare alla scheda Design:
   

   

   Nella scheda Design è possibile scegliere l'aspetto dello slider su schermi desktop e mobili, disattivare o attivare la presentazione automatica, aggiungere una sovrapposizione di colori per le foto, modificare il carattere e le scritte e nascondere il titolo della diapositiva, la descrizione e il pulsante.

Fatto! Il banner pubblicitario verrà visualizzato nella parte alta della pagina principale del Sito istantaneo:

Applicare il tipo di carattere e lo stile CSS predefiniti

Ci sono due modi principali per cambiare i caratteri sul proprio Sito istantaneo. Innanzitutto, è possibile impostare il tipo di carattere per ciascun elemento di ciascun sezione individualmente nella scheda Design del rispettivo blocco. Qui è possibile scegliere il tipo di carattere, la dimensione e lo stile (grassetto o corsivo), nonché il colore del testo. In secondo luogo, è possibile impostare il tipo di carattere predefinito per tutti i blocchi del sito nelle impostazioni globali dei caratteri.

Ad esempio, è possibile usare le impostazioni globali per provare nuove varianti di layout se non si ha bisogno di font differenti per i vari elementi dei sezioni del sito. In questo modo, si risparmia tempo e si ottiene un design uniforme su tutto il sito in pochi momenti.

È possibile impostare:

• Caratteri del titolo (cioè, i caratteri delle intestazioni dei sezioni)
• Caratteri dei testi (cioè, i caratteri dei testi dei paragrafi, dei pulsanti e dei sottotitoli)

Le impostazioni globali dei caratteri applicate nell'editor del Sito istantaneo sono utilizzate soltanto per il sito web, compreso il sezione Negozio (l'anteprima che mostra agli acquirenti dove accedere al negozio sul sito). Non sono utilizzate nel negozio stesso dove gli acquirenti potranno visualizzare i prodotti, in quanto il negozio è una parte indipendente del sito.

Per personalizzare ulteriormente l'aspetto del proprio Sito istantaneo o per apportare modifiche all'aspetto del negozio (compresi i caratteri) non disponibili nell'editor, è possibile aggiungere codici CSS personalizzati (en inglese). I Fogli di stile CSS permettono di cambiare gli stili utilizzati nelle pagine del sito: regolare il colore di pulsanti o nasconderli, regolare i tipi di carattere, nascondere i prezzi e fare tanto altro.

Per applicare caratteri e/o stili:

1. Nel pannello di controllo Ecwid, andare a Sito web → Modifica sito.
2. Fare clic su Impostazioni → Font e stili.
3. Per impostare i caratteri predefiniti per il proprio Sito istantaneo, selezionare i tipi di carattere desiderati nei menu a discesa Tipo di carattere titolo e Font del testo del corpo.
4. Per applicare stili, fare clic su Impostazioni avanzate e inserire il proprio codice CSS.

Adattare la visualizzazione del Sito istantaneo su dispositivi mobili

È possibile scegliere come la copertina del Sito istantaneo si adatterà agli schermi dei dispositivi mobili.

Sono disponibili due opzioni:

• La copertina copre interamente lo schermo. In tal caso, l'immagine viene ritagliata e il testo del sito viene visualizzato sopra di essa.
• La copertina si adatta alla larghezza dello schermo. In tal caso, l'immagine di copertina rimane completamente visibile ed è visualizzata nella parte alta dello schermo, mentre i testi del sito si trovano sotto l'immagine.

Per impostare la modalità di visualizzazione della copertina su dispositivi mobili:

1. Nel pannello di controllo di Ecwid, andare su Sito web → Modifica sito.
2. Nel blocco Sezioni della homepage, fare clic su Copertina e titolo e passare alla scheda Design.
3. (facoltativo) Scegliere il layout della copertina.
   
   La possibilità di scegliere la modalità di visualizzazione della copertina su dispositivi mobili è disponibile solo per i layout a schermo intero.
4. Fare clic su Layout mobile per selezionare la variante di layout preferita:
   

   

5. (facoltativo) Cambiare lo stile e il colore dello sfondo se necessario.
6. Premere Pubblica.

Fatto! Ora è possibile controllare come il sito appare su vari dispositivi mobili.

Cambiare l'indirizzo del sito web e il nome del negozio

È possibile modificare il nome e l'indirizzo del sito web del negozio in modo che riflettano il concetto e marchio aziendale.

Per modificare il nome del sito web:

1. Nel pannello di controllo Ecwid, andare a Impostazioni → Generale → Profilo del negozio.
2. Immettere il nome del negozio nel campo Nome del negozio nella sezione Nome del negozio e indirizzo web.
3. Fare clic su Salva.

Per modificare l'indirizzo del sito web:

1. Nel pannello di controllo Ecwid, andare a Sito web → Modifica sito.
2. Premere il pulsante Cambia indirizzo.
3. Immettere l'indirizzo desiderato nel campo Utilizza il nostro sottodominio.
4. Fare clic su Salva.

I piani a pagamento di Ecwid consentono inoltre di collegare il proprio dominio.

Visualizzare banner di consenso ai cookie

In alcuni paesi, ad esempio, nell'UE, potrebbe essere necessario visualizzare il banner di consenso ai cookie sul sito web del proprio negozio. Per visualizzarlo, nell'editor del Sito istantaneo andare a Impostazioni → Monitoraggio e analisi (Sito web → Modifica sito) e portare su Abilitato il pulsante di selezione Visualizza banner di consenso ai cookie.

Per saperne di più sulle notifiche dei cookie →