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

Editor Wix: personalizzare e adattare la tua animazione Lottie

3 min
In questo articolo
  • Modificare l'animazione di Lottie
  • Impostare l'animazione in modo che venga riprodotta in loop
  • Aggiungere ulteriori effetti di animazione
  • Aggiungere testo alternativo alla tua animazione Lottie
Dopo aver importato un'animazione Lottie, regolala perché appaia e si comporti come vuoi. Puoi decidere se riprodurre in loop o solo una volta e applicare un effetto in modo che l'animazione si distingua durante il caricamento della pagina.
Gif di un'animazione Lottie intitolata Laylas scuba adventure

Modificare l'animazione di Lottie

Se vuoi modificare l'animazione di Lottie, puoi farlo facilmente incollando un URL diverso nel pannello delle impostazioni dell'elemento.

Per modificare l'animazione:

  1. Accedi al tuo account LottieFiles e copia il link dell'animazione
  2. Clicca sull'elemento Lottie nell'Editor
  3. Clicca sull'icona Impostazioni
  4. Incolla il nuovo URL in Qual è l'URL dell'animazione?
  5. Premi Invio sulla tastiera
Il pannello Lottie settings Il cursore si trova sul campo dell'URL.
Suggerimento:
Cliccando su Cambia animazione verrai indirizzato direttamente a LottieFiles in una nuova scheda del browser.

Impostare l'animazione in modo che venga riprodotta in loop

A seconda dello stile del tuo sito, potresti voler impostare l'animazione in modo che venga riprodotta in loop. Ciò significa che viene riprodotto di continuo mentre i visitatori sono sulla pagina. Puoi anche disattivare l'impostazione, in modo che venga riprodotta solo una volta al caricamento delle pagine.

Per abilitare/disabilitare un effetto loop:

  1. Clicca sull'animazione Lottie nell'Editor
  2. Clicca sull'icona Impostazioni
  3. Clicca sul cursore accanto a Riproduzione in loop per attivarlo o disattivarlo
Il pannello delle impostazioni di lottie. Il cursore passa sopra l'interruttore

Aggiungere ulteriori effetti di animazione

Gli elementi incorporati di Lottie hanno i loro effetti di animazione. Tuttavia, puoi aggiungere un'ulteriore animazione di ingresso dall'Editor Wix. Questi effetti vengono visualizzati al caricamento del sito e non annullano né impediscono la riproduzione dell'animazione originale.

Per aggiungere ulteriori effetti di animazione:

  1. Clicca sull'animazione Lottie nell'Editor
  2. Clicca sull'icona Animazione
  3. Scegli un effetto dal pannello
  4. (Facoltativo) Clicca su Personalizza per regolare le impostazioni dell'effetto
Il pannello animazione. Il cursore ha cliccato sull'effetto
Hai cambiato idea?
Puoi rimuovere l'effetto di animazione aggiuntivo cliccando su Nessuno nel pannello.

Aggiungere testo alternativo alla tua animazione Lottie

Il testo alternativo è una descrizione scritta del tuo elemento. Aggiungendo del testo alternativo alla tua animazione Lottie, ti assicuri che possa essere letto dagli screen reader e dai motori di ricerca, che possono migliorare l'accessibilità del tuo sito e il posizionamento SEO.

Per aggiungere del testo alternativo all'animazione:

  1. Clicca sull'animazione Lottie nell'Editor
  2. Clicca sull'icona Impostazioni
  3. Digita o incolla la descrizione del testo in Scrivi il testo alt dell'animazione
  4. Premi Invio sulla tastiera
Il pannello delle impostazioni di lottie. Il cursore si trova sul campo di testo alternativo.
Gif di un'animazione Lottie intitolata Laylas scuba adventure
Il pannello Lottie settings Il cursore si trova sul campo dell'URL.
Il pannello delle impostazioni di lottie. Il cursore passa sopra l'interruttore
Il pannello animazione. Il cursore ha cliccato sull'effetto
Il pannello delle impostazioni di lottie. Il cursore si trova sul campo di testo alternativo.