Miglior Website Builder 2024. Crea il tuo modello di sito web

Il raggruppamento è un'operazione molto comune che consente di combinare elementi relativi e ridurre al minimo il carico di controllo di ciascun elemento separatamente durante lo spostamento, l'allineamento, ecc. Per raggruppare più elementi, selezionare gli elementi dell'area o selezionarli facendo clic e tenendo premuto il tasto MAIUSC, quindi premere il tasto Combinazione CTRL+G.

La griglia, il ripetitore griglia, generalmente tutti gli elementi contenitore a larghezza intera e l'elemento testo sono sempre larghi al 100%. Puoi vedere il 100% reale nel campo del valore del pannello delle proprietà per l'elemento selezionato. Puoi anche impostare il valore Larghezza in percentuale. Tuttavia, l'altezza può essere solo del 100 percento.

Le colonne della griglia sono un utile strumento di layout per editor grafici e siti web. Facilitano il posizionamento e l'allineamento degli elementi di web design su una pagina web. Le colonne della griglia sono visibili in tutta la pagina. Puoi abilitarli facendo clic sui tasti di scelta rapida CTRL+MAIUSC+4 o selezionando nel menu di scelta rapida del mouse o nella barra degli strumenti contestuale di Pagina e Blocco.

Puoi bloccare e sbloccare gli elementi, i contenitori o i blocchi nella struttura facendo clic sull'icona del lucchetto nel livello dell'elemento. Rende il tuo lavoro di progettazione più conveniente, specialmente lavorando con più dettagli.

L'operazione di gruppo crea un elemento di gruppo, che consente di assemblare diversi elementi e utilizzarli come un unico pezzo nell'editor. Come gruppo, puoi eseguire diverse operazioni e aggiungere azioni, inclusa l'aggiunta di sfondo e lo spostamento di elementi e l'applicazione di vari effetti di animazione a un gruppo e ai suoi elementi.

Ridimensiona i blocchi semplicemente facendo clic e trascinando gli indicatori della barra nella parte superiore o inferiore di qualsiasi blocco. Durante il ridimensionamento, puoi vedere le distanze prima e dopo gli Elementi posizionati all'interno di un Blocco.

Possono le immagini cambiare le loro proporzioni durante il processo creativo ingrandendole e adattandole durante la creazione di una pagina web. Pertanto, puoi ripristinare le proporzioni rispetto all'originale facendo clic sull'icona nella barra degli strumenti contestuale. Fare clic sull'elemento Immagine, Riquadro o Cella della griglia, quindi fare clic sull'icona Ripristina proporzioni.

Trascina i marcatori per immagini, testi e altri elementi da ridimensionare. Puoi tenere premuto il tasto MAIUSC per ridimensionare proporzionalmente e il tasto ALT per fissare il centro. Puoi seguire e agganciare le guide magnetiche rosse per la precisione.

Per organizzare e gestire i Blocchi, puoi rinominarli nella Struttura. Seleziona il Navigatore di pagina sull'interruttore a sinistra nella scheda Struttura. Fare doppio clic o selezionare l'opzione Rinomina nelle Opzioni. Modifica il nome del blocco per rendere il processo di progettazione di un sito Web più gestibile e conveniente.

Mentre lavori nell'Editor, puoi nascondere Elementi, Contenitori o interi Blocchi nella Struttura. È utile concentrarsi su alcuni dettagli nascondendo quelli che si sovrappongono o ostacolano.

Trascina qualsiasi elemento raggruppato per spostare l'intero gruppo. Puoi raggruppare elementi in un blocco web e quindi manipolarli come una singola unità selezionando e trascinando un gruppo con i suoi elementi interni.

Progetta le tue pagine web e i tuoi modelli trascinandoli. Goditi i tuoi lavori mentre crei splendidi siti Web in modo giocoso senza codifica. Progetta e personalizza il tuo design con il nostro rivoluzionario Editor a mano libera. È intuitivo, visivo, facile da usare, a mano libera, trascina e rilascia. L'utilizzo di Nicepage è simile al lavoro in Microsoft PowerPoint, Apple Keynote e sistemi di progettazione professionali come Adobe Photoshop e Adobe XD.

È possibile selezionare più elementi facendo clic e trascinando il cursore nell'area. Puoi spostare, allineare, duplicare insieme tutti gli elementi multi-selezionati e convertirli in un gruppo o in un ripetitore griglia, se necessario.

Cambia facilmente le posizioni dei blocchi nel Navigatore di pagine. Puoi anche utilizzare le frecce nella barra laterale dei blocchi e nella barra degli strumenti dei contenuti per spostare i blocchi su e giù nell'editor.

Molti editor grafici e di mockup popolari possono modificare i valori con lo scorrimento del mouse o lo spostamento. Puoi fare lo stesso dei parametri e delle proprietà illustrati con le icone. Vai al pannello delle proprietà, passa il mouse sull'icona vicino al campo di immissione della proprietà e muovi il mouse a destra per aumentare il valore ea sinistra per diminuirlo.

Puoi copiare e incollare immagini dagli appunti. Questa funzione è supportata solo nelle applicazioni Nicepage Desktop. Puoi copiare le immagini da qualsiasi editor grafico e incollarle nell'editor di Nicepage.

Usa le guide magnetiche intelligenti per allineare e perfezionare la posizione degli elementi nel disegno. Puoi vedere le guide rapide mentre sposti un elemento che si aggancia ad altri elementi e contenitori. Sono molto utili per l'allineamento, la modifica e la trasformazione di elementi rispetto ad altri elementi e contenitori durante la progettazione di un sito Web.

Le opzioni della pagina sono molto importanti per la creazione di siti Web, poiché questo elenco contiene le operazioni essenziali per la pagina. Puoi abilitare le colonne della griglia, utilizzare le operazioni di copia e incolla, importare ed esportare la pagina e accedere alle Impostazioni. È possibile accedere alle Opzioni della pagina dal menu di scelta rapida facendo clic sull'icona Opzioni in alto a destra nell'Editor.

Anche se puoi spostare e selezionare gli elementi raggruppati come una singola unità, puoi modificarli tutti: fai doppio clic per accedere a un elemento raggruppato e modificarne le proprietà nella barra degli strumenti contestuale o nel pannello delle proprietà.

Puoi aggiungere gruppi, forme e immagini e specificare i bordi per ciascun lato separatamente. Ti dà la libertà aggiuntiva di realizzare le tue idee creative. Seleziona la tua forma, per esempio. Quindi vai al pannello delle proprietà. Trova la sezione Bordo e fai clic sulle icone delle opzioni. Seleziona i lati per i quali mostrare il Bordo.

È possibile modificare la larghezza del contenuto selezionando il valore dall'elenco a discesa per la larghezza del blocco. Seleziona un blocco, quindi vai al pannello delle proprietà. Nella proprietà W (larghezza), fare clic sulla piccola freccia per aprire l'elenco a discesa con le opzioni. Fare clic sulle opzioni per modificare la Larghezza del contenuto da Riquadro a Ampio.

Puoi misurare le distanze tra gli elementi in un blocco mentre trascini e allineati dalle guide magnetiche intelligenti. Puoi vedere le distanze mentre misuri la spaziatura tra, testi, immagini, icone, forme, ecc., e all'interno di gruppi e griglie e altri elementi del contenitore.

Il Mega Menu è il layout più popolare utilizzato nei menu moderni contenenti voci di sottomenu. Consente di aggiungere elementi secondari in colonne, aggiungendo anche immagini e altri elementi a un menu. Per aggiungere un Mega Menu, puoi selezionare un Menu nell'Intestazione, andare al Pannello delle Proprietà a destra, quindi cambiare il suo Layout nel Mega Menu facendo clic sull'icona corrispondente nella sezione Layout.

Consenti ai tuoi utenti di trovare le informazioni richieste sul tuo sito Web utilizzando l'elemento di ricerca nell'intestazione. Tieni presente che la Ricerca utilizza le funzioni standard di WordPress e Joomla e per abilitarla per il sito Web HTML, dovrai scrivere il codice.

Usa l'intestazione, il blocco condiviso in alto nelle pagine del sito web. Di solito contiene un logo, un menu, un invito all'azione, informazioni di contatto, ecc. L'intestazione può sovrapporsi al blocco successivo e può essere appiccicosa durante lo scorrimento.

Combina diversi blocchi di intestazione nella parte superiore delle tue pagine in un'unica grande intestazione. Consente di inserire più informazioni rispetto al classico Header a una riga. Puoi aggiungere Menu, Campo di ricerca, Carrello, Icone social e Contatti in due e più blocchi di intestazione. Di solito con colori diversi per gli sfondi dei blocchi. È il più popolare sui siti di eCommerce.

Il piè di pagina è un blocco inferiore di qualsiasi sito Web condiviso tra tutte le pagine Web contenenti dati comuni ad altre pagine. Le informazioni nei piè di pagina possono includere collegamenti a pagine, post o risorse esterne, riferimenti e avvisi di copyright, nonché collegamenti ad account social, informazioni di contatto e di iscrizione e altro ancora.

Attacca il piè di pagina in fondo a qualsiasi pagina web. Puoi applicare questa opzione per agganciare il piè di pagina alla parte inferiore dello schermo se non hai abbastanza contenuti per spingere il piè di pagina verso il basso.

Il menu è l'elemento di navigazione essenziale di qualsiasi sito web. Puoi aggiungere il menu solo all'intestazione e al piè di pagina e creare voci secondarie se hai molte pagine web sul tuo sito.

Aggiungi la tua azienda o il logo personale per differenziare il tuo sito web sul web. Il logo è un'immagine che può essere in qualsiasi formato grafico moderno, inclusi SVG e WEBP.

Puoi nascondere e mostrare l'intestazione nel pannello delle proprietà di una pagina facendo clic sull'area grigia dietro l'editor e andando al pannello delle proprietà. Inoltre, puoi fare clic sul collegamento in alto a destra dell'Editor vicino all'icona Opzioni per mostrare l'intestazione nascosta in qualsiasi momento, il che è molto comodo, veloce e facile da trovare.

Inserisci il link Login per connetterti alla pagina di accesso del tuo sito web. È possibile stilizzare il collegamento se necessario.

Inserisci l'elemento Нeadline nell'intestazione, che puoi utilizzare come titolo per il tuo sito web. Puoi utilizzare il Titolo al posto del logo grafico e stilizzarlo come qualsiasi testo nell'Editor.

La tipografia imposta lo stile di tutti gli elementi di testo su un intero sito web. Consente a pagine e blocchi di apparire in uno stile, essenziale per un buon web design. Aiuta a stilizzare elementi come titolo, intestazione, testo, collegamento ipertestuale, pulsante, citazione ed elenchi. È possibile modificare il carattere, la dimensione, il peso, il colore, i rientri e la spaziatura tra le righe di testo e le lettere. Per semplificare il tuo lavoro, abbiamo preparato i Preset già pronti.

La barra laterale situata a destra o a sinistra dell'area del contenuto principale del tuo sito Web consente ai tuoi visitatori di accedere rapidamente a varie informazioni. Di solito, in WordPress Theme o Joomla Templates, puoi assegnare la sidebar a widget o moduli di output, che richiedono aree widget di WordPress o posizioni Joomla che puoi aggiungere e modificare nel pannello di amministrazione del tuo sito web.

Per i siti Web WordPress e Joomla, sono disponibili molti design di accesso. Per accedervi, vai al pannello Modelli di accesso rapido. Quando apri il modello di accesso, fai clic sull'icona blu Plus per aprire il menu Aggiungi. Vedrai l'elenco dei design disponibili per il modello di accesso, con cui puoi iniziare o utilizzare sui tuoi progetti web.

Gli schemi di font sono una coppia di font presentati come font predefiniti, che puoi selezionare per tutto il testo su un sito web. Il primo carattere corrisponde e viene applicato a tutte le intestazioni e ai titoli di un sito Web, mentre il secondo carattere si adatta bene e viene utilizzato per tutti i testi e i paragrafi normali.

Si consiglia di utilizzare non più di cinque colori principali in tutto il sito Web, creando un buon web design. Dà alle tue pagine web un aspetto coerente e professionale. Imposta cinque colori per la tua combinazione di colori o selezionane uno dai predefiniti già pronti. Nicepage ha generato automaticamente più colori con luminosità diversa in base allo schema principale. Puoi anche aggiungere colori personalizzati quanti ne vuoi.

In WordPress e Joomla, i blog sono stilizzati con i modelli di temi. Il modello di blog viene utilizzato per visualizzare i riassunti di più post e il modello di post restituisce il contenuto di un singolo post. Puoi modificare e perfezionare quei modelli per ottenere un aspetto unico e rendere le pagine del blog coerenti con il resto del tuo web design. Inoltre, puoi creare modelli di blog personalizzati per assegnarli a diverse categorie di post.

Se hai un negozio online in WordPress o Joomla, puoi modificare i modelli di eCommerce con Nicepage. Utilizza il modello elenco prodotti per mostrare il catalogo prodotti con prezzi e brevi descrizioni. I dettagli del prodotto mostrano le informazioni su ciascun prodotto consentendo agli utenti di scegliere la quantità, la variazione e scorrere le immagini del prodotto. Regolando i layout e i colori dei tuoi modelli di eCommerce, puoi mantenerli in stile con altre pagine. Simile ad altri modelli, puoi creare modelli di eCommerce personalizzati per varie categorie di prodotti.

Le persone possono accedere al tuo sito Web per un URL errato o digitarlo in modo errato nella barra degli indirizzi di un browser. In tal caso, molti siti Web mostrano la pagina speciale 404 Non trovato invece dell'errore del browser che consente ai visitatori di rimanere sul tuo sito Web e continuare la navigazione. Puoi modificare quella pagina per il tuo sito Web WordPress o Joomla con l'applicazione Nicepage modificando il modello 404 non trovato.

Supponiamo di avere un sito in WordPress o Joomla e hai bisogno che i tuoi utenti aggiungano contenuti tramite l'amministrazione di un sito web. Tuttavia, la pagina di accesso standard offerta dal tuo sistema di gestione dei contenuti non è coerente con il resto del tuo sito web dal punto di vista del design. In tal caso, puoi stilizzare il layout del modello di accesso nell'applicazione Nicepage dando alla pagina di accesso un aspetto coerente ma allo stesso tempo unico per il tuo particolare progetto di sito web.

Esporta siti Web HTML, temi WordPress e modelli Joomla dall'applicazione Nicepage per Windows o Mac OS. Condividi progetti con altri utenti e mostra screenshot ai tuoi clienti esistenti e potenziali.

Se più persone lavorano su un sito Web, c'è il problema che qualcuno con meno esperienza può interrompere il design o il contenuto. Oppure sei uno studio di design e vuoi impedire ai tuoi clienti di modificare il sito web e vuoi fare la modifica solo da solo. Per separare le capacità di modifica, puoi utilizzare i ruoli utente, come Design Editor o Content Editor. Per aggiungere un editor in WordPress, puoi registrare un nuovo utente e assegnare un ruolo necessario.

La funzione White Label consente a te o alla tua azienda di re-branding di siti Web e temi prodotti con Nicepage per WordPress e Joomla in modo che appaiano come i tuoi. Costruirà la credibilità del tuo marchio, rafforzerà la fedeltà dei tuoi clienti, ti farà risparmiare un sacco di tempo e denaro. Molti studi di design e agenzie di marketing digitale apprezzano l'opzione White Label. Avere il tuo marchio sui plug-in aiuta a creare consapevolezza e un più forte senso di fiducia con i tuoi clienti.

Aggiungi il Cookie Popup conforme ai requisiti del Regolamento generale sulla protezione dei dati dell'UE. Per lo Spazio economico europeo è richiesto il regolamento di legge sulla protezione dei dati e sulla privacy. Si occupa anche del trasferimento di dati personali al di fuori dell'Unione Europea. Puoi abilitare il popup dei cookie GDPR nelle Impostazioni del sito.

Sul Dashboard è necessario visualizzare istantaneamente le pagine Web pubblicate. Pertanto, c'è un'icona, che indica questo. Se pubblichi un sito web vedrai l'icona blu del globo a sinistra del nome del progetto del sito web.

Il dominio personalizzato è un nome univoco che hai acquistato per il tuo sito Web o marchio da uno dei registranti più famosi. Puoi assegnare questo dominio personalizzato a un sito progettato al posto del nome del sottodominio generato automaticamente da Nicepage Online Builder. È possibile impostare il dominio personalizzato online nelle Impostazioni del sito e nella finestra di dialogo Esporta nelle applicazioni desktop.

Usa la scheda Condivisione social nelle Impostazioni pagina per specificare come la tua pagina web verrà presentata sui social media. Devi inserire il titolo, la descrizione, l'immagine e l'URL.

Aggiungi la Favicon del tuo sito web nelle Impostazioni del sito. I browser moderni di solito hanno il supporto Favicon e lo visualizzano nella barra degli indirizzi del browser, nelle schede accanto al nome della pagina e nell'elenco dei segnalibri. Di solito, la Favicon ha il formato ICO.

Puoi proteggere le pagine del tuo sito web con una password. Per questo, fai clic sull'area grigia intorno all'Editor per selezionare la Pagina. Vai al pannello delle proprietà e scorri verso il basso fino alla sezione Protezione con password. Imposta la tua password. Anteprima. L'accesso a tale pagina aprirà la protezione con password.

Collega i tuoi siti a Google Analytics, Google Tag Manager e Google Optimize Container per raccogliere dati e ottenere una comprensione più profonda del pubblico del tuo sito. Ottieni tutti gli strumenti di analisi gratuitamente e in un unico posto per qualsiasi attività personale o aziendale.

Puoi vedere e impostare il dominio e il sottodominio personalizzati per un sito Web ospitato su Nicepage nelle Impostazioni del sito. Per questo, fai clic sull'icona Impostazioni sito o sul collegamento nella barra in alto. Nella scheda Generale, inserisci la data richiesta corrispondente al tuo sito web.

Utilizza i prodotti Nicepage in WordPress e Joomla. Hai le pagine Elenco prodotti e Dettagli prodotto funzionanti e il pagamento per i prodotti impostati e puoi creare siti Web di e-commerce con Nicepage senza installare WooCommerce e VirtueMart. Se preferisci WooCommerce e VirtueMart, puoi continuare a usarli.

Gestisci i prodotti per i tuoi siti Web di e-commerce nel pannello Prodotti nel riquadro di accesso rapido. Puoi aggiungere, modificare ed eliminare prodotti ed esportarli in HTML, WordPress e Joomla.

Progetta pagine di pagamento per WooCommerce e VirtueMart. Modifica il modello della pagina di pagamento nel pannello Modelli del riquadro di accesso rapido. Quando esporti il tema per il tuo sito web di e-commerce, esporterai il modello di pagina di pagamento con tutti gli altri modelli di pagina di e-commerce.

Aggiungi l'icona del Carrello all'intestazione del tuo sito web, che mostrerà il numero di prodotti aggiunti al carrello e ti consentirà di aprire la pagina di pagamento con un clic.

Aggiungi l'elemento Categorie all'elenco dei prodotti su una pagina e al modello di pagina dell'elenco dei prodotti per aiutare i visitatori del tuo negozio online a trovare i prodotti necessari più rapidamente filtrando un catalogo dei prodotti.

Mostra gli ultimi prodotti su qualsiasi pagina del tuo sito web, inclusa la home page. Puoi specificare i layout e scegliere il numero di post da visualizzare.

Puoi accettare pagamenti tramite Stripe sui tuoi siti web creati con Nicepage. Collega il tuo sito web Nicepage a Stripe e inizia a vendere e a far sì che i tuoi ordini vengano elaborati immediatamente.

Presenta il Prodotto in evidenza sulle pagine del tuo sito web. Puoi modificare il layout e stilizzare il blocco prodotto per dargli un aspetto unico.

Puoi creare il sito web di e-commerce in Nicepage, esportare HTML e caricarlo sul tuo hosting. Gestisci i prodotti e utilizza gli elementi del prodotto e i modelli di pagina per visualizzarli facilmente sui tuoi siti Web HTML.

Utilizza il modello di pagina dei dettagli del prodotto per visualizzare informazioni dettagliate su un singolo prodotto selezionato dal catalogo sul tuo sito web. Emette le informazioni sul prodotto immesse nel pannello Prodotti in Nicepage o le emette da WooCommerce in WordPress o VirtueMart in Joomla.

Il modello di pagina del carrello degli acquisti è la pagina conclusiva di qualsiasi negozio online. Dovrebbe includere il riepilogo del prodotto, la quantità, il prezzo, i totali, altri dati essenziali e, soprattutto, procedere al pulsante di pagamento.

Puoi utilizzare il modello di pagina elenco prodotti per aggiungere la pagina del negozio al tuo sito web di e-commerce. Crea un catalogo di beni o servizi ed è costruito dai Prodotti del pannello Prodotti o genera dati da WooCommerce in WordPress o VirtueMart in Joomla.

Puoi utilizzare il nuovo pulsante Pagamento, che supporta i pagamenti tramite PayPal. Puoi aggiungere ai siti Web creati con le applicazioni desktop Nicepage, il plug-in WordPress, l'estensione Joomla e il generatore online.

Carrello per l'e-commerce Nicepage Puoi utilizzare il Carrello per il tuo sito E-Commerce realizzato con Nicepage. Aggiungi l'icona del carrello all'intestazione per abilitare facilmente il carrello per qualsiasi sito di e-commerce Nicepage senza installare WordPress WooCommerce e Joomla VirtueMart.