Salve. Il contenuto del nostro blog è stato tradotto in maniera automatica per vostra convenienza. Scusateci se, occasionalmente, le traduzioni sono di scarsa qualità.
Impostazioni progettare nuovi Ecwid: Decine di opzioni di personalizzazione, No Coding
Posted Apr 24, 2018 da Den Nikiforov, squadra Ecwid

Impostazioni progettare nuovi Ecwid: Decine di opzioni di personalizzazione, No Coding

Design parla volumi per un negozio di e-commerce. Se le persone possono facilmente navigare nel negozio on-line, si dispone di una migliore possibilità di convertirle. Una coerente, il design moderno può dire ai clienti che sei un marchio affidabile.

Ecwid aiuta qualsiasi attività commerciale - anche una piccola e iniziando uno - a guardare e vendere professionale su web. Non è necessario pagare un sacco di top-tier web designer per ottenere un mobile-friendly, pulire, e bel negozio di e-commerce.

Ci’ve aggiunto decine di funzionalità di progettazione nuova storefront per Ecwid, in modo da poter dare il vostro e-commerce memorizzare il look and feel che riflette il vostro marchio più.

Impostazione di ogni piccolo dettaglio nella progettazione negozio online è morto facile. Cambiare gli stili di immagine, layout di pagina del prodotto, ed elementi storefront senza scrivere codice. Vedrete voi stessi in questo post.

Il nido nuove impostazioni sotto Impostazioni → design nel tuo pannello di controllo Ecwid. Per utilizzarli, assicurarsi di aver attivato tutti gli aggiornamenti in storefront Impostazioni → Cosa c'è di Nuovo.

Cosa c'è di nuovo sezione nel pannello di controllo di Ecwid

Abilita questi aggiornamenti nella Impostazioni → Cosa c'è di nuovo per vedere la nuova pagina delle impostazioni di progetto

Che cosa succede se sto utilizzando la versione precedente di Ecwid storefront?

Il passaggio al nuovo negozio può cambiare l'aspetto del tuo negozio completamente. Con le nuove impostazioni di progettazione, avrai più opzioni di personalizzazione e un aspetto più convincente per il tuo negozio. Tuttavia, fare attenzione se si sta utilizzando un tema CSS fatto da sé o di altre caratteristiche storefront su misura sviluppato - che potrebbero non essere compatibili con il nuovo storefront. Se hai bisogno d'aiuto, il nostro team di supporto è lì per voi.

Progetta il tuo negozio online

È possibile controllare l'intero aspetto del vostro catalogo prodotti, da immagini del prodotto a SKU e pulsanti.

1. Сhoose la dimensione migliore immagine per mostrare i vostri prodotti

Per impostazione predefinita, immagini del prodotto sono medie, che è adatto per la maggior parte dei negozi.

Alcuni prodotti hanno dettagli importanti che si potrebbe desiderare di visualizzare (per esempio, se si vende gioielli o quadri). Selezionare le dimensioni dell'immagine di grandi dimensioni per consentire ai tuoi clienti di ammirare i vostri prodotti belli e fotografia.

Se si vende un tipo di prodotto in un vasto assortimento (dire, 200 cinghie di cuoio in diversi colori), attenersi a immagini più piccole. Il tuo negozio mostrerà un sacco di prodotti sullo schermo ed i vostri clienti saranno impressionati dalla scelta.

Immagini del prodotto di design in Ecwid

Piccolo, medio, e le dimensioni dell'immagine di grandi dimensioni per le immagini del prodotto

2. Ottimizzare immagine proporzioni ai dimensioni del prodotto

Vendete palme? O forse modelli dalle lunghe gambe in mostra i vostri cappotti firmati? Entrambi sembrano grandi in immagini verticali.

Il rapporto orizzontale adatta prodotti di larghezza - dicono, scarpe, divani, o barre di nutrizione.

Per gli oggetti rotondi (o, in caso di dubbio), usare immagini quadrati, sembrano sempre grande.

 Verticale, orizzontale, e le immagini dei prodotti quadrati

Verticale, orizzontale, e immagini quadrate

Se si vuole sottolineare le immagini dei prodotti e farli risaltare rispetto allo sfondo negozio, selezionare “Darken immagine di sfondo”.

3. Scegliere cosa info prodotto da mostrare in vetrina

Simile alla foto del prodotto, si può scegliere tra molte opzioni di progettazione per gli altri elementi storefront: i nomi dei prodotti, titoli, prezzi, Sku, bottoni “Buy”. Decidere come visualizzare ciascuno di loro - sotto l'immagine del prodotto o il passaggio del mouse.

Progettazione di immagini dei prodotti in Ecwid

Visualizzare gli elementi sotto immagini del prodotto, al passaggio del mouse, o nasconderli

Se si sceglie di inserire le informazioni sotto le immagini del prodotto, è possibile impostare il layout. Allineare i tuoi contenuti a sinistra, a destra, centro, o giustificarlo - siete liberi di creare il look che ti piace di più.

Diverse disposizioni degli elementi (Nome del prodotto e priceDifferent layout degli elementi

Diverse disposizioni degli elementi (il nome del prodotto e il prezzo)

E 'anche possibile nascondere gli elementi. Nascondi tutti loro per rendere il vostro negozio assomigliano un lookbook. Cliccando una delle immagini del prodotto, i clienti potranno andare alla pagina del prodotto.

Scegliere di visualizzare un'immagine prodotto aggiuntivo se si desidera visualizzare maggiori dettagli. Ecwid mostrerà la prima immagine della galleria fotografica prodotto su passaggio del mouse.

Immagine aggiuntive prodotto su passaggio del mouse

Immagine aggiuntive prodotto su passaggio del mouse

Queste nuove impostazioni per fare un gran numero di varianti di design per il tuo look vetrina.

4. Progetta la tua categorie negozio

Troverete le opzioni per impostare l'aspetto delle categorie. Se avete foto, icone, o loghi di marca per le immagini di categoria, Ecwid ha opzioni di progettazione per farle sembrare sorprendente.

Progettazione di categoria di prodotti foto

nomi delle categorie sotto le immagini, su di essi, al passaggio del mouse, e nascosto

Ottimizzare le pagine dei prodotti per la conversione

Ora è possibile organizzare le informazioni delle pagine di prodotto in modi diversi, a seconda di ciò che funziona meglio per i vostri clienti. Ogni opzione disegno è fatto secondo le migliori pratiche di e-commerce per le conversioni crescenti.

1. Scegli il layout di pagina del prodotto

Ci sono quattro nuove opzioni per l'organizzazione dei contenuti sulle tue pagine dei prodotti.

Attirare l'attenzione alle vostre immagini del prodotto. Posizionamento di immagine del prodotto di alta qualità sul lato sinistro della pagina del prodotto renderà la prima cosa che i vostri clienti noteranno. Utilizzare il layout a 2 colonne con la descrizione del prodotto sulla destra Se si vendono prodotti visivamente accattivante e hanno brevi descrizioni dei prodotti.

ottimizzazione della pagina del prodotto

Il layout 2 colonne con la descrizione del prodotto sulla destra

Aggiungere descrizioni dettagliate dei prodotti. Per i prodotti come l'elettronica o prodotti farmaceutici, le descrizioni dei prodotti possono essere piuttosto lungo. Quindi selezionare il layout a due colonne con la descrizione del prodotto sotto l'immagine. Anche se si aggiunge una lunga manuale per utilizzare il prodotto, la pagina apparirà armonioso.

ottimizzazione della pagina del prodotto 2

Il layout 2 colonne con la descrizione del prodotto sotto l'immagine

Enfatizzare opzioni di prodotto e il pulsante “Acquista”. Se i clienti non devono leggere lunghe descrizioni o scrutare la galleria per acquistare i vostri prodotti, scegliere di mostrare le opzioni di prodotto con il pulsante cassa a sinistra. Dire, se si vendono piccoli pesci d'acquario.

ottimizzazione della pagina del prodotto 3

Il pulsante “Aggiungi a bag” a fuoco

Ridurre al minimo lo scorrimento e la distrazione. Un layout a tre colonne funziona se si desidera che la pagina del prodotto per visualizzare il massimo di informazioni senza mosse extra.

ottimizzazione della pagina del prodotto 4

La disposizione 3 colonne compatto

Si può anche selezionare il layout della vostra galleria fotografica. Aiuta i tuoi clienti a ottenere la sensazione del vostro prodotto con una galleria fotografica convincente. Scegli il layout per le anteprime delle immagini presenti nella galleria (verticale o orizzontale) o mostrare le immagini ipnotizzanti a schermo intero. I punti di vista più alternati e dettagliate che mostrate, il migliore.

Foto layout della galleria opzioni

Foto layout della galleria opzioni

3. Selezionare le informazioni del prodotto per visualizzare nella barra laterale

Una pagina del prodotto conversione fornisce sufficienti informazioni di prodotto, mantenendo le cose semplici. In Ecwid, è possibile nascondere gli elementi (come SKU, opzioni di prodotto, pulsanti di condivisione) se non ne hanno bisogno, in modo che i clienti non vengono distratti sulla loro strada al carrello.

La parte migliore è che è possibile trascinare ogni elemento e organizzarli in qualsiasi ordine. un sacco di test di nuovi modi per ottimizzare le vostre pagine di prodotto per le conversioni.

ottimizzazione della pagina del prodotto 5

impostazioni della barra laterale flessibili

Cambia la tua navigazione Storefront & Colori

Ci sono un paio di impostazioni storefront, che sono abilitate di default per aiutare i clienti a navigare nel tuo negozio. È possibile trasformare qualsiasi di loro fuori ogni volta che gradite.

Se si passa dalla versione più vecchia vetrina, queste impostazioni migreranno alla nuova vetrina come li aveva prima.

Modalità colore Adaptive. Se si installa un negozio online Ecwid sul tuo sito web, i colori negozio corrisponderanno automaticamente il tuo sito web a tema. Il tuo negozio online sarà simile a una parte naturale del tuo sito web.

Il menu piè di pagina e pangrattato aiutano i clienti di navigare il vostro negozio più veloce e impedire loro di perdersi.

Il link di accesso consente ai clienti di accedere al proprio profilo per visualizzare i loro ordini e utilizzare la lista dei desideri.

“Ordina per” opzioni consentire ai clienti di ordinare i prodotti per prezzo, nome, e altre condizioni.

Altri modi per cambiare il tuo negozio Ecwid design

Le nuove impostazioni di progetto riguardano i casi di utilizzo più comuni. Se volete cambiare il vostro negozio in altri modi:

  1. Se avete bisogno di un tema personalizzato per il tuo negozio senza codifica, provare applicazioni di progettazione dal mercato Ecwid app (disponibili sui piani Ecwid pagati, i prezzi si applicano app).
  2. Creare un tema CSS personalizzato (un insieme di regole che determina l'aspetto di ogni elemento nel negozio, come le dimensioni, forma, o di colore). La creazione di un tema CSS richiede una certa conoscenza Tech. C'è un guida ai temi CSS nel Ecwid Knowledge Base che spiega come creare il proprio tema CSS e istruzioni per la modifica elementi specifici. Si può sempre chiedere il team Ecwid di assistenza clienti per chiedere aiuto, o ordinare lo sviluppo personalizzato del tuo tema CSS.
  3. Per gli sviluppatori: Utilizzare il Ecwid Javascript API per estendere le caratteristiche storefront Ecwid. È possibile creare un nuovo tema CSS o un app, e vendere sul mercato Ecwid app. L'API Ecwid Javascript permette di cambiare completamente il look vetrina, portando cambiamenti profondi come avete bisogno. Se si è pronti per iniziare, si prega di registrarsi sulla pagina per gli sviluppatori.

Ottenere un One-pagina del sito per il tuo negozio online

Il tuo negozio Ecwid sembra grande, ma non si dispone di un sito web per vendere su?

Starter Site è un sito gratuito di una pagina che fornisce Ecwid quando si crea il tuo account Ecwid. Questo viene fatto per farvi rapidamente iniziare a vendere on-line su una pagina web pulito e fare profitti subito per far crescere il vostro business.

Parlando del design, Starter sito è costruito con blocchi di ready-made (l'immagine di copertina, logo, negozio online, “Su Di Noi” sezione, feedback del cliente, e contatti) che è possibile attivare, disattivare, e personalizzare.

Se avete bisogno di personalizzare il sito Starter, chi stai chiamerete? Bene, nessuno! È possibile modificare l'intero sito web senza particolari conoscenze, utilizzando il computer desktop o anche tramite la gestione app store Ecwid mobile per iOS.

Costruisci la tua libera Starter sito oggi utilizzando il nostro passo-passo guida.

Non vediamo l'ora di imparare cosa ne pensate delle nuove impostazioni di progettazione - vediamo nei commenti qui sotto.

Circa l'autore
Den Nikiforov is a Product Designer at Ecwid. He loves to see his ideas come to life and bring good to Ecwid entrepreneurs. In his free moments Den enjoys sci-fi books and long walks.