Inizia qui

Se hai appena acquistato Growth Webflow Template e stai cercando le basi su come iniziare a modificarlo, inizia qui.

Come iniziare

Grazie per aver acquistato il modello Growth. In questa breve guida copriamo tutte le basi su come modificare gli elementi di base (es. colori, caratteri, contenuto CMS, ecc.) del modello Growth Webflow.

Se non avete molta familiarità con Webflow, vi consigliamo vivamente di prendere il Webflow 101 Crash Course dalla Webflow University, in quanto vi insegnerà tutte le basi per essere operativi.

Styling

Iniziamo con lo stile del template.

Colori

Il modello di crescita è costruito usando Color Swatches, il che significa che puoi facilmente modificare un campione di colore per aggiornarlo in tutto il sito.

Per fare questo, basta andare alla scheda Stile nella barra laterale destra, poi scorrere fino a Colori nella sezione Tipografia, e se si fa clic sul colore, sarete in grado di vedere tutti i campioni di colore e modificarli per essere aggiornati in tutto il sito a qualsiasi colore necessario.

Font

Il modello Growth usa un unico font per tutto il sito, ed è impostato nel selettore Body (All Pages), il che significa che puoi facilmente aggiornare il font su tutto il sito con un solo clic.

In qualsiasi pagina, basta cliccare sull'opzione arancione del selettore in alto a destra della scheda Stile, e poi selezionare Corpo (Tutte le pagine). Una volta fatto questo, puoi andare nella sezione Typography qui sotto e cambiare il font con qualsiasi font per il tuo marchio aziendale.

Nel caso tu abbia bisogno di un font personalizzato o premium che non è disponibile su Webflow, puoi sempre andare su Project Settings > Fonts e sarai in grado di caricare font personalizzati, o collegare il tuo account Adobe Fonts.

Grafica e icone

Alcune icone o grafici nel modello sono normali immagini/grafica, quindi noterete che quando aggiornate tutti i colori, questi avranno ancora il colore del modello.

Questo accade perché questi grafici sono immagini (PNG, JPG, SVG, ecc.), quindi l'aggiornamento del CSS (stile) di Webflow non li influenzerà. Se volete riutilizzare questa grafica, potete sempre scaricarla e modificarla con qualsiasi software di design (cioè Photoshop, Illustrator, Sketch, Figma, ecc.), o caricare direttamente le vostre immagini/grafiche che corrispondono al vostro marchio.

Modifica delle pagine

Ora è il momento di continuare con i prossimi passi per modificare le pagine del tuo sito web. Di solito ci sono 2 tipi di contenuti che saranno modificati, che sono i seguenti.

Contenuto statico

Il contenuto statico è tutto il contenuto che non è basato sul CMS, il che significa che non è dinamico (come un post di blog, per esempio).

Puoi facilmente identificare tutti questi contenuti perché sono mostrati in grigio nella barra laterale sinistra del Navigatore, e mostrano un bordo blu quando ci clicchi sopra o passi il mouse.

Se vuoi modificare questo tipo di contenuto, puoi semplicemente fare doppio clic su di esso, e sarai in grado di scrivere direttamente lì.

Contenuto dinamico (CMS)

Il contenuto dinamico è tutto il contenuto che è dinamico e sarà generato automaticamente in base al contenuto aggiunto nella sezione CMS nella barra laterale sinistra (appena sotto l'icona Pagine).

Puoi facilmente identificare tutto questo perché è mostrato in viola nel Navigatore della barra laterale sinistra, e mostra un bordo viola quando lo clicchi o passi con il mouse.

Questo contenuto dovrebbe essere aggiornato direttamente nella sezione CMS. Questo ha lo scopo di rendere molto facile il suo aggiornamento, poiché è molto probabile che abbia bisogno di essere costantemente aggiornato (per esempio, aggiungendo un nuovo post sul blog).

Inoltre, se vuoi modificare una pagina CMS completa generata automaticamente (per esempio, un post del blog), troverai questa pagina disponibile per la modifica in fondo a tutte le pagine nella sezione Pagine nella barra laterale sinistra.

Prodotti (eCommerce)

I prodotti o il contenuto dell'eCommerce funzionano in modo simile al contenuto dinamico del CMS, tuttavia, questo è focalizzato esclusivamente sui prodotti dell'eCommerce.

Puoi identificare il contenuto dell'eCommerce in un modo simile al contenuto del CMS, perché è anche mostrato in viola nel Navigatore della barra laterale sinistra, così come con un bordo viola quando si clicca o si passa il mouse.

Questo contenuto dovrebbe essere aggiornato direttamente nella scheda eCommerce nella barra laterale sinistra. Questo ha lo scopo di rendere molto facile il suo aggiornamento, poiché è molto probabile che debba essere costantemente aggiornato (per esempio, cambiando il prezzo di un prodotto o aggiungendo più stock).

Inoltre, se volete modificare la pagina eCommerce del prodotto autogenerato, troverete questa pagina disponibile per la modifica quasi in fondo a tutte le pagine appena sopra le pagine di raccolta CMS.

Note utili

Oltre alla principale spiegazione di base che abbiamo condiviso sopra, qui condividiamo alcuni consigli e come fare per le domande più comuni che riceviamo.

Interazioni

Se vuoi modificare qualsiasi template Interaction (per esempio rimuovendo un effetto di apparizione), puoi facilmente identificare gli elementi che hanno interazioni poiché questi hanno una piccola icona Interactions (un piccolo tuono) nel Navigator della barra laterale sinistra.

Se clicchi su questa piccola icona Interactions, si aprirà la scheda Interactions della barra laterale destra per questo elemento, dove puoi modificare l'interazione.

Vista mobile o tablet

Ogni volta che fai un cambiamento (per esempio, crei un nuovo design di sezione), è una buona pratica andare alla tua navigazione superiore Viewport e vedere come appare su Tablet e Mobile.

Se si modifica solo una sezione Template con testo o immagini aggiornate e non si cancella nessuna classe Template, questo non dovrebbe essere necessario, tuttavia, se si personalizza il template più profondamente, si modificano le classi, o si creano nuove sezioni, è sempre bene modificare costantemente le viste per cellulari e tablet per assicurarsi che tutto sia perfetto.

Modifica di Meta Title, Desc e Featured Image

Se vuoi personalizzare il Titolo, la Descrizione e l'Immagine che viene mostrata quando condividi il tuo sito web in qualsiasi posto (cioè Facebook, Twitter, ecc.), puoi facilmente andare alla sezione Pagine nella barra laterale sinistra, cliccare sulla piccola icona Impostazioni della pagina che vorresti personalizzare, e tutte queste impostazioni appariranno.

Si prega di notare che è importante cambiare questo sulla base della pagina.

Backups

Se qualcosa va storto, per esempio, se non ti piace dove sta andando il sito web, se hai cancellato alcune classi critiche che erano necessarie per rendere il Template bello, o se vuoi semplicemente andare a una versione precedente per qualsiasi motivo, puoi sempre andare alla sezione Backups.

Puoi trovarlo nella sezione Impostazioni nella barra laterale sinistra, e poi puoi semplicemente vedere tutti i backup automatici o manuali. Il ripristino del vecchio backup è a portata di clic.

Supporto del modello Webflow di crescita

Come potete vedere sopra, Growth è stato costruito su Webflow usando le migliori pratiche per rendere molto facile per voi modificare il modello e personalizzarlo secondo le vostre esigenze.

Comunque, se mai dovessi trovare qualche problema, avere bisogno di aiuto, o semplicemente voler dire ciao, sentiti libero di mandarci un'email a growth@brixtemplates.com - Saremo felici di aiutarti.

Design e sviluppo personalizzato

D'altra parte, se stai cercando aiuto per costruire una versione unica e personalizzata di Growth, o semplicemente un incredibile sito web progettato e sviluppato da zero su Webflow, sentiti libero di metterti in contatto con la nostra Webflow Design Agency. L'incredibile team dietro il Template Webflow di Growth può aiutarti.