header-logo
Scopri come creare il sito per la tua attività con Wix.
Progetta il tuo sito con le funzionalità intuitive di Wix.
Gestisci abbonamenti, pacchetti e fatture.
Gestisci la tua attività e comunica con i tuoi membri.
Acquista, trasferisci e collega un dominio al tuo sito.
Fai crescere la tua attività online con gli strumenti giusti.
Aumenta la visibilità del tuo sito con il marketing e la SEO.
Lavora in modo efficace con le funzionalità più avanzate.
Scopri i problemi noti, trova soluzioni o contattaci.
placeholder-preview-image
Diventa un esperto con i nostri corsi e tutorial.
Scopri i consigli per web design, marketing e molto altro.
Scopri come far crescere il traffico organico del tuo sito.
Crea il tuo sito con la nostra piattaforma full stack.
Trova un esperto che ti aiuti a raggiungere i tuoi obiettivi.
placeholder-preview-image

Moduli Wix: progettare il design dei moduli del tuo sito

5 min
Progetta il design del tuo modulo per aggiungere un tocco personale all'esperienza dei tuoi visitatori. Personalizza il colore di sfondo, modifica il testo del tasto o regola le ombre e i bordi per dare vita al modulo. 
Screenshot del modulo di contatto con campi lilla personalizzati
Come faccio a sapere se sto utilizzando i vecchi Moduli Wix o i nuovi Moduli Wix?
Questo articolo ti aiuterà a capire le differenze tra i vecchi e i nuovi Moduli Wix. 

Progettare i moduli del tuo sito sul desktop

Progetta l'aspetto del tuo modulo sul desktop con opzioni di stile avanzate a portata di mano.

Per progettare i moduli del tuo sito sul desktop:

Nuovi moduli
Vecchi moduli
  1. Clicca sul modulo pertinente nella tua pagina
  2. Clicca su Impostazioni 
  3. Clicca sulla scheda Design
  4. Personalizza il design del modulo utilizzando le opzioni disponibili:
    • Sfondo del modulo: scegli il colore di sfondo del modulo, nonché il colore e la larghezza del bordo
    • Campi del modulo: seleziona uno stile per i campi del modulo e personalizza l'opacità, il carattere, la dimensione del carattere, ecc.
      Suggerimento: puoi progettare l'aspetto dei campi in diversi stati: Normale, Passaggio del mouse ed Errore
    • Intestazione e paragrafo: scegli un carattere e un colore per il testo del modulo
    • Tasti: progetta i tasti del modulo, incluso il modo in cui appaiono al passaggio del mouse (es. tasto Invia, tasto Indietro, ecc.)
Screenshot della scheda Design di un modulo con le opzioni per il colore dei tasti selezionate

Progettare i moduli del tuo sito su mobile

Progetta i tuoi moduli per gli schermi mobile per assicurarti che abbiano un bell'aspetto e funzionino perfettamente.

Per progettare i moduli del tuo sito su mobile:

Nuovi moduli
Vecchi moduli
  1. Vai all'Editor mobile (Editor Wix) o al punto di interruzione mobile (Editor Studio)
  2. Clicca sul modulo pertinente 
  3. Clicca su Impostazioni
  4. Clicca su Design
  5. Personalizza il design del modulo utilizzando le opzioni disponibili:
    • Sfondo del modulo: scegli il colore di sfondo del modulo, nonché il colore e la larghezza del bordo
    • Campi del modulo: seleziona uno stile per i campi del modulo e personalizza l'opacità, il carattere, la dimensione del carattere, ecc.
      Suggerimento: puoi progettare l'aspetto dei campi in diversi stati: Normale, Passaggio del mouse ed Errore
    • Intestazione e paragrafo: scegli un carattere e un colore per il testo del modulo
    • Tasti: progetta i tasti del modulo, incluso il modo in cui appaiono al passaggio del mouse (es. tasto Invia, tasto Indietro, ecc.)
Screenshot delle impostazioni del design mobile per il modulo Wix
Suggerimento:
Puoi modificare la posizione del campo per dispositivi mobile utilizzando il generatore di moduli.
Suggerimento:
Puoi creare un modulo multistep per suddividere il modulo in sezioni più facili da gestire per i tuoi visitatori.