Come utilizzare diversi elementi di pagine Web durante la creazione di siti Web

Le immagini della galleria possono avere tavolozze e colori simili e talvolta è difficile distinguerli su una pagina web. Puoi facilmente aggiungere la spaziatura tra le immagini della galleria aumentando il Gap nel pannello delle proprietà. Seleziona la tua Galleria quindi vai al pannello delle proprietà a destra e trascina il cursore della proprietà Gap.

La Galleria in Nicepage è un elemento trasformabile, che puoi facilmente convertire in Carousel, Slider, Slider con miniature e Slider con didascalie. Seleziona una galleria qualsiasi in un blocco e vai al pannello delle proprietà. Fare clic sulle icone delle proprietà del layout per applicare la modifica del layout.

L'opzione Image Lightbox ti consente di ingrandire un'immagine della galleria per visualizzarla in anteprima in dettaglio. Questa opzione è disponibile per il layout griglia e abilitata per impostazione predefinita. Tuttavia, se hai bisogno di disabilitare o riattivare questa proprietà, puoi selezionare una Galleria sulla tua pagina web, quindi andare al pannello delle proprietà. Fare clic sul collegamento Stile Imag, quindi selezionare la casella di controllo Lightbox immagine nel pannello successivo.

Come con qualsiasi altro testo sulla tua pagina web, puoi modificare i parametri dei caratteri per i testi della galleria, sia l'intestazione che il testo, separatamente. Per questo, seleziona una Galleria, quindi nel pannello delle proprietà a destra, fai clic sul collegamento Stile testo. Nel Pannello successivo, modifica le proprietà dei Testi e guarda l'anteprima delle tue modifiche nell'Editor. Tieni presente che devi avere il testo della galleria, che devi inserire negli appositi campi.

La Galleria sembra più attraente sui tuoi progetti web se interagisce con i tuoi visitatori. Pertanto, puoi aggiungerlo sotto forma di Animazione al passaggio del mouse per le immagini della galleria. Seleziona la tua Galleria, quindi vai al pannello delle proprietà. Fai clic sul collegamento Immagine nella sezione Animazione e scegli l'effetto Animazione al passaggio del mouse per le immagini della galleria nel pannello successivo.

Puoi aggiungere l'animazione al passaggio del mouse per i testi della galleria, rendendo i tuoi progetti web ancora più interattivi e attraenti per i visitatori del sito web. Seleziona la Galleria. Se il layout della galleria ha dei testi, vai al pannello delle proprietà. Aggiungi testi e quindi fai clic sul collegamento Livello testo nella sezione Animazione. Fai clic su uno dei predefiniti e personalizza l'effetto Animazione al passaggio del mouse, se necessario.

Per i layout della galleria come Didascalia e Dispositivo di scorrimento, puoi aggiungere l'intestazione e il testo che descrivono l'immagine della galleria. Quando i tuoi visitatori fanno clic sulla modalità Lightbox dell'immagine, puoi vedere questi testi nella modalità Lightbox dell'immagine. Per mostrare i testi delle immagini della Galleria, seleziona la Galleria e poi modifica il suo layout per mostrare i testi. Vai al pannello delle proprietà, quindi inserisci i testi nei campi speciali.

Le immagini della galleria possono avere il raggio, rendendo le tue gallerie più interessanti e diversificate. Per abilitare il raggio per le immagini della galleria, seleziona la galleria, quindi lo stile dell'immagine nel pannello delle proprietà. Trascina il dispositivo di scorrimento del raggio o inserisci il suo valore per risvegliare gli angoli delle immagini della galleria.

Puoi facilmente modificare il numero di colonne per il ripetitore griglia utilizzato in un blocco. Fare clic sull'icona blu Plus sul lato destro del Grid Repeater, quindi selezionare il numero di colonne dall'elenco a discesa. Puoi scegliere sia numeri incrementali che decrescenti.

Simile all'aggiunta di colonne, puoi aumentare e diminuire il numero di righe facendo clic sull'icona blu Plus nella parte inferiore del Ripetitore griglia. Dopo aver visualizzato l'elenco a discesa, puoi selezionare il numero di righe richieste. Puoi scegliere sia numeri incrementali che decrescenti.

Il pannello delle proprietà consente di modificare le proprietà dell'elemento. Ad esempio, puoi modificare le colonne e le righe in un punto per il ripetitore griglia. Per modificare le colonne e le righe, vai ai pannelli delle proprietà e trascina i cursori corrispondenti per modificare i valori delle proprietà.

Utilizzando la proprietà Spazio tra elementi nel pannello delle proprietà, è possibile modificare la distanza tra gli elementi del ripetitore della griglia. Seleziona il Grid Repeater, vai al pannello delle proprietà, trova la proprietà Item Gap e trascina il suo cursore per cambiare la distanza tra gli elementi del Grid Repeater.

Puoi convertire più elementi selezionati in un ripetitore griglia. Accelera lo sviluppo di blocchi come funzionalità, team, testimonianze, ecc. Seleziona più elementi, quindi fai clic sull'icona blu Plus sul bordo sinistro. Quindi, seleziona il layout Ripetitore griglia.

Utilizzando l'elemento Ripetitore griglia, puoi applicare colori diversi ai suoi elementi e agli elementi contenuti. Per questo, vai al pannello delle proprietà e cambia Tutti gli articoli in Articolo nella sezione "Applica stile a". Quindi imposta i colori richiesti per la tua idea di web design

I Carousel Slider sono molto popolari nel web design moderno e, di solito, gli elementi Carousel hanno lo stesso layout e set di elementi. In Nicepage, puoi facilmente convertire qualsiasi Grid Repeater in un Carousel facendo clic sull'opzione switcher nel pannello delle proprietà.

Simile all'elemento gruppo, puoi animare gli elementi del ripetitore griglia al passaggio del mouse del gruppo (elemento). Inoltre, puoi anche aggiungere l'effetto di animazione al passaggio del mouse agli elementi e lavoreranno insieme. Vai al pannello delle proprietà, fino alla sezione Animazione attiva, imposta sia gli effetti di animazione al passaggio del mouse che quelli di gruppo al passaggio del mouse, se necessario.

Applica i moduli predefiniti, aggiungendo blocchi con i moduli più popolari in un clic. Puoi aggiungere un contatto, un abbonamento e altri moduli predefiniti e personalizzare facilmente i blocchi dopo l'inserimento.

Seleziona tra più di 10 tipi di campi modulo durante la creazione dei moduli, inclusi input, area di testo, pulsante di opzione, selezione e tutti gli altri popolari utilizzati nei moduli moderni.

Puoi facilmente modificare la posizione degli input del modulo e di altri elementi trascinandoli e rilasciandoli nelle posizioni predefinite nel Generatore di moduli. Puoi anche trasformare i campi del modulo orizzontalmente e verticalmente, nonché metterli in fila durante il posizionamento nell'Editor.

Puoi aggiungere la casella di controllo Accetta condizioni, una casella di controllo speciale per l'opzione Accetta condizioni su un modulo. Puoi inserire questa casella di controllo insieme alla dicitura, che puoi modificare.

Utilizza l'analisi dei rischi avanzata e il motore di sfide adattive di Google per tenere i tuoi siti web lontani da attività abusive, consentendo agli utenti regolari di compilare i tuoi moduli senza limitazioni.

Crea moduli di contatto con il miglior creatore di siti Web gratuito. È facile da usare senza codifica per creare moduli per la raccolta di feedback, lead o dati per mailing list o registrazioni e iscrizioni sul tuo sito web. Puoi creare moduli di contatto personalizzati in pochi minuti con il trascinamento della selezione, personalizzarli visivamente e visualizzarli in anteprima istantaneamente in tutte le modalità reattive per dispositivi mobili.

Nicepage utilizza l'elemento HTML Form standard per raccogliere i dati dai campi. Il Form è sempre collegato ad uno script speciale che riceve i dati di input e dice al server cosa fare con i dati inseriti nei campi: inviare una email, aggiungere i dati al database, ecc. Per implementare l'invio di email dal server, Nicepage fornisce le seguenti opzioni INVIA: URL, Invia e-mail con PHP Script, Modulo di contatto 7 (WordPress), Modulo Joomla (Joomla), MailChimp ed E-mail, disponibili solo con Online Builder.

Puoi facilmente modificare il layout del modulo di contatto posizionando input e campi del modulo da verticale a orizzontale e viceversa. Seleziona il modulo di contatto, vai al pannello delle proprietà e trova la sezione Layout. Fare clic sulle icone Layout per posizionare gli input in una riga o uno sotto l'altro in una pagina Web.

Insieme ai campi di trascinamento e rilascio nel Generatore di moduli di contatto, puoi utilizzare le frecce della barra degli strumenti contestuale per spostare i campi. Seleziona un modulo nell'editor, seleziona un campo, quindi fai clic sulle frecce su o giù per spostare il campo del modulo di conseguenza.

Puoi facilmente modificare la spaziatura sia negli input e nei campi del modulo che tra i campi. Seleziona un Da in un blocco Web, quindi vai al pannello delle proprietà. Scorri verso il basso per individuare la sezione Spaziatura. Trascina i cursori o usa i campi di input su di essi per modificare i valori di spaziatura.

Nelle Impostazioni generali del modulo, puoi specificare l'azione della pagina Nome, Dopo l'invio e i messaggi. Seleziona un modulo, quindi vai al pannello delle proprietà a destra. Orologio nel collegamento Impostazioni. Modifica il nome, dopo l'invio, i messaggi di successo e di errore nel pannello delle impostazioni.

Gli input del modulo possono avere vari stili e ora è popolare avere input solo con il bordo inferiore che contrassegna il campo di input. Puoi stilizzare il carattere, il riempimento, il bordo e altro per l'elemento del modulo di contatto aggiunto a una pagina Web. Selezionare un modulo, quindi nel pannello delle proprietà fare clic sul collegamento Stile di input. Modifica l'aspetto degli Input del modulo visualizzando in anteprima le modifiche nell'Editor.

Dal momento che puoi abilitare la visualizzazione delle etichette insieme agli input del modulo, puoi modificarle facilmente nel pannello delle proprietà. Seleziona il tuo modulo, vai al pannello delle proprietà, cambia il layout e mostra le etichette. Fare clic sul collegamento Stile etichetta per accedere al pannello Stile etichetta. Modifica le etichette.

Il pulsante è solitamente uno degli elementi principali nel web design. Ecco perché è molto importante anche sui moduli di contatto del tuo sito web. Per modificare il pulsante, la sua posizione e l'allineamento, selezionare un modulo di contatto, quindi nel pannello delle proprietà, fare clic sul collegamento Stile pulsante. Modifica il riempimento, il bordo per tutti gli stati del pulsante, l'allineamento e altro nel pannello Stile pulsante.

È possibile utilizzare l'invio tramite e-mail per l'elemento del modulo di contatto aggiunto nelle applicazioni Nicepage per Windows o Mac OS. Puoi ottenere rapidamente un sito Web HTML funzionante o un prototipo completamente funzionante da presentare ai tuoi visitatori o potenziali clienti utilizzando questa funzione. Seleziona l'elemento del modulo di contatto nell'editor, fai clic sul collegamento Invia e scegli l'e-mail nell'elenco. Si prega di inserire l'e-mail sotto l'elenco. Questa opzione funziona solo per i siti web pubblicati su Nicepage Hosting.

Nel marketing, i lead si riferiscono a contatti con potenziali clienti, che potenzialmente portano alle tue vendite. Ora puoi raccogliere i dati degli utenti dai moduli di contatto e rivedere i lead del tuo sito per migliorare i risultati di marketing.

Aggiungi formule di calcolo all'elemento modulo di contatto, che ti consente di utilizzare formule per ottenere costi, spazi, quadrati, ecc. e inviare preventivi dalle pagine del sito Web ai tuoi clienti.

Puoi rendere dipendenti i campi del modulo di contatto, permettendoti di nascondere o mostrare i campi mentre selezioni elementi con valori in altri. Ad esempio, puoi mostrare l'elenco a discesa per l'opzione selezionata nelle radio.

Puoi creare moduli di contatto in più passaggi per creare questionari, moduli d'ordine complicati, ecc. e comunicare con utenti e potenziali acquirenti in modo più informativo, interattivo e, quindi, produttivo.

Costruire un modulo di contatto con il campo di valutazione ti consente di identificare il livello di soddisfazione dei tuoi clienti o visitatori, fornendo un feedback sulle tue prestazioni di marketing complessive.

Illustra le scelte di selezione nei moduli di contatto aggiungendo i controlli della galleria di immagini. È possibile specificare il tipo di selezione scegliendo Caselle di controllo per più opzioni o Pulsanti di opzione per una singola opzione.

Nicepage applica il filtro anti-spam basato sull'intelligenza artificiale per gli invii di moduli di contatto. Tutti i dati del modulo vengono utilizzati nell'analisi, che mostra una diminuzione di oltre il 75% nel volume di spam.

Scorri più immagini in un clic. Aggiungi interazione con i tuoi visitatori a un sito web. Puoi consentire ai clienti di studiare la tua galleria di portfolio in modo moderno.

Utilizza il carosello ripetuto contenente vari elementi come immagini, icone, testi, pulsanti, ecc. per ruotare le pagine web del tuo sito. Ci sono anche Caroselli per Post e Prodotti.

Il tuo Carosello Galleria potrebbe richiedere di adattare le sue immagini in diversi modi. Puoi utilizzare la larghezza originale delle immagini della galleria e avere la larghezza fissa. Per impostare la larghezza per le immagini del carosello della galleria, seleziona una galleria, quindi vai al pannello delle proprietà. Se la tua Galleria non ha il layout Carousel, passa al Carousel. Quindi scorri verso il basso il Pannello fino alla sezione Larghezza e modifica la Larghezza dell'immagine della galleria per adattarla perfettamente al tuo web design.

I blog sono parte integrante di molti siti Web moderni e molti utenti utilizzano il layout Carousel per pubblicare i post del blog. Crea interazione e ha una presentazione più attraente. Puoi aggiungere i post nel pannello dei post dell'accesso rapido e quindi aggiungere l'elemento del carosello dei post a qualsiasi blocco. Puoi testare il carosello facendo clic sulle frecce e sugli indicatori nell'editor e nelle anteprime.

I siti Web di e-commerce utilizzano vari layout. Puoi utilizzare gli elenchi di prodotti per attirare l'attenzione dei visitatori e l'interazione sotto forma di un carosello di prodotti potrebbe essere interessante per i visitatori del tuo sito web. È possibile aggiungere il carosello dei prodotti dal menu Aggiungi e aggiungere l'elemento Elenco prodotti all'elemento Carousel vuoto.

Puoi alternare tra sei layout per l'elemento linguistico durante la creazione di un sito web. Selezionare l'elemento della lingua nell'intestazione o nel piè di pagina e modificare il layout della lingua nel pannello delle proprietà.

Per iniziare con l'elemento Fisarmonica, puoi aggiungere uno dei blocchi di progettazione del mago designer. Fai clic sull'icona Aggiungi in Accesso rapido, quindi scorri verso il basso fino alla sezione Fisarmonica e FAQ, fai clic sulla fisarmonica e scegli il design che preferisci. È più conveniente, poiché hai del contenuto pre-modificato, a differenza dell'elemento Accordion vuoto aggiunto per impostazione predefinita.

Puoi facilmente aggiungere e spostare le schede Fisarmonica in diversi modi. Fai clic sul segno più nella barra laterale per aggiungere una nuova scheda. È possibile fare clic sull'opzione sposta su e giù nel menu di scelta rapida del mouse o fare clic sulle icone delle frecce corrispondenti nella barra degli strumenti contestuale. Inoltre, puoi premere la combinazione di tasti di scelta rapida CTRL più Freccia su e Freccia giù.

Le schede della fisarmonica possono contenere diversi insiemi di elementi del sito Web. Puoi aggiungerne uno qualsiasi a qualsiasi scheda. Apri la scheda. Fare clic sull'icona Aggiungi in Accesso rapido per aprire il pannello Aggiungi e scegliere qualsiasi elemento. È possibile spostare, allineare ed eliminare l'elemento aggiunto.

La fisarmonica è popolare nei moderni web design. Pertanto, puoi stilizzarlo per adattarlo al tuo layout. Fare clic sull'elemento Accordion in un blocco, andare al pannello delle proprietà e fare clic sui collegamenti per accedere ai pannelli per regolare le proprietà corrispondenti.

È possibile abilitare e scegliere un preset per l'icona della scheda Fisarmonica. Inoltre, puoi cambiarne le dimensioni, in modo simile a tutte le altre icone. Seleziona l'elemento Fisarmonica, vai al pannello delle proprietà e fai clic sul collegamento Icona. Nel pannello, modifica lo stile, il colore, la dimensione, ecc.

Il colore è uno dei fattori più importanti nel web design. Ed è anche cruciale per le schede della fisarmonica. Scegli l'elemento, vai al pannello delle proprietà e fai clic sul collegamento Colori. È possibile aggiungere il riempimento, il bordo e il raggio alle schede e agli elementi della fisarmonica.

Puoi anche iniziare facilmente con l'elemento Tabella. E puoi usare i blocchi di design che contengono l'elemento Table. Fai clic sull'icona Aggiungi nella barra di accesso rapido, scendi alla sezione Tabella, seleziona la tabella e qualsiasi design della tabella nel pannello aperto.

Analogamente a qualsiasi altro elemento con colonne e righe, puoi modificare il numero di colonne e righe della tabella trascinando i cursori corrispondenti nel pannello delle proprietà per l'elemento della tabella selezionato.

Come tutti gli elementi composti in Nicepage popolari nel web design, puoi stilizzare la tabella in base al tuo layout. Fare clic sull'elemento Tabella in un blocco. Vai al pannello delle proprietà a destra e fai clic sui collegamenti della sezione per accedere ai pannelli per modificare le proprietà della tabella corrispondenti.

Puoi gestire Colonne e Righe nell'elemento Tabella selezionato. Quindi fare clic sulla tabella nel blocco per selezionare. Fare clic sull'opzione Sposta nel menu di scelta rapida del mouse o sull'icona Altre opzioni del pannello contestuale per spostare le colonne a sinistra e a destra e le righe in alto e in basso.

Puoi facilmente aggiungere e spostare le schede per l'elemento delle domande frequenti come la fisarmonica. Fare clic sull'icona più nel pannello laterale per aggiungere una scheda. Fare clic sulle icone delle frecce nella barra degli strumenti contestuale, premere il tasto di scelta rapida di CTRL più Freccia su e Freccia giù, oppure scegliere le opzioni Sposta su o Sposta giù nel menu di scelta rapida.

Poiché l'elemento FAQ è basato sul Rich Text nei suoi elementi, puoi modificare il testo come nel Rich Text Element (RTE), che consente la modifica degli articoli letti da lungo tempo. Modifica direttamente tutti gli elementi di testo e intestazione, in modo simile alla modifica del testo in MS Word.

Come la Fisarmonica, la FAQ è popolare nei progetti web e puoi modificarne gli stili per adattarli alle tue esigenze di progettazione. Fai clic sull'elemento FAQ nel tuo blocco. Vai a destra del pannello delle proprietà, quindi fai clic sui collegamenti per aprire i pannelli corrispondenti con le proprietà.

Poiché il colore è fondamentale nel web design, è uno dei fattori chiave nello stile delle schede delle domande frequenti. Fare clic sull'elemento FAQ per selezionare, quindi andare al pannello delle proprietà. Aprire il pannello Colori facendo clic sul collegamento. Puoi modificare il riempimento, il bordo e il raggio delle schede e degli elementi delle domande frequenti.

Come per la Fisarmonica, puoi scegliere e modificare i preset per l'icona della scheda FAQ. Puoi regolare la dimensione, come per qualsiasi altra icona. Seleziona l'elemento FAQ, quindi vai al pannello delle proprietà. Fare clic sull'icona e, nel pannello delle icone, modificare lo stile, le dimensioni, il colore, ecc.