1. Vai al generatore ➡️ Generatore di QR Code avanzato
2. Crea il tuo QR Code e salva l’immagine sul tuo dispositivo o nella libreria del sito, come descritto qui: ➡️ Guida all’uso del generatore di QR Code avanzato
3. Apri la pagina del Flipbook dove inserire il QR Code e usa lo strumento “Image“, come indicato alla fine della guida: ➡️ Come modificare il Flipbook eD

L'articolo Come inserire il tuo QR Code nel Flipbook 3D proviene da Manuale utente.

Avvio della modifica del sito

Se sei già sul tuo sito, vai nel menu principale in alto e clicca su “Entra”.

Se invece non sei sul tuo sito o non ricordi l’URL, segui le istruzioni qui di seguito:
Come accedere al sito passando dal network

Avvio della modifica del flipbook

Se sei già sul tuo sito, vai nel menu principale in alto e clicca su “Entra”.

Se invece non sei sul tuo sito o non ricordi l’URL, segui le istruzioni qui di seguito:
Come accedere al sito passando dal network

Dopo aver fatto il login, entra nel flipbook: Leggi la guida

L'articolo Guida alla modifica delle immagini online proviene da Manuale utente.

1. Login

Se sei già sul tuo sito, vai nel menu principale in alto e clicca su “Entra”.

Se invece non sei sul tuo sito o non ricordi l’URL, segui le istruzioni qui di seguito:
Come accedere al sito passando dal network

2. Area amministrativa

Dopo aver effettuato il login, entra nell’area amministrativa e fai clic sull’icona con la “W”, situata a sinistra nella barra nera in alto.

Nella barra laterale nera, fai clic su “Real3D Flipbook” e poi su “Flipbooks”.

Nella nuova pagina vedrai il flipbook associato al tuo sito one page. Fai clic sul link indicato nell’immagine seguente:

Nella pagina successiva vedrai tutte le pagine che compongono il flipbook. Nell’immagine qui sotto, ad esempio, il flipbook mostrato ha 12 pagine; quello che selezionerai tu potrebbe averne di più o di meno, a seconda del sito one page scelto in precedenza e del flipbook associato.

Posiziona il puntatore del mouse sulla pagina che desideri duplicare (nell’esempio qui sotto duplichiamo la pag. 7) e fai clic sul pulsante “Edit”.

3. Copia

1. Nella pagina dell’editor, fai clic sul pulsante “Copy page” posto sotto la pagina.

4. Incolla

1. Chiudi la finestra dell’editor
2. Fai clic sul pulsante “Paste page” per incollare la pagina.

Come puoi vedere nell’immagine seguente, il flipbook ora ha una nuova pagina – la n°13 – identica alla pagina 7.

4. Invertire l’ordine delle pagine

Invertire l’ordine delle pagine è semplicissimo: basta trascinare la pagina nella posizione desiderata. Ad esempio, se vuoi spostare la pagina appena duplicata, ti sarà sufficiente trascinarla. Tutte le pagine del flipbook possono essere riordinate in questo modo.

L'articolo Come duplicare una pagina del Flipbook 3D proviene da Manuale utente.

1. Login

Se sei già sul tuo sito, vai nel menu principale in alto e clicca su “Entra”.

Se invece non sei sul tuo sito o non ricordi l’URL, segui le istruzioni qui di seguito:
Come accedere al sito passando dal network

2. Modifica del flipbook

2.1 Area amministrativa

Dopo aver effettuato il login, entra nell’area amministrativa e fai clic sull’icona con la “W”, situata a sinistra nella barra nera in alto.

Nella barra laterale nera, fai clic su “Real3D Flipbook” e poi su “Flipbooks”.

Nella nuova pagina vedrai il flipbook associato al tuo sito one page. Fai clic sul link indicato nell’immagine seguente:

Nella pagina successiva vedrai tutte le pagine che compongono il flipbook. Nell’immagine qui sotto, ad esempio, il flipbook mostrato ha 14 pagine; quello che selezionerai tu potrebbe averne di più o di meno, a seconda del sito one page scelto in precedenza e del flipbook associato.

Inizia modificando una delle pagine: posiziona il puntatore del mouse sulla pagina che desideri modificare e fai clic sul pulsante “Edit”. Successivamente, potrai modificare anche le altre.

2.2 Modifica delle immagini di sfondo

(Se non vuoi cambiare le immagini di sfondo, salta questo passaggio e vai direttamente al punto 2.3)

La nuova pagina è quella in cui potrai modificare il tuo flipbook. Se desideri cambiare l’immagine di sfondo (ma puoi anche mantenerla, modificando solo gli elementi sovrapposti), ti consigliamo di rispettare le stesse proporzioni dell’immagine originale, per evitare distorsioni – ad esempio, inserire un’immagine orizzontale in una pagina verticale potrebbe deformarla. Le misure consigliate per l’immagine di sfondo sono 2000px di altezza e 1400px di larghezza.

Quindi, prima di caricare l’immagine, è buona pratica controllarne le dimensioni e il “peso”. Se necessario, puoi modificarla con il tuo programma di editing immagini o utilizzare strumenti online gratuiti come iLoveIMG o FreeConvert. Abbiamo preparato una guida su come utilizzarli:
Guida su come modificare le immagini online

Non appena le immagini di sfondo saranno pronte, procedi come segue:

1. Fai clic sul pulsante “Replace image”.
2. Nella finestra modale che si apre, seleziona la scheda “Carica file” in alto a sinistra.
3. Scegli l’immagine dal tuo dispositivo cliccando su “Seleziona i file” al centro della finestra, oppure trascina direttamente il file dalla cartella del tuo computer nella finestra modale.

2.3 Gli strumenti dell’editor

L’editor contiene tutti gli strumenti necessari per creare un flipbook con un menù ricco di elementi. Vediamo insieme quali sono e come utilizzarli:

Link:
serve a collegare il flipbook a un sito, a un’altra pagina del flipbook o a qualsiasi risorsa online, permettendo all’utente di accedervi direttamente cliccando. Se una delle pagine del flipbook contiene uno o più link, quando l’utente la raggiunge durante la lettura, il campo del link si illumina per circa un secondo, segnalando così la sua presenza.
Come si inserisce:
Il link va sempre inserito sopra un altro elemento, così da renderlo cliccabile. Per inserirlo:

1. Fai clic sul pulsante con il simbolo in alto a sinistra.
2. Posizionati nel punto in cui vuoi inserire il link.
3. Fai clic con il tasto sinistro del mouse e, tenendolo premuto, trascina per definire l’area.
4. Rilascia il tasto del mouse quando hai terminato.

A questo punto, nella colonna di destra saranno visibili le impostazioni del link:

1. Go to URL – Inserisci qui un indirizzo web (es. https://www.esserevegan.it/). In alternativa, puoi selezionare una risorsa dalla libreria cliccando sul pulsante “Select”.
2. Go to internal page – Usalo come alternativa a Go to URL: inserisci il numero della pagina del flipbook che vuoi aprire.
3. Tooltip text – Inserisci un breve suggerimento testuale che apparirà quando l’utente passerà sopra il link. Subito sotto puoi scegliere se mostrarlo sopra o sotto il link.
4. Assi X (orizzontale) e Y (verticale) – Servono per spostare l’elemento link. Con “Width” e “Height” puoi aumentare o ridurre l’area del link.
5. Copy element – Duplica l’elemento. Una volta cliccato, si attiva “Paste element”, che ti permette di incollare un clone del link.
6. Delete element – Elimina l’elemento link selezionato.

💡Tutti gli elementi possono essere spostati trascinandoli con il mouse.
Se però uno degli 8 strumenti presenti a sinistra è selezionato, per deselezionarlo è necessario utilizzare lo stesso strumento (fai clic con il tasto sinistro del mouse e, tenendolo premuto, trascina per definire l’area. Solamente dopo potrai passare a un altro strumento). Nel caso non serva più, puoi eliminarlo cliccando sul piccolo simbolo nero a forma di cestino.

Video:
serve per inserire un video presente nella tua libreria, ma anche esterno.

Come si inserisce:

1. Fai clic sul pulsante con il simbolo (⏵) in alto a sinistra.
2. Posizionati nel punto in cui vuoi inserire il video.
3. Fai clic con il tasto sinistro del mouse e, tenendolo premuto, trascina per definire l’area.
4. Rilascia il tasto del mouse quando hai terminato.

A questo punto, nella colonna di destra saranno visibili le impostazioni del lettore video:

1. Video .mp4 URL – Inserisci qui l’URL del video. Se vuoi utilizzare una risorsa esterna, puoi provare questo URL: http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4
   Se invece vuoi inserire un video presente nella tua libreria, fai clic sul pulsante “Select“ per aprire la libreria dei media, seleziona il file desiderato, poi spostati nella colonna di destra e clicca sul pulsante “Copia l’URL negli appunti“. Torna quindi alla pagina dell’editor e incolla l’URL nel campo “Video .mp4 URL“.
   *Nota: è importante non abusare nell’inserimento dei video nel flipbook, perché il loro “peso” potrebbe rallentare notevolmente l’avvio e il caricamento.
2. Autoplay – Seleziona questa casella se vuoi che il video venga riprodotto automaticamente all’apertura della pagina.
3. Loop – Se selezioni questa casella, il video si ripete automaticamente dall’inizio ogni volta che finisce.
4. Controls – Applica tutti i controlli al lettore video: volume audio, download, play, stop, tutto schermo, velocità di riproduzione e altro.
5. Muted – Il video viene riprodotto senza audio.
6. Assi X (orizzontale) e Y (verticale) – Servono per spostare l’elemento video. Con “Width” e “Height” puoi aumentare o ridurre l’area del video.
7. Copy element – Duplica l’elemento. Una volta cliccato, si attiva “Paste element”, che ti permette di incollare un clone del video.
8. Delete element – Elimina l’elemento video selezionato.

💡Tutti gli elementi possono essere spostati trascinandoli con il mouse.
Se però uno degli 8 strumenti presenti a sinistra è selezionato, per deselezionarlo è necessario utilizzare lo stesso strumento (fai clic con il tasto sinistro del mouse e, tenendolo premuto, trascina per definire l’area. Solamente dopo potrai passare a un altro strumento). Nel caso non serva più, puoi eliminarlo cliccando sul piccolo simbolo nero a forma di cestino.

YouTube:
serve per inserire un video di YouTube.

Come si inserisce:

1. Fai clic sul pulsante con il simbolo situato sulla sinistra.
2. Posizionati nel punto in cui vuoi inserire il video.
3. Fai clic con il tasto sinistro del mouse e, tenendolo premuto, trascina per definire l’area.
4. Rilascia il tasto del mouse quando hai terminato.

A questo punto, nella colonna di destra saranno visibili le impostazioni del link:

1. Video URL or Embed code – Inserisci qui l’URL del video YouTube, ad esempio questo: https://www.youtube.com/watch?v=4yW3nJ77QBg&t=3s
2. Autoplay – Seleziona questa casella se vuoi che il video venga riprodotto automaticamente all’apertura della pagina.
3. Assi X (orizzontale) e Y (verticale) – Servono per spostare l’elemento video. Con “Width” e “Height” puoi aumentare o ridurre l’area del video.
4. Copy element – Duplica l’elemento. Una volta cliccato, si attiva “Paste element”, che ti permette di incollare un clone del video.
5. Delete element – Elimina l’elemento video selezionato.

Audio:
serve per inserire un file audio.

Come si inserisce:

1. Fai clic sul pulsante con il simbolo situato sulla sinistra.
2. Posizionati nel punto in cui vuoi inserire l’audio.
3. Fai clic con il tasto sinistro del mouse e, tenendolo premuto, trascina per definire l’area.
4. Rilascia il tasto del mouse quando hai terminato.

A questo punto, nella colonna di destra saranno visibili le impostazioni dell’audio:

1. Audio .mp3 URL – Inserisci qui l’URL del file audio. Puoi fare un test con il seguente URL: https://modello-ristorante.vegnavigator.it/wp-content/uploads/sites/14/2025/05/audio-globale-gray-.mp3 (Per confermare, premi il tasto Invio sulla tastiera)
   Se invece vuoi inserire un file audio presente nella tua libreria, fai clic sul pulsante “Select“ per aprire la libreria dei media e seleziona il file desiderato. L’URL verrà automaticamente aggiunto nel campo “Audio .mp3 URL“.
2. Autoplay – Seleziona questa casella se vuoi che l’audio venga riprodotto automaticamente all’apertura della pagina.
3. Loop – Se selezioni questa casella, l’audio si ripete automaticamente dall’inizio ogni volta che finisce.
4. Controls – Applica tutti i controlli al lettore audio: play, stop, volume e barra scorrimento.
5. Assi X (orizzontale) e Y (verticale) – Servono per spostare l’elemento audio. Con “Width” e “Height” puoi aumentare o ridurre l’area dell’audio.
6. Copy element – Duplica l’elemento. Una volta cliccato, si attiva “Paste element”, che ti permette di incollare un clone dell’audio.
7. Delete element – Elimina l’elemento audio selezionato.

💡Tutti gli elementi possono essere spostati trascinandoli con il mouse.
Se però uno degli 8 strumenti presenti a sinistra è selezionato, per deselezionarlo è necessario utilizzare lo stesso strumento (fai clic con il tasto sinistro del mouse e, tenendolo premuto, trascina per definire l’area. Solamente dopo potrai passare a un altro strumento). Nel caso non serva più, puoi eliminarlo cliccando sul piccolo simbolo nero a forma di cestino.

iFrame:
Un iFrame (inline frame): è una “finestra” che permette di mostrare dentro al flipbook contenuti provenienti da un’altra pagina web. Con questa funzione puoi incorporare un sito, un documento, una mappa o un video senza doverli caricare direttamente nel flipbook.
Esempio pratico: puoi inserire una mappa di Google, un form di contatto o una pagina web e visualizzarli dentro una pagina del flipbook.
Vantaggio: il contenuto resta esterno e si aggiorna automaticamente se cambia sul sito di origine.

Embed code: è il codice HTML che piattaforme come YouTube, Vimeo o Spotify ti forniscono per incorporare i loro contenuti. Quest’ultimo può essere inserito all’interno di un iFrame.

Come si inserisce:

1. Fai clic sul pulsante con il simbolo 〈 〉 situato sulla sinistra.
2. Posizionati nel punto in cui vuoi inserire l’URL o Embed code.
3. Fai clic con il tasto sinistro del mouse e, tenendolo premuto, trascina per definire l’area.
4. Rilascia il tasto del mouse quando hai terminato.

A questo punto, nella colonna di destra saranno visibili le impostazioni dell’iFrame:

1. URL or Embed code – Inserisci un URL valido oppure un codice embed. Ad esempio, per incorporare una mappa di Google, fai clic su questo link: https://maps.app.goo.gl/pZtbETMpxPhr9PCg6
2. Quindi fai clic sul pulsante “Condividi“, che trovi a sinistra.
3. Si aprirà una finestra, dove dovrai cliccare su “Incorpora una mappa“.

Nella nuova finestra fai clic su “COPIA HTML“

Torna alla pagina dell’editor e incolla il codice nel campo “URL o codice embed“.

1. Assi X (orizzontale) e Y (verticale) – Servono per spostare l’elemento iFrame. Con “Width” e “Height” puoi aumentare o ridurre l’area iFrame.
2. Copy element – Duplica l’elemento. Una volta cliccato, si attiva “Paste element”, che ti permette di incollare un clone dell’iFrame.
3. Delete element – Elimina l’elemento audio selezionato.

Image:
Questo strumento serve per inserire una o più immagini.

Come si inserisce:

1. Fai clic sul pulsante con il simbolo situato sulla sinistra.
2. Posizionati nel punto in cui vuoi inserire l’immagine.
3. Fai clic con il tasto sinistro del mouse e, tenendolo premuto, trascina per definire l’area.
4. Rilascia il tasto del mouse quando hai terminato.

A questo punto, nella colonna di destra saranno visibili le impostazioni dello strumento:

1. Image URL – Inserisci qui l’URL del file immagine. Puoi fare un test con il seguente URL: https://menu.vegnavigator.it/wp-content/uploads/sites/2/2025/06/Brown-5.png (Per confermare, premi il tasto Invio sulla tastiera)
   Se invece vuoi inserire un file immagine presente nella tua libreria, fai clic sul pulsante “Select“ per aprire la libreria dei media e seleziona il file desiderato. L’URL verrà automaticamente aggiunto nel campo “Image URL“.
   Questo strumento crea un’immagine sopra quella di sfondo (vedi punto 2.2); trovandosi su un livello superiore, copre automaticamente una parte dell’immagine di sfondo. L’editor supporta i formati: JPG o JPEG, GIF, WEBP e PNG – Per l’inserimento di file PNG, è utile consultare questa guida.
2. Assi X (orizzontale) e Y (verticale) – Servono per spostare l’elemento Image. Con “Width” e “Height” puoi aumentare o ridurre l’area dell’immagine.
3. Copy element – Duplica l’elemento. Una volta cliccato, si attiva “Paste element”, che ti permette di incollare un clone dell’immagine.
4. Delete element – Elimina l’elemento video selezionato.

💡Tutti gli elementi possono essere spostati trascinandoli con il mouse.
Se però uno degli 8 strumenti presenti a sinistra è selezionato, per deselezionarlo è necessario utilizzare lo stesso strumento (fai clic con il tasto sinistro del mouse e, tenendolo premuto, trascina per definire l’area. Solamente dopo potrai passare a un altro strumento). Nel caso non serva più, puoi eliminarlo cliccando sul piccolo simbolo nero a forma di cestino.

Spotlight:
Lo Spotlight link apre un contenuto interattivo sopra il flipbook, invece di navigare solo verso un URL tradizionale. Questo permette di mantenere l’utente all’interno dell’esperienza del flipbook, rendendo la visualizzazione più immersiva e dinamica. Se una delle pagine del flipbook contiene uno o più Spotlight link, quando l’utente la raggiunge durante la lettura, il campo si illumina per circa un secondo, segnalando così la sua presenza.
Un esempio di Spotlight link può essere visto a pagina 12 di questo flipbook.

Come si inserisce:

1. Fai clic sul pulsante con il simbolo sulla sinistra.
2. Posizionati nel punto in cui vuoi inserire lo Spotlight link.
3. Fai clic con il tasto sinistro del mouse e, tenendolo premuto, trascina per definire l’area.
4. Rilascia il tasto del mouse quando hai terminato.

A questo punto, nella colonna di destra saranno visibili le impostazioni dello strumento Spotlight.

1. URL to open in spotlight (image, video, youtube) – Inserisci l’URL della risorsa che si aprirà sopra il flipbook quando il visitatore cliccherà nell’area Spotlight (es. https://menu.vegnavigator.it/wp-content/uploads/sites/2/2025/06/Brown-img-1.jpg). In alternativa, puoi selezionare una risorsa dalla libreria cliccando sul pulsante “Select”.
2. Tooltip text – Inserisci un breve suggerimento testuale che apparirà quando l’utente passerà sopra l’area Spotlight . Subito sotto puoi scegliere se mostrarlo sopra o sotto lo Spotlight.
3. Assi X (orizzontale) e Y (verticale) – Servono per spostare l’elemento Spotlight. Con “Width” e “Height” puoi aumentare o ridurre l’area.
4. Copy element – Duplica l’elemento. Una volta cliccato, si attiva “Paste element”, che ti permette di incollare un clone dello Spotlight.
5. Delete element – Elimina l’elemento Spotlight selezionato.

Text:
Con questo strumento puoi inserire testo all’interno del flipbook, scegliendo la dimensione, il colore e la famiglia di caratteri desiderati. Inoltre, puoi definire se visualizzarlo in grassetto, corsivo o sottolineato e regolare lo spazio tra le righe di testo.

Come si inserisce:

1. Fai clic sul pulsante con il simbolo sulla sinistra.
2. Posizionati nel punto in cui vuoi inserire il testo.
3. Fai clic con il tasto sinistro del mouse e, tenendolo premuto, trascina per definire l’area.
4. Rilascia il tasto del mouse quando hai terminato.

A questo punto, nella colonna di destra saranno visibili le impostazioni dello strumento Text.

1. Text – In questo campo puoi inserire un paragrafo o un titolo.

Il testo va automaticamente a capo in base alla larghezza dell’area impostata. Se vuoi forzare il ritorno a capo in un punto preciso, usa un tag <br>

Esempio 1: listino prezzi semplice – Copia e incolla nel campo Text dell’editor Flipbook)

Il risultato sarà:
€7.00
€7.00
€5.00
€6.00
€5.50

Se vuoi inserire più spazio tra le righe, puoi utilizzare due tag <br> consecutivi

1. Font Family – (famiglia di caratteri) è una proprietà che definisce lo stile del carattere utilizzato per il testo. Determina come appariranno le lettere, i numeri e i simboli sulle pagine del flipbook.
2. Font Size (px) – indica la dimensione del testo, cioè quanto grandi appaiono lettere, numeri e simboli. Maggiore è il valore, più grande sarà il testo; più piccolo è il valore, più piccolo apparirà.
3. Color – Serve per colorare il testo. Dopo aver cliccato su “Seleziona un colore“, apparirà una tavolozza da cui potrai scegliere il colore desiderato.
4. Line Height – È una proprietà che definisce lo spazio verticale tra le righe di testo all’interno di un paragrafo. Si differenzia dal tag <br> visto sopra perché quest’ultimo forza un ritorno a capo immediato, mentre il line height definisce lo spazio verticale continuo tra tutte le righe di un paragrafo.
5. Caselle di scelta: Bold, Italic e Underline. Servono rispettivamente per applicare il grassetto, il corsivo e il testo sottolineato.
6. Assi X (orizzontale) e Y (verticale) – Servono per spostare l’elemento Text. Con “Width” e “Height” puoi aumentare o ridurre l’area.
7. Copy element – Duplica l’elemento. Una volta cliccato, si attiva “Paste element”, che ti permette di incollare un clone del testo.
8. Delete element – Elimina l’elemento Text selezionato.

In caso di necessità, puoi contattare lo staff all’indirizzo email: vegnavigator@esserevegan.it

L'articolo Come modificare il flipbook 3D proviene da Manuale utente.

1. Accesso al Generatore di QR Code

1.1. Per tutti i visitatori

Il nostro generatore di QR Code è completamente gratuito e sempre disponibile. Puoi accedervi in qualsiasi momento cliccando su questo link: Generatore di QR Code avanzato
Questa versione permette di generare QR code visibili da chiunque, senza necessità di registrarsi.

1.2. Per gli amministratori di un sito One Page

Se sei amministratore di un sito one-page di Veg Navigator, puoi accedere al generatore direttamente dall’area amministrativa, dove solo tu avrai la possibilità di utilizzarlo. Inoltre, troverai una funzione aggiuntiva molto pratica: attivandola, il QR Code generato verrà automaticamente salvato nella libreria del sito, diventando una risorsa accessibile da qualsiasi dispositivo e pronta per essere scaricata e stampata. Ecco come procedere:

• Se sei già sul tuo sito, vai nel menu principale in alto e clicca su “Entra”.

• Fai clic sull’icona con la “W” che si trova a sinistra nella barra nera in alto.

• Una volta entrato nell’area amministrativa del tuo sito, fai clic su “Strumenti” e, dal menu che si apre, seleziona “QR Code Generator”.

• Se invece non sei sul tuo sito o non ricordi l’URL, segui le istruzioni qui di seguito:
  Come accedere al sito passando dal network

2. Gli strumenti del Generatore di QR Code

Risultato del QR Code

1. URL:
   Cosa fa: è l’indirizzo web che verrà incorporato nel QR Code.
   Come usarlo: di default mostra l’URL del sito Veg Navigator, ma puoi sostituirlo con qualsiasi link (pagina specifica, articolo, menu, modulo di prenotazione, ecc.).
   Nota: È consigliato inserire un indirizzo che inizi con https:// o http://
   Ad esempio: https://www.esserevegan.it/
   
2. Dimensione (px):
   Cosa fa: imposta la grandezza del QR Code in pixel.
   Come usarlo: puoi scegliere un valore da 128 a 1024.
   💡Consiglio: 350px è una dimensione media ottimale per web e stampa; aumentala se ti serve per cartelloni o materiali di grande formato.
   
3. Bordo:
   Cosa fa: definisce lo spazio attorno al QR Code.
   Come usarlo: puoi scegliere un valore da 0 a 20.
   💡Consiglio: mantieni almeno 2–3 di margine per garantire che il QR venga letto facilmente.
   
4. Formato file:
   Cosa fa: sceglie il tipo di immagine finale.
   Opzioni disponibili:
   ⚬ PNG (qualità ottima, ideale per stampa)
   ⚬ JPG (file più leggero, buono per web)
   ⚬ WebP (moderno, ottimo per performance web)
   Come usarlo: seleziona il formato più adatto al tuo scopo.
   
5. Robustezza del QR Code (livello di correzione errori):
   Cosa fa: indica quanto il QR rimane leggibile anche se parzialmente coperto, sbiadito o danneggiato.
   Opzioni:
   ⚬ Basso (L) → meno dati ridondanti, QR più leggero.
   ⚬ Medio (M) → equilibrio tra leggibilità e compattezza (valore predefinito).
   ⚬ Alto (Q) → molto resistente a graffi/coperture.
   ⚬ Molto alto (H) → massima ridondanza, utile se il QR verrà stampato su superfici difficili o soggette a usura.
   
6. Colore QR:
   Cosa fa: definisce il colore dei moduli (quadrati neri) del QR Code.
   Come usarlo: inserisci un codice colore esadecimale (es. #000000 per nero) oppure scegli da una tavolozza pronta (nero, rosso, verde, blu, ecc.).
   💡Consiglio: scegli sempre un colore scuro a contrasto con lo sfondo.
   
7. Colore sfondo:
   Cosa fa: definisce il colore dietro al QR.
   Come usarlo: inserisci un codice colore o scegli dalla tavolozza.
   💡Consiglio: usa un colore chiaro (es. bianco) per mantenere leggibilità.
   
8. Pulsante “Genera QR Code”:
   Cosa fa: crea il QR in base ai parametri inseriti.
   Come usarlo: cliccalo dopo aver configurato i campi.

Dopo la generazione vedrai l’immagine del QR. Sotto compariranno i pulsanti per:

• Scaricare il QR Code in locale, nel formato scelto.
• Salvare su sito (solo amministratori): carica automaticamente l’immagine nella Libreria Media di WordPress. Da lì sarà accessibile ovunque e potrà essere scaricata o inserita su Flipbook 3D, pagine, articoli, volantini e altri materiali cartacei.

Se hai bisogno di assistenza, contatta il nostro team all’indirizzo e-mail:
vegnavigator@esserevegan.it

L'articolo Guida all’uso del generatore di QR Code proviene da Manuale utente.

Che cos’è l’URL?

L’URL è l’indirizzo web che indica dove si trova una risorsa su Internet. Nel tuo caso sarà simile a:
https://hotelrose.vegnavigator.it/
La parte evidenziata in rosso rappresenta il nome che hai scelto per il tuo sito one page.

Come accedere al tuo sito se non ricordi l’URL

Se non ricordi l’indirizzo esatto, puoi accedere al tuo sito tramite il network Veg Navigator seguendo questi passaggi:

1. Vai alla pagina di login:
   https://www.vegnavigator.it/wp-login.php
2. Inserisci l’e-mail e la password che hai scelto durante la registrazione.
3. (Opzionale) Metti la spunta sulla casella “Ricordami” per salvare le credenziali.
4. Clicca sul pulsante “Entra”.
5. Una volta effettuato l’accesso, posiziona il puntatore del mouse (senza cliccare) sul link “I miei siti”, situato nella barra nera in alto.
6. Dal menu a tendina che si apre, individua il nome del tuo sito, sposta il puntatore sopra di esso e clicca su “Visita il sito”.

Verrai reindirizzato al tuo sito, dove potrai effettuare eventuali modifiche (tramite il link “Modifica con Elementor“), oppure semplicemente prendere nota dell’URL.

Login, logout e modifica con Elementor

Se sei già sul tuo sito e desideri accedere, ti basterà cliccare sulla scheda “Entra” nel menu principale.

💡 Se visualizzi la barra nera in alto, vuol dire che sei autenticato

Dopo aver effettuato l’accesso, il collegamento “Entra” si trasformerà automaticamente in “Esci” (funzione di logout). Dopodiché potrai modificare la pagina cliccando sul link “Modifica con Elementor” nella barra nera in alto.

Se hai bisogno di assistenza, contatta il nostro team all’indirizzo e-mail:
vegnavigator@esserevegan.it

L'articolo Come accedere al sito passando dal network proviene da Manuale utente.

Il widget Progress Bar è un elemento grafico che mostra visivamente il progresso o il completamento di un’attività tramite una barra colorata. Può essere impostato in orizzontale o a forma di cerchio.

1. Login e avvio di Elementor

Se sei già sul tuo sito, vai nel menu principale in alto e clicca su “Entra”.

Fai il login, quindi seleziona il link “Modifica con Elementor” nella barra nera in alto.

Se invece non sei sul tuo sito o non ricordi l’URL, segui le istruzioni qui di seguito:
Come accedere al sito passando dal network

2. Impostazioni

Anche in questo caso, come per tutti gli altri widget del sito one page, per accedere alle impostazioni vai sopra l’elemento e fai clic sul quadratino color lilla.

Poi sulla sottoscheda “Generale” della scheda “Contenuto“

3. Contenuto all’interno dell’animazione

Nell’immagine seguente è illustrato come posizionare Prefisso, Contatore e Suffisso all’interno dell’animazione.

1. Imposta il campo “Layout“ su “Circle“;
2. il “Counter Prefix“ su “%“;
3. assegna a “Counter Value“ e “Max Value“ i valori 90 e 100, rispettivamente.

In questo modo il widget mostrerà un cerchio con una barra animata che partirà da 0 e arriverà al 90% della circonferenza, lasciando il 10% finale incompleto. Nel campo “Suffisso“ puoi inserire qualsiasi termine rappresentativo dell’animazione, oppure lasciarlo vuoto. Nel campo opzionale “Title Position” puoi scegliere se posizionare il Title all’interno o all’esterno dell’animazione.

4. Contenuto all’esterno dell’animazione

Nell’immagine seguente è illustrato come posizionare il contatore e il prefisso sotto l’animazione:

1. Fai clic sul quadratino color lilla;
2. imposta “Layout” su “Circle“;
3. imposta i valori di “Max Value” e “Counter Value“;
4. per inserire il titolo all’interno dell’animazione, imposta il “Title Position” su “Inside“
5. imposta “Counter Position” su “Outside“: in questo modo il contatore resterà sotto l’animazione;
6. inserisci un “Counter Suffix” se desideri aggiungere un suffisso al contatore.

Per mostrare o nascondere il contatore, utilizza il selettore “Show Counter“.

5. Altre impostazioni

Nell’immagine seguente è mostrato come inserire tutti gli elementi all’interno dell’animazione:

1. Imposta un valore di migliaia in “Max Value” (es. 1500) e un valore inferiore in “Counter Value” (es. 1000).
2. Inserisci il titolo nel campo “Title” e imposta “Title Position” su “Inside“.
3. Inserisci il sottotitolo nel campo “Subtitle“.
4. Imposta “Counter Position” su “Inside“.
5. Aggiungi un prefisso in “Counter Prefix“.
6. Se vuoi mostrare il separatore delle migliaia, attiva il selettore “Show Thousand Separator” su “Sì“: vedrai che nel risultato del contatore comparirà la virgola.”

6. Lo stile generale di Progress Bar

Nell’immagine seguente ti mostriamo come impostare il widget in modalità orizzontale, così da creare barre di progressione lineari. In questa sezione applicheremo anche lo stile alle barre (queste impostazioni sono valide anche per il “Layout” impostato su “Circle“).

Fai clic sulla scheda “Contenuto” e, nel menù a scelta del “Layout“, seleziona “Horizontal Line“

Come per tutti i widget del sito one page, per modificare colori, font, spaziature o dimensioni, accedi alla scheda “Stile“. In questo caso:

1. Fai clic sul quadratino color lilla;
2. vai su “Stile“;
3. seleziona “Generale” per aprire le relative impostazioni.

Le impostazioni di questa scheda sono:

• “Background Color“: per applicare un colore di sfondo su tutta l’area della barra.
• “Box Shadows“: per applicare un ombra sotto la barra e dare un effetto di sollevamento.
• “Border Type“: per applicare un bordo.
• “Border Radius“: serve ad arrotondare gli angoli della barra. Se vuoi arrotondare solo 2 angoli sblocca l’icona della catena ( 🔗 ) – per impostazione predefinita tutti gli angoli sono collegati.
• “Tipo di sfondo“: serve per applicare un colore di sfondo sull’intero elemento.
• “Colore“: per applicare il colore alla barra interna che avanza.
• “Rounded Line“: serve ad arrotondare solo la barra interna che avanza.

7. Immagine nella Progress Bar

Se in “Layout” hai scelto di visualizzare “Horizontal Line”, potrai applicare un’immagine di sfondo. Vediamo come fare:

1. Posizionati sul widget e fai clic sul quadratino color lilla per aprire le impostazioni.
2. Vai nella scheda “Contenuto” e in “Layout” seleziona “Horizontal Line”.
3. Vai nella scheda “Stile” e poi nella sottoscheda “General”.
4. Fai clic nel riquadro “Immagine” per scegliere un’immagine dalla libreria del tuo sito oppure caricala dal tuo dispositivo.
5. Sempre nella scheda “General” troverai numerose impostazioni per adattare l’immagine a tuo piacimento.

Per impostare l’altezza della barra, la velocità dell’animazione e altre opzioni, vai su “Contenuto” → “General” → “Settings”, come mostrato nel seguente video.

Se hai bisogno di assistenza, contatta il nostro team all’indirizzo e-mail:
vegnavigator@esserevegan.it

L'articolo Manuale completo Progress Bar proviene da Manuale utente.

L'articolo Guida al ripristino delle pagine con Elementor proviene da Manuale utente.

1. Login e avvio di Elementor

Se sei già sul tuo sito, vai nel menu principale in alto e clicca su “Entra”.

Fai il login, quindi seleziona il link “Modifica con Elementor” nella barra nera in alto.

Se invece non sei sul tuo sito o non ricordi l’URL, segui le istruzioni qui di seguito:
Come accedere al sito passando dal network

2. Scheda Contenuto

Per accedere alle impostazioni del contenuto del widget:

1. Posiziona il puntatore del mouse sul widget e fai clic sul quadratino lilla
2. Clicca sulla scheda “Contenuto” che trovi sulla sinistra.
3. Seleziona la sottoscheda “Content“.

All’interno troverai le seguenti opzioni:

• “Style” – Consente di scegliere tra Animated e Highlighted.
• “Animation” – Permette di selezionare una delle 10 animazioni disponibili.
• “Animation Duration” – Imposta la durata dell’animazione.
• “Animation Delay” – Definisce un eventuale ritardo nell’avvio dell’animazione.
• “Loop” – Se attivato, l’animazione si ripete senza interruzione.
• Prefix Text – Testo visualizzato prima dell’animazione.
• “Animated Text” – Campo in cui inserire le parole da animare. Ogni parola deve essere inserita su una riga separata, senza punteggiatura.
• “Suffix Text” – Testo visualizzato dopo l’animazione.
• “Link” – Permette di associare un URL a una delle parole animate.
  • Per aprire il link in una nuova scheda, fai clic sull’icona dell’ingranaggio (⚙️) e seleziona l’opzione “Apri in una nuova finestra“.

3. Lo stile

Per accedere alle impostazioni dello stile (colore, padding, famiglia di font, ecc.), fai clic sul riquadro color lilla per selezionare il widget. Successivamente, apri la sottoscheda “Advanced Text” all’interno della scheda “Stile“. Da qui puoi configurare: il colore del testo animato, un eventuale colore di sfondo, la famiglia del font e il padding (ossia lo spazio interno compreso tra il contenuto e il bordo dell’elemento).

Per modificare lo stile dei testi inseriti prima e dopo il testo animato, clicca rispettivamente su “Prefix Text” e “Suffix Text“.

4. Immagine di sfondo

Per sostituire l’immagine di sfondo:

• Fai clic sulla sezione (icona con sei puntini).
• Apri la scheda “Stile“.
• Seleziona la sottoscheda “Sfondo“.
• Clicca sull’immagine attuale per aprire la libreria dei media.
• Seleziona un’immagine esistente oppure caricane una nuova.

Avrai notato che l’immagine di sfondo risulta leggermente scura: questo effetto è ottenuto applicando un colore con trasparenza. Per modificarlo, apri la sottoscheda “Sfondo overlay“, dove puoi scegliere un colore e regolare l’opacità tramite l’apposito selettore.

5. Testo e link del pulsante

Cambiare il testo e link del pulsante è semplicissimo:

1. Posizionati sul contenitore del pulsante e fai clic sul quadratino color lilla.
2. Apri la scheda “Contenuto“ nel pannello laterale.

• Nel campo “Testo“, inserisci il testo che desideri visualizzare sul pulsante.
• Nel campo “Link“, inserisci l’URL che dovrà aprirsi quando l’utente clicca sul pulsante.
  Se vuoi che il link si apra in una nuova finestra, fai clic sul simbolo dell’ingranaggio (⚙️) accanto al campo “Link” e seleziona “Apri in nuova finestra“.

6. Stile del pulsante

Qui di seguito trovi le semplici istruzioni per modificare lo stile del pulsante:

1. Posizionati sul contenitore del pulsante e fai clic sul quadratino color lilla.
2. Apri la scheda “Stile“ nel pannello laterale.

• La prima impostazione è “Posizione“: da qui puoi spostare il pulsante a destra, a sinistra o al centro.
• In “Tipografia” puoi scegliere la famiglia di font da utilizzare.
• L’impostazione successiva permette di applicare un’ombra al testo.
• I pulsanti “Normale” e “Hover” servono a definire uno stile per lo stato normale e uno stile diverso quando il mouse passa sopra il pulsante.
• Troverai anche le impostazioni per i colori del testo e dello sfondo.
• Le ultime impostazioni consentono di applicare un bordo al pulsante, definire lo spessore e regolare l’arrotondamento degli angoli.

Le combinazioni sono infinite!

Al termine della modifica del widget, seleziona il pulsante “Pubblica”, situato nell’angolo superiore destro dell’interfaccia, per applicare e salvare le modifiche effettuate.

Se hai bisogno di assistenza, puoi contattarci all’indirizzo e-mail: vegnavigator@esserevegan.it

L'articolo Manuale completo per Advanced Text proviene da Manuale utente.

1. Accesso e avvio di Elementor

Se sei già sul tuo sito, vai nel menu principale in alto e clicca su “Entra”.

Fai il login, quindi seleziona il link “Modifica con Elementor” nella barra nera in alto.

Se invece non sei sul tuo sito o non ricordi l’URL, segui le istruzioni qui di seguito:
Come accedere al sito passando dal network

2. Impostazioni widget

Spostati sul widget ‘Carosello di immagini‘ e fai clic sul quadratino color lilla che vedi nella seguente immagine.

3. Anteprima della galleria

Sulla sinistra troverai l’anteprima delle immagini che compongono il carosello; clicca sull’icona a forma di matita per aprirla.

4. Gestisci il carosello

Nella nuova finestra puoi aggiungere o eliminare immagini dalla galleria. Trascinando le immagini puoi riorganizzarle come desideri, così verranno visualizzate sul front-end del sito in base all’ordine impostato. Quando avrai finito di modificare la galleria, fai clic sul pulsante ‘Inserisci galleria‘.

5. Altre impostazioni

Poco più in basso trovi ulteriori impostazioni: puoi ad esempio ritagliare le immagini impostando larghezza e altezza, definire il numero di immagini da visualizzare e quante devono scorrere alla volta. È inoltre possibile cambiare l’icona delle frecce per lo scorrimento manuale della galleria (di default è attivo l’autoplay) oppure inserire un link sull’intero carosello.

6. Stile delle immagini

Per modificare lo stile delle immagini, clicca sulla scheda ‘Stile‘ e poi sulla sottoscheda ‘Immagini‘. Qui puoi impostare lo spazio tra un’immagine e l’altra, aggiungere un bordo o creare bellissime immagini con angoli.

7. Stile delle immagini

Per modificare lo stile della navigazione, vai sulla scheda ‘Stile‘ e poi su ‘Navigazione‘. Qui puoi definire la grandezza e il colore dell’icona (quella scelta in precedenza nella scheda ‘Contenuto‘) e impostare la posizione delle icone, scegliendo tra esterne o interne.

7. Colore icone

In questa sezione puoi applicare un colore alle icone utilizzando il pannello dei colori con esadecimale o RGB.

8. Opzioni aggiuntive

Nella sottoscheda ‘Opzioni aggiuntive‘ della scheda ‘Contenuto‘ puoi modificare la velocità dello scorrimento, attivare o disattivare l’autoplay, impostare la pausa quando si passa con il mouse sopra il carosello e abilitare il Lazyload. Il Lazyload serve a caricare le immagini solo quando diventano visibili sullo schermo, migliorando le prestazioni e velocizzando il caricamento della pagina

Attenzione: Le impostazioni offerte sono molteplici. Ti consigliamo di intervenire su altre opzioni solo dopo averne compreso pienamente il funzionamento, per evitare modifiche o cancellazioni indesiderate.

Assistenza: Per qualsiasi dubbio o chiarimento sulle impostazioni descritte in questa guida, contattaci all’indirizzo vegnavigator@esserevegan.it. Saremo felici di fornirti supporto.

L'articolo Carosello di immagini proviene da Manuale utente.