Come creare un sito Web con Renderforest

Pubblicato: 2020-01-22

Portare la tua attività online è un enorme passo avanti verso il successo. Per andare online, hai bisogno di un sito web imponente e professionale, o almeno di una landing page in cui avrai la possibilità di mostrare ciò che hai: il tuo servizio o i tuoi prodotti.

Fortunatamente per tutti i non programmatori, ora è possibile creare un sito Web senza alcuna abilità di codifica. Puoi utilizzare i costruttori di siti Web online, che possono aiutarti a creare facilmente il tuo sito Web o pagina di destinazione professionale con modelli dal design accattivante, personalizzabili e reattivi.

Renderforest offre una soluzione straordinariamente semplice che porta la creazione di siti Web a un nuovo livello. In questo tutorial puoi trovare tutte le istruzioni per utilizzare il Website Builder e le sue funzionalità.

  • Modelli e componenti personalizzabili
  • Stile e colori del sito web
  • Come aggiungere una pagina?
  • Modifica le impostazioni del tuo sito web
  • Anteprima e pubblicazione

Modelli e componenti personalizzabili


Allora, come iniziare? Vai su " Crea sito web " dal menu di navigazione e fai clic sul pulsante "Inizia a creare".

creare un sito Web con renderforest

Qui hai due opzioni: crea il tuo sito web da zero aggiungendo un componente o carica un modello.

creare un sito Web con renderforest start

Per creare il tuo sito Web con l'aiuto dei nostri modelli già pronti, fai clic su "Carica un modello". Esistono più di 20 categorie di modelli, inclusi, a titolo esemplificativo, marketing e pubblicità, immobili, tecnologia, personale e portfolio, musica, viaggi e ospitalità, fotografia, moda e istruzione, con modelli personalizzabili pronti per essere utilizzati.

creare un sito Web con componenti renderforest

Se vuoi creare il tuo sito web da zero, torna indietro e fai clic su "Aggiungi componente". Scegli tra oltre 150 componenti (sezioni già pronte), che vengono forniti con testi e immagini predefiniti. I componenti includono intestazioni, inviti all'azione, testo semplice, testimonianze, post, slider, video, moduli e-mail, musica, domande frequenti, contatti, piè di pagina e altro ancora.

creare un sito Web con funzionalità di renderingforest

Seleziona il componente che ti piace, passaci sopra con il mouse e fai clic su "Aggiungi". La sezione verrà aggiunta al tuo sito web. Sopra e sotto ogni sezione, puoi trovare un pulsante "+". Fare clic per aggiungere un altro componente.

crea un sito Web con renderforest cambia sfondi

Personalizza ogni componente modificando testi, immagini, icone, pulsanti e colore di sfondo.

Fare clic su una sezione di testo per digitare o incollare il testo. Si noti che ogni sezione di testo ha un numero limitato di caratteri. Per favore, scrivi i tuoi testi entro i limiti dei caratteri per mantenere l'aspetto generale e il design.

creare un sito Web con sfondi renderforest

Per personalizzare i pulsanti, fai clic sul pulsante di modifica che appare quando passi con il mouse sul pulsante. Qui, scrivi il tuo testo, scegli il tipo di collegamento dal menu a tendina e aggiungi la pagina o la sezione di destinazione.

crea un sito Web con renderforest aggiungi un collegamento esterno

Nell'angolo in alto a destra di ogni sezione, puoi trovare le impostazioni della sezione. Da lì, puoi cambiare il colore di sfondo, sostituire l'immagine di sfondo, spostare la sezione in alto o in basso, sostituirla, capovolgere l'orientamento o eliminarla.

creare un sito Web con il team di renderforest

Per aggiungere un'immagine o modificare lo sfondo visivo di una sezione, fare clic su qualsiasi immagine per aprire il popup con diverse opzioni. Puoi aggiungere un'immagine in quattro modi diversi: aggiungi un URL immagine, scegli un'immagine caricata dalla tua libreria multimediale, usa immagini stock o carica dal tuo dispositivo.

crea un sito Web con renderforest aggiungi un'immagine

Libreria multimediale è il tuo spazio di archiviazione in cui conservi tutti i tuoi file multimediali. Se desideri utilizzare un'immagine caricata in precedenza, puoi trovarla nella tua libreria multimediale.

creare un sito Web con la libreria multimediale renderforest

Fai clic su "Immagini di stock" per trovare immagini pertinenti per il tuo sito Web da un'ampia raccolta di immagini di stock disponibili. Fai clic sulle opzioni di ricerca più popolari per una rapida navigazione o cerca parole chiave o termini specifici.

creare un sito Web con categorie di immagini renderforest

Dopo aver selezionato l'immagine che desideri utilizzare, fai clic su "Inserisci" e verrà aggiunta al tuo sito web.

creare un sito Web con immagini di stock renderforest

Allo stesso modo, puoi modificare le sezioni con i video. Qui hai 2 opzioni: aggiungi un URL video o crea un nuovo video. Se scegli la seconda opzione, verrai reindirizzato alla nostra libreria di modelli video con oltre 800 modelli e oltre 1200 predefiniti. Crea il tuo video, pubblicalo e aggiungi l'URL al tuo sito web.

creare un sito Web con video renderforest

Per aggiungere musica al tuo sito web, vai all'elenco dei componenti musicali e seleziona quello più adatto a te. Puoi aggiungere tracce da "SoundCloud" e "Spotify".

creare un sito Web con la musica renderforest

Passa il mouse sopra la traccia e fai clic sul pulsante di modifica per aggiungere la musica che preferisci.

creare un sito Web con renderforest blind

Incolla l'URL della traccia o il codice di incorporamento che hai precedentemente copiato e premi Salva. La tua traccia verrà aggiunta al sito web.

crea un sito Web con renderforest aggiungi musica
Se il tuo componente ha icone che devi modificare, fai clic sul pulsante di modifica che appare quando passi il mouse sull'icona. Qui puoi cercare le icone, selezionarne una pertinente e salvare le modifiche.

crea un sito Web con icone renderforest
Anche le icone dei social follow sono completamente personalizzabili. Seleziona un componente che li contiene, passaci sopra con il mouse per rimuovere quelli non necessari o fai clic sull'icona a forma di matita per modificarli.

creare un sito Web con i contatti di renderforest

Dalla sezione "Social", trova e seleziona l'icona che ti serve, modificala e aggiungila al tuo sito web.

crea un sito Web con l'icona sociale di renderforest

Stile e colori del sito web


I componenti del sito Web hanno le dimensioni e lo stile del testo predefiniti che puoi modificare con un clic. Vai alla sezione "Testo" dal menu della barra laterale di sinistra per selezionare la dimensione del testo e lo stile che preferisci.

creare un sito Web con il carattere renderforest

Nella sezione "Stile", puoi selezionare lo stile dei tuoi pulsanti, icone e altre forme in tutto il sito web. Ci sono tre opzioni tra cui scegliere: arrotondato, spigoloso e affilato.

crea un sito Web in stile renderforest

Per cambiare i colori del tuo sito web, vai alla sezione “Colore”. Aggiungi i tuoi colori personalizzati o scegli una delle tavolozze di colori suggerite dai nostri designer professionisti.

crea un sito Web con i colori renderforest

Come aggiungere una pagina?


Se il tuo sito web non è un sito a una pagina , dovrai aggiungere più pagine. Per creare una nuova pagina, vai alla sezione "Pagine" dallo stesso menu della barra laterale di sinistra e fai clic su "Aggiungi nuovo". Quindi, scrivi il nome della tua pagina, che viene utilizzato anche come URL della pagina, e fai clic su "Crea".

crea un sito Web con la pagina di aggiunta di renderforest

È quindi possibile accedere alla pagina dallo stesso menu di navigazione sul lato sinistro e iniziare a modificarla e aggiungere componenti come nella pagina precedente.

crea un sito Web con la pagina di aggiunta di renderforest


È quindi possibile aggiungere collegamenti che reindirizzano a questa nuova pagina. Passa il mouse sopra il pulsante che desideri reindirizzare a questo e premi l'icona a forma di matita per modificare il collegamento. Modifica manualmente il nome del collegamento e seleziona la pagina a cui desideri reindirizzare il pulsante.

creare un sito Web con i prezzi di renderforest

Oltre a collegare le tue pagine interne, puoi anche collegarti a siti esterni o pagine di destinazione. Clicca su “Aggiungi link” e modificalo scrivendo il titolo della pagina, scegliendo l'opzione “Link esterno” dal menu a tendina e aggiungendo il link.

creare un sito Web con un collegamento esterno di esempio renderforest

Hai anche la possibilità di collegare la tua voce di menu a una sezione specifica della pagina. Ad esempio, se vuoi collegare la tua voce di menu "Contattaci" alla sezione "Contattaci" della tua home page, fai clic su "Aggiungi collegamento", quindi scrivi il nome, seleziona l'opzione "alla sezione" dal menu a discesa e il sezione in una determinata pagina. Tieni presente che questa opzione è consigliata per i siti Web di una pagina.

crea un sito Web con renderforest collega alla sezione

Aggiungi widget

Dalla sezione "Widget" puoi aggiungere la chat dal vivo al tuo sito Web per una migliore assistenza clienti.

creare un sito Web con i widget di renderforest

Espandi il widget di tua scelta, incolla il codice copiato o inserisci il tuo ID chat e fai clic su "Connetti".

creare un sito Web con renderforest livechat

I widget verranno allegati e avrai una live chat funzionante sul tuo sito web.

Modifica le impostazioni del tuo sito web


Nella sezione “Impostazioni” puoi modificare le impostazioni generali del tuo sito web e le impostazioni delle singole pagine.

Dalla barra di navigazione, seleziona la sezione che desideri modificare.
Nelle impostazioni "Generali" puoi gestire le impostazioni dei cookie, aggiungere la tua favicon, selezionare l'immagine social, l'e-mail del sito web, l'ID di Google Analytics e l'ID del pixel di Facebook.

creare un sito Web con le impostazioni di modifica di renderforest


La sezione "Pagina" consente di modificare il titolo della pagina, la meta descrizione della pagina e le parole chiave della pagina/sito web.

creare un sito Web con le impostazioni della pagina di renderforest

Nella sezione "Dominio", puoi impostare il tuo dominio personalizzato o modificare il tuo sottodominio gratuito.

crea un sito Web con il dominio di modifica renderforest


Dopo aver aggiornato le impostazioni, non dimenticare di fare clic su "Salva" per aggiornare le impostazioni.

crea un sito Web con renderforest salva le modifiche

Tieni presente che alcune impostazioni verranno sbloccate una volta ottenuto un abbonamento a pagamento.

Anteprima e pubblicazione


Visualizza in anteprima il tuo sito Web durante il processo di modifica per vedere come appare e apportare tutte le modifiche necessarie per migliorarlo. Fai clic sul pulsante "Anteprima" nell'angolo in alto a destra dell'editor.

crea un sito Web con l'anteprima di renderforest

Visualizza il tuo sito web su diversi dispositivi: desktop, tablet e mobile. Oppure, fai clic su "Anteprima in una nuova scheda".

creare un sito Web con smartphone in anteprima renderforest


Una volta che il tuo sito web è pronto per essere pubblicato, visualizzalo in anteprima per vedere se tutto funziona come previsto. Quindi, fai clic sul pulsante "Pubblica".

creare un sito Web con renderforest pubblicare

Congratulazioni! Il tuo sito web è attivo!

Ogni volta che apporti modifiche al tuo sito web, non dimenticare di salvarle e pubblicarle. Tutti i progetti del tuo sito web vengono automaticamente salvati nella pagina "I miei siti web", a cui puoi accedere dal menu a discesa nell'angolo in alto a destra della tua pagina.

Molto semplice e intuitivo, vero? Il costruttore di siti Web Renderforest ha tutti gli strumenti per rendere il processo di creazione del sito Web semplice e divertente. Una volta che il tuo sito web è pronto, vai avanti e pubblicalo. Puoi pubblicare il tuo sito Web gratuitamente o iscriverti a un piano a pagamento mensile o annuale.

Prima di iniziare a progettare il tuo sito web, assicurati di preparare i wireframe per tutte le tue pagine web. Ti aiuteranno a trovare facilmente i componenti desiderati. Quindi, utilizza il nostro costruttore di siti Web facile da usare per dare vita alle tue idee.

Sei pronto per iniziare?

Crea il mio sito web